:root{--bg: #f4f7f4;--bg-elevated: #ffffff;--bg-soft: #edf5f2;--bg-soft-2: #e5ece9;--text: #10201d;--text-muted: #58706a;--text-dim: #344b45;--border: #d5dfdb;--border-soft: #e5ece9;--accent: #0f766e;--accent-strong: #12342e;--accent-soft: #c8f1ec;--accent-pill-bg: rgba(15, 118, 110, .12);--rank-bg: #12342e;--rank-text: #ffffff;--tooltip-bg: #12342e;--tooltip-text: #f4f7f4;--tooltip-strong: #c8f1ec;--tooltip-foot: #b8ccc7;--banner-bg: #fff7df;--banner-border: #e8c36b;--banner-warn-bg: #fff1df;--banner-warn-border: #e8a96b;--banner-error-bg: #fee4dc;--banner-error-border: #dc2626;--banner-error-text: #7f1d1d;--banner-info-bg: #edf5f2;--banner-info-border: #b8ccc7;--banner-info-text: #12342e;--dot-default: #b8ccc7;--dot-live: #16a34a;--dot-live-glow: rgba(22, 163, 74, .18);--dot-error: #dc2626;--dot-error-glow: rgba(220, 38, 38, .18);--trend-hot-bg: #dff8e8;--trend-hot-text: #146c3e;--trend-stable-bg: #e8f0f7;--trend-stable-text: #245071;--trend-cold-bg: #fee4dc;--trend-cold-text: #9a3412;--form-heater-bg: #fde2c1;--form-heater-text: #9a3412;--form-heater-ring: rgba(234, 88, 12, .22);--form-hot-bg: #fee4dc;--form-hot-text: #b45309;--form-cold-bg: #e8f0f7;--form-cold-text: #245071;--form-frozen-bg: #cfe1f0;--form-frozen-text: #1e3a5f;--form-frozen-ring: rgba(30, 64, 175, .22);--mvp-overlay: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .74));--mvp-glow: radial-gradient(circle at 82% 18%, #e8d05c 0, transparent 28%);--mvp-base: linear-gradient(135deg, #c8f1ec, #f1f4d0 55%, #fac9ac);--shadow-card: 0 1px 0 rgba(15, 30, 27, .02);--shadow-pop: 0 10px 28px rgba(0, 0, 0, .18);--pill-bg: rgba(255, 255, 255, .6);--pill-text: var(--accent-strong);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}:root[data-theme=dark]{--bg: #0a1310;--bg-elevated: #131e1b;--bg-soft: #1a2724;--bg-soft-2: #1f2c29;--text: #e8efed;--text-muted: #8ba59c;--text-dim: #b8ccc7;--border: #243130;--border-soft: #1d2926;--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: #143531;--accent-pill-bg: rgba(45, 212, 191, .16);--rank-bg: #2dd4bf;--rank-text: #0a1310;--tooltip-bg: #06100e;--tooltip-text: #e8efed;--tooltip-strong: #5eead4;--tooltip-foot: #8ba59c;--banner-bg: #2a2210;--banner-border: #a07a2c;--banner-warn-bg: #2e2010;--banner-warn-border: #b48132;--banner-error-bg: #2f120e;--banner-error-border: #ef4444;--banner-error-text: #fda4a3;--banner-info-bg: #11231f;--banner-info-border: #2f4946;--banner-info-text: #c8f1ec;--dot-default: #3a4f4b;--dot-live: #34d399;--dot-live-glow: rgba(52, 211, 153, .22);--dot-error: #f87171;--dot-error-glow: rgba(248, 113, 113, .22);--trend-hot-bg: #0f2c1d;--trend-hot-text: #4ade80;--trend-stable-bg: #142434;--trend-stable-text: #93c5fd;--trend-cold-bg: #2c1610;--trend-cold-text: #fca5a5;--form-heater-bg: #3a1f0c;--form-heater-text: #fdba74;--form-heater-ring: rgba(251, 146, 60, .32);--form-hot-bg: #2a180e;--form-hot-text: #fcd34d;--form-cold-bg: #131f30;--form-cold-text: #93c5fd;--form-frozen-bg: #0b1a30;--form-frozen-text: #bfdbfe;--form-frozen-ring: rgba(59, 130, 246, .32);--mvp-overlay: linear-gradient(135deg, rgba(10, 19, 16, .55), rgba(10, 19, 16, .85));--mvp-glow: radial-gradient(circle at 82% 18%, rgba(232, 208, 92, .55) 0, transparent 38%);--mvp-base: linear-gradient(135deg, #143531, #1c2c1a 55%, #3a1f0c);--shadow-card: 0 1px 0 rgba(0, 0, 0, .3);--shadow-pop: 0 14px 36px rgba(0, 0, 0, .55);--pill-bg: rgba(10, 19, 16, .6);--pill-text: var(--text);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a1310;--bg-elevated: #131e1b;--bg-soft: #1a2724;--bg-soft-2: #1f2c29;--text: #e8efed;--text-muted: #8ba59c;--text-dim: #b8ccc7;--border: #243130;--border-soft: #1d2926;--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: #143531;--accent-pill-bg: rgba(45, 212, 191, .16);--rank-bg: #2dd4bf;--rank-text: #0a1310;--tooltip-bg: #06100e;--tooltip-text: #e8efed;--tooltip-strong: #5eead4;--tooltip-foot: #8ba59c;--banner-bg: #2a2210;--banner-border: #a07a2c;--banner-warn-bg: #2e2010;--banner-warn-border: #b48132;--banner-error-bg: #2f120e;--banner-error-border: #ef4444;--banner-error-text: #fda4a3;--banner-info-bg: #11231f;--banner-info-border: #2f4946;--banner-info-text: #c8f1ec;--dot-default: #3a4f4b;--dot-live: #34d399;--dot-live-glow: rgba(52, 211, 153, .22);--dot-error: #f87171;--dot-error-glow: rgba(248, 113, 113, .22);--trend-hot-bg: #0f2c1d;--trend-hot-text: #4ade80;--trend-stable-bg: #142434;--trend-stable-text: #93c5fd;--trend-cold-bg: #2c1610;--trend-cold-text: #fca5a5;--form-heater-bg: #3a1f0c;--form-heater-text: #fdba74;--form-heater-ring: rgba(251, 146, 60, .32);--form-hot-bg: #2a180e;--form-hot-text: #fcd34d;--form-cold-bg: #131f30;--form-cold-text: #93c5fd;--form-frozen-bg: #0b1a30;--form-frozen-text: #bfdbfe;--form-frozen-ring: rgba(59, 130, 246, .32);--mvp-overlay: linear-gradient(135deg, rgba(10, 19, 16, .55), rgba(10, 19, 16, .85));--mvp-glow: radial-gradient(circle at 82% 18%, rgba(232, 208, 92, .55) 0, transparent 38%);--mvp-base: linear-gradient(135deg, #143531, #1c2c1a 55%, #3a1f0c);--shadow-card: 0 1px 0 rgba(0, 0, 0, .3);--shadow-pop: 0 14px 36px rgba(0, 0, 0, .55);--pill-bg: rgba(10, 19, 16, .6);--pill-text: var(--text);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.topbar,.hero-grid,.content-grid,.awards-grid{display:grid;gap:16px}.topbar{grid-template-columns:1fr auto auto;align-items:end;margin-bottom:20px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(2rem,7vw,4.8rem);line-height:.96}.live-pill,.panel-heading,.section-title,.trend{display:inline-flex;align-items:center;gap:8px}.live-pill{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;color:var(--accent-strong);background:var(--bg-elevated);font-weight:750;white-space:nowrap}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:999px;color:var(--accent-strong);background:var(--bg-elevated);cursor:pointer;transition:background .18s ease,color .18s ease}.theme-toggle:hover{background:var(--bg-soft)}.banner{margin-bottom:16px;padding:12px 14px;border:1px solid var(--banner-border);border-radius:8px;background:var(--banner-bg);color:var(--text)}.banner code{padding:1px 6px;border-radius:4px;background:var(--accent-pill-bg);color:var(--accent);font-size:.88em}.banner-warn{border-color:var(--banner-warn-border);background:var(--banner-warn-bg)}.banner-error{border-color:var(--banner-error-border);background:var(--banner-error-bg);color:var(--banner-error-text)}.banner-info{border-color:var(--banner-info-border);background:var(--banner-info-bg);color:var(--banner-info-text)}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);margin-bottom:18px}.mvp-panel,.session-panel,.feed,.pipeline-panel,.formula-panel,.award-card{border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);box-shadow:var(--shadow-card)}.mvp-panel{min-height:260px;padding:24px;background:var(--mvp-overlay),var(--mvp-glow),var(--mvp-base);color:var(--text)}.panel-heading{color:var(--accent);font-weight:850}.mvp-panel h2{margin-top:18px;font-size:clamp(3rem,12vw,7.4rem);line-height:.88}.mvp-value{margin-top:18px;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:900}.metric-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.metric-row span{padding:9px 11px;border-radius:999px;background:var(--pill-bg);color:var(--pill-text);font-weight:800}.session-panel{padding:22px}.session-stats{display:grid;gap:12px;margin-top:22px}.session-stats div{display:grid;gap:2px;padding:16px;border-radius:8px;background:var(--bg-soft)}.session-stats strong{font-size:1.8rem}.device-status{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}.device-status-head,.device-row{display:flex;align-items:center;gap:8px}.device-status-head{color:var(--accent)}.device-status-count{font-size:1.5rem;font-weight:900}.device-list{display:grid;gap:7px;color:var(--text-dim);font-size:.92rem}.dot{width:9px;height:9px;border-radius:999px;background:var(--dot-default)}.dot-live{background:var(--dot-live);box-shadow:0 0 0 4px var(--dot-live-glow)}.dot-error{background:var(--dot-error);box-shadow:0 0 0 4px var(--dot-error-glow)}.session-stats span,.player-sub,.player-score span,.feed time{color:var(--text-muted)}.content-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.awards-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.award-card{display:grid;gap:4px;min-height:126px;padding:14px}.award-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:999px;color:var(--accent);background:var(--bg-soft)}.award-card span{color:var(--text-muted);font-size:.82rem;font-weight:850;text-transform:uppercase}.award-card strong{overflow-wrap:anywhere;font-size:1.2rem;line-height:1.05}.award-card em{color:var(--accent);font-style:normal;font-weight:850}.section-title{margin-bottom:12px}.section-title h2{font-size:1.1rem}.player-list{display:grid;gap:10px}.player-card{display:grid;grid-template-columns:42px minmax(170px,1fr) 96px 98px 110px;gap:12px;align-items:center;min-height:76px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);box-shadow:var(--shadow-card)}.rank{display:grid;width:36px;height:36px;place-items:center;border-radius:999px;background:var(--rank-bg);color:var(--rank-text);font-weight:900}.player-name{font-size:1.08rem;font-weight:850}.player-name-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tier-pill{padding:2px 8px;border-radius:999px;background:var(--bg-soft);color:var(--accent);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.form-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:850;text-transform:uppercase}.form-heater{background:var(--form-heater-bg);color:var(--form-heater-text);box-shadow:0 0 0 2px var(--form-heater-ring)}.form-hot{background:var(--form-hot-bg);color:var(--form-hot-text)}.form-cold{background:var(--form-cold-bg);color:var(--form-cold-text)}.form-frozen{background:var(--form-frozen-bg);color:var(--form-frozen-text);box-shadow:0 0 0 2px var(--form-frozen-ring)}.crew-tag{margin-left:auto;padding:4px 12px;border-radius:999px;background:var(--accent-pill-bg);color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.role-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.role-owner{background:var(--accent);color:var(--rank-text)}.player-card.is-owner{border-color:var(--accent);background:linear-gradient(to right,var(--accent-pill-bg) 0%,transparent 24%),var(--bg-elevated)}.player-card.is-owner .rank{background:var(--accent);color:var(--rank-text)}.leaderboard-tabs{display:inline-flex;gap:4px;margin-left:auto;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated)}.leaderboard-tabs button{padding:6px 12px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease}.leaderboard-tabs button:hover{color:var(--accent)}.leaderboard-tabs button.active{background:var(--accent);color:var(--rank-text)}.leaderboard-empty{margin:24px 0;padding:18px;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);text-align:center}.player-card.is-live{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-pill-bg),var(--shadow-card)}.live-pill-small{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--rank-text);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 var(--dot-live-glow)}50%{box-shadow:0 0 0 6px transparent}}.status-live{color:var(--dot-live)}.player-card-lite{grid-template-columns:42px minmax(170px,1fr) auto}.session-stats.compact{grid-template-columns:repeat(3,1fr);margin-top:16px}.session-stats.compact div{padding:10px}.session-stats.compact strong{font-size:1.3rem}.sessions-list{display:grid;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}.sessions-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.sessions-list-reset{padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--accent);font-size:.7rem;font-weight:800;cursor:pointer;text-transform:none;letter-spacing:0}.sessions-list-reset:hover{background:var(--bg-soft)}.sessions-empty{padding:10px 0;color:var(--text-muted);font-size:.85rem}.session-row{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:background .15s ease,border-color .15s ease}.session-row:hover{background:var(--bg-soft)}.session-row.is-selected{border-color:var(--accent);background:var(--accent-pill-bg)}.session-row-main{display:grid;gap:2px;min-width:0}.session-row-main strong{font-size:.95rem}.session-row-main span{overflow:hidden;color:var(--text-muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.session-row-meta{color:var(--text-muted);font-size:.75rem}.info-tip{position:relative;display:inline-flex;align-items:center;margin-left:6px;padding:2px;border-radius:999px;color:var(--text-muted);cursor:help;outline:none}.info-tip:hover,.info-tip:focus-visible{color:var(--accent)}.info-tip .tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:320px;padding:14px 16px;border-radius:10px;background:var(--tooltip-bg);color:var(--tooltip-text);font-size:.84rem;line-height:1.45;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;box-shadow:var(--shadow-pop)}.info-tip:hover .tooltip,.info-tip:focus-within .tooltip,.info-tip:focus-visible .tooltip{opacity:1;visibility:visible;transform:translateY(0)}.info-tip .tooltip strong{color:var(--tooltip-strong);font-size:.88rem;letter-spacing:.01em}.tooltip-divider{margin:8px 0;border-top:1px solid rgba(255,255,255,.14)}.tooltip-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.tooltip-row span:last-child{color:var(--tooltip-strong);font-weight:800}.tooltip-foot{margin-top:8px;color:var(--tooltip-foot);font-size:.78rem}.player-score{display:grid;justify-items:end}.player-score strong{font-size:1.25rem}.trend{justify-content:center;min-height:36px;border-radius:999px;font-weight:850}.trend-hot{background:var(--trend-hot-bg);color:var(--trend-hot-text)}.trend-stable{background:var(--trend-stable-bg);color:var(--trend-stable-text)}.trend-cold{background:var(--trend-cold-bg);color:var(--trend-cold-text)}.market-value{justify-self:end;font-weight:900}.feed,.pipeline-panel,.formula-panel{padding:16px}.pipeline-panel,.formula-panel{margin-bottom:14px}.pipeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pipeline-grid div{display:grid;gap:2px;min-width:0;padding:10px;border-radius:8px;background:var(--bg-soft)}.pipeline-grid strong{overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.pipeline-grid span{color:var(--text-muted);font-size:.78rem}.ingest-list{display:grid;gap:7px;margin-top:12px;color:var(--text-dim);font-size:.9rem}.ingest-row{display:flex;align-items:center;gap:8px;min-width:0}.formula-list{display:flex;flex-wrap:wrap;gap:8px}.formula-list span{padding:8px 10px;border-radius:999px;background:var(--bg-soft);color:var(--pill-text);font-size:.86rem;font-weight:800}.feed-item{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--border-soft)}.feed-item:first-of-type{border-top:0}.feed-item svg{margin-top:3px;color:var(--accent)}.feed-item p{margin:4px 0 6px;color:var(--text-dim)}@media(max-width:900px){.topbar,.hero-grid,.content-grid,.awards-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr auto auto;align-items:start}.live-pill{justify-self:start}.player-card{grid-template-columns:38px minmax(0,1fr) 88px}.trend,.market-value{grid-column:2 / 4;justify-self:stretch}}@media(max-width:560px){.app-shell{width:min(100% - 20px,1180px);padding-top:18px}.mvp-panel,.session-panel,.feed,.pipeline-panel,.formula-panel{padding:16px}.awards-grid{gap:10px}.award-card{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;min-height:72px}.award-card span,.award-card strong{grid-column:2}.award-card em{grid-column:3;grid-row:1 / 3;justify-self:end}.player-card{grid-template-columns:34px minmax(0,1fr)}.player-score,.trend,.market-value{grid-column:2;justify-self:start}.info-tip .tooltip{width:min(86vw,320px);left:auto;right:0}}
