:root{color-scheme:dark;--bg: #000000;--panel: rgba(10, 10, 10, .9);--panel-soft: rgba(17, 17, 17, .85);--toolbar: rgba(44, 44, 44, .92);--toolbar-soft: rgba(58, 58, 58, .92);--line: rgba(255, 255, 255, .08);--text: #f5f7fa;--text-soft: #9ea7b3;--green-a: #0d5b32;--green-b: #4ff28c;--yellow-a: #7a5a07;--yellow-b: #ffd44d;--red-a: #701614;--red-b: #ff5f57;--shadow: 0 28px 80px rgba(0, 0, 0, .42)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(79,242,140,.1),transparent 20rem),radial-gradient(circle at 90% 15%,rgba(255,212,77,.12),transparent 18rem),radial-gradient(circle at 78% 85%,rgba(255,95,87,.1),transparent 20rem),#000;color:var(--text)}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;max-width:1500px;margin:0 auto;padding:18px 24px 24px;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.glow-left{width:18rem;height:18rem;top:2rem;left:-5rem;background:#4ff28c80}.glow-right{width:20rem;height:20rem;top:6rem;right:-6rem;background:#ff5f5757}.control-deck,.header,.layout{position:relative;z-index:1}.control-deck{display:grid;grid-template-columns:auto minmax(280px,1fr) repeat(4,auto);gap:10px;align-items:center;position:sticky;top:12px;z-index:3;padding:12px;margin-bottom:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#3e3e3eeb,#202020f0);box-shadow:var(--shadow)}.control-brand{display:flex;align-items:center;gap:.8rem;padding:0 .5rem;color:#fff}.brand-dot{width:1.15rem;height:1.15rem;border-radius:999px;background:radial-gradient(circle at 35% 35%,#f4fff8f2,#4ff28cd9 42%,#0d5b32fa);box-shadow:0 0 18px #4ff28c73}.control-brand strong{font-family:Sora,sans-serif;font-size:1.1rem;letter-spacing:.03em}.control-search input{width:100%;min-width:0;height:48px;padding:0 1rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#181818f2;color:var(--text);outline:none}.control-search input::placeholder{color:#8d95a0}.control-search input:focus{border-color:#4ff28c99;box-shadow:0 0 0 1px #4ff28c59}.control-cluster{display:flex;flex-wrap:wrap;gap:8px}.chip-button,.icon-button{border:1px solid rgba(255,255,255,.08);background:#464646a6;color:#f0f4f7;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.chip-button:hover,.icon-button:hover{transform:translateY(-1px)}.chip-button{min-height:44px;padding:.7rem 1rem;border-radius:15px;font-weight:700}.chip-button.is-active{border-color:#29f85d;box-shadow:inset 0 0 0 1px #29f85d40}.chip-button.is-alt{background:#373737b8}.chip-button.is-neutral{background:#303030e0}.icon-button{width:44px;height:44px;border-radius:14px;font-weight:800}.icon-button.is-active{border-color:#29f85d;color:#a8ffc2}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;margin-bottom:20px}.toolbar-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin:-4px 0 18px}.toolbar-summary span{padding:.5rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#161616e0;color:var(--text-soft);font-size:.82rem}.badge,.section-kicker{display:inline-flex;align-items:center;gap:.5rem;color:#89f8b0;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700}.header-copy h1,.board-top h2,.sidebar-card h2,.empty-state h1,.empty-state h3{margin:0;font-family:Sora,sans-serif;letter-spacing:-.04em}.header-copy h1{margin-top:.55rem;font-size:clamp(2rem,3vw,3.6rem);line-height:.95}.header-copy p,.empty-state p,.empty-inline,.top-copy span,.debug-note{color:var(--text-soft);line-height:1.6}.status-panel,.board-shell,.sidebar-card{border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-panel{min-width:260px;padding:1rem 1.1rem;display:grid;gap:.35rem}.status-panel span{color:#8ceeb2;font-size:.88rem;font-weight:600}.status-panel strong{font-size:1.1rem}.status-panel small{color:var(--text-soft)}.layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(320px,.58fr);gap:18px}.board-shell{padding:16px}.board-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.board-top h2{margin-top:.4rem;font-size:clamp(1.4rem,2.2vw,2.3rem)}.legend{display:flex;flex-wrap:wrap;gap:.55rem}.legend-item{padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);font-size:.84rem}.legend-item.is-high{background:#4ff28c1f;color:#9af6bc}.legend-item.is-medium{background:#ffd44d1f;color:#ffe07d}.legend-item.is-low{background:#ff5f571f;color:#ff948f}.board{position:relative;min-height:820px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at center,rgba(255,255,255,.03),transparent 18rem),linear-gradient(180deg,#020202f5,#080808fa)}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 95%);mask-image:radial-gradient(circle at center,black 40%,transparent 95%);pointer-events:none}.bubble{position:absolute;display:grid;place-items:center;gap:.22rem;padding:.75rem;border-radius:50%;border:1px solid rgba(255,255,255,.18);text-align:center;color:#fff;box-shadow:inset 0 8px 18px #ffffff24,inset 0 -18px 28px #00000042,0 18px 50px #00000073;transition:box-shadow .18s ease,border-color .18s ease;cursor:pointer}.bubble.is-selected,.bubble:hover{border-color:#ffffff75;box-shadow:inset 0 8px 18px #ffffff2e,inset 0 -18px 28px #00000042,0 0 0 2px #ffffff14,0 18px 60px #00000085;z-index:2}.bubble.is-high{background:radial-gradient(circle at 30% 28%,#f5fff9f2,#4ff28cc7 42%,#0d5b32f5)}.bubble.is-medium{background:radial-gradient(circle at 30% 28%,#fffcf1f2,#ffd44dcc 42%,#7a5a07f5)}.bubble.is-low{background:radial-gradient(circle at 30% 28%,#fff4f3f2,#ff5f57cc 42%,#701614f5)}.bubble-game{display:block;font-size:clamp(.68rem,.92vw,.95rem);line-height:1.15;max-width:78%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bubble strong{font-family:Sora,sans-serif;font-size:clamp(1.15rem,2.3vw,2.7rem);line-height:.96;letter-spacing:-.04em}.bubble span{font-size:clamp(.68rem,.92vw,.92rem);font-weight:700}.sidebar{display:grid;gap:18px}.sidebar-card{padding:16px}.sidebar-card h2{margin-top:.45rem;font-size:clamp(1.3rem,2vw,2rem)}.top-list{display:grid;gap:.8rem;margin-top:1rem}.top-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;padding:.9rem;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:var(--panel-soft);color:var(--text);text-align:left}.top-item.is-active{border-color:#4ff28c57}.top-rank{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#ffffff14;font-weight:700}.top-copy strong,.top-ev,.detail-metrics strong,.stat-grid strong{font-weight:700}.top-ev{font-family:Sora,sans-serif;color:#9af6bc}.detail-metrics,.stat-grid{display:grid;gap:.75rem;margin-top:1rem}.detail-metrics,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-metrics article,.stat-grid article{padding:.95rem;border-radius:18px;background:var(--panel-soft);border:1px solid rgba(255,255,255,.06)}.signal-card{margin-top:1rem;padding:1rem 1.05rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#141414eb}.signal-card strong{display:block;margin-top:.45rem;font-family:Sora,sans-serif;font-size:1.05rem}.signal-card p{margin:.45rem 0 0;color:var(--text-soft);line-height:1.6}.signal-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.signal-card.is-good{border-color:#4ff28c40;background:linear-gradient(180deg,#0d5b322e,#121212f2)}.signal-card.is-good .signal-badge{background:#4ff28c24;color:#9af6bc}.signal-card.is-watch{border-color:#ffd44d38;background:linear-gradient(180deg,#7a5a0729,#121212f2)}.signal-card.is-watch .signal-badge{background:#ffd44d24;color:#ffe07d}.signal-card.is-bad,.signal-card.is-neutral{border-color:#ff5f5733;background:linear-gradient(180deg,#70161426,#121212f2)}.signal-card.is-bad .signal-badge,.signal-card.is-neutral .signal-badge{background:#ff5f571f;color:#ffb0ab}.detail-metrics span,.stat-grid span{display:block;margin-bottom:.35rem;color:var(--text-soft);font-size:.82rem}.empty-state,.empty-inline{display:grid;place-items:center;text-align:center}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem}.empty-state h3,.empty-state h1{font-size:clamp(1.5rem,2vw,2.3rem)}.empty-inline{min-height:120px}.debug-note{max-width:34rem;font-size:.88rem}@media (max-width: 1360px){.control-deck{grid-template-columns:1fr}.control-brand{padding:0}}@media (max-width: 1180px){.header,.layout{grid-template-columns:1fr}.header{flex-direction:column}.status-panel{width:100%}}@media (max-width: 760px){.app-shell{padding:12px}.control-deck{top:8px;padding:10px;border-radius:22px}.chip-button{min-height:40px;padding:.65rem .85rem;font-size:.92rem}.header-copy h1{font-size:2.5rem}.board-top{flex-direction:column;align-items:flex-start}.board{min-height:620px}.detail-metrics,.stat-grid{grid-template-columns:1fr}.top-item{grid-template-columns:auto 1fr}.top-ev{grid-column:2}}
