:root{color-scheme:dark;--bg:#060a12;--surface:#0d1421;--surface-2:#101927;--soft:rgba(255,255,255,.035);--border:rgba(148,163,184,.13);--border-strong:rgba(148,163,184,.23);--text:#f8fafc;--muted:#8d9aad;--accent:#a855f7;--purple:#c084fc;--cyan:#22d3ee;--green:#34d399;--red:#fb7185;--gold:#fbbf24;--blue:#38bdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 18% -10%,rgba(126,34,206,.14),transparent 34rem),radial-gradient(circle at 92% 8%,rgba(14,165,233,.08),transparent 32rem),var(--bg)}button,input,select{font:inherit}button{color:inherit}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:64px;padding:0 18px;border-bottom:1px solid var(--border);background:rgba(6,10,18,.88);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:.7rem;width:max-content;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(192,132,252,.5);border-radius:11px;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(34,211,238,.12));color:#e9d5ff;font-size:.58rem;font-weight:900;box-shadow:0 0 25px rgba(168,85,247,.18)}.brand-copy{display:grid;gap:0}.brand-copy strong{font-size:.88rem;text-transform:uppercase;letter-spacing:.03em}.brand-copy small{color:var(--muted);font-size:.58rem}.view-tabs{display:flex;padding:4px;border:1px solid var(--border-strong);border-radius:10px;background:#080e18}.view-tab{min-width:125px;padding:.6rem .9rem;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.view-tab.active{color:#e9d5ff;background:linear-gradient(180deg,rgba(168,85,247,.16),rgba(255,255,255,.04));box-shadow:inset 0 -2px 0 var(--accent)}.live-status{justify-self:end;display:flex;align-items:center;gap:.45rem;color:#cbd5e1;font-size:.72rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);width:min(1600px,100%);margin:0 auto}.sidebar{position:sticky;top:64px;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 64px);padding:14px;border-right:1px solid var(--border);background:rgba(7,12,21,.62)}.event-card,.sidebar-footer{border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(17,27,43,.94),rgba(10,16,27,.94));box-shadow:0 20px 70px rgba(0,0,0,.16)}.event-card{padding:14px}.event-card-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.event-card-heading strong{font-size:.86rem}.live-pill{padding:.2rem .42rem;border-radius:5px;color:#86efac;background:rgba(34,197,94,.16);font-size:.56rem;font-weight:800}.event-card p{margin:.6rem 0 1rem;color:var(--muted);font-size:.68rem;line-height:1.5}.event-card dl{display:grid;gap:.75rem;margin:0}.event-card dl div{display:grid;gap:.15rem}.event-card dt{color:var(--muted);font-size:.58rem}.event-card dd{margin:0;color:#dbeafe;font-size:.68rem;font-weight:700}.event-card dl div:first-child dd{color:var(--purple);font-size:1.18rem}.refresh-button{width:100%;margin-top:1rem;padding:.62rem;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.04);cursor:pointer}.refresh-button:hover{background:rgba(255,255,255,.075)}.side-nav{display:grid;gap:4px;padding:5px;border:1px solid var(--border);border-radius:12px;background:rgba(10,16,27,.8)}.side-nav button{display:flex;align-items:center;gap:.7rem;padding:.68rem .75rem;border:0;border-radius:8px;color:#cbd5e1;background:transparent;text-align:left;cursor:pointer}.side-nav button:hover,
.side-nav a:hover,.side-nav button.active{color:#e9d5ff;background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(168,85,247,.05))}.side-nav button span{width:17px;color:#b794f6;text-align:center}.sidebar-footer{display:grid;gap:.2rem;margin-top:auto;padding:12px}.sidebar-footer strong{font-size:.72rem}.sidebar-footer span{color:var(--muted);font-size:.59rem}main{min-width:0;padding:28px clamp(18px,3vw,34px) 50px}.hero{margin:0 0 22px}.eyebrow{margin:0 0 .45rem;color:var(--cyan);font-size:.61rem;font-weight:900;letter-spacing:.17em}.eyebrow.green{color:var(--green)}.eyebrow.purple{color:var(--purple)}h1{margin:0;font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:.95;letter-spacing:-.055em}.intro{margin:.85rem 0 0;color:var(--muted);font-size:.88rem}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.kpi-card{position:relative;display:grid;align-content:start;gap:.55rem;min-width:0;min-height:132px;padding:15px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(145deg,rgba(17,26,41,.98),rgba(11,17,29,.98));text-align:left;overflow:hidden}.kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--card-accent,var(--accent))}.kpi-card:where(button){cursor:pointer}.kpi-card:where(button):hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 18px 46px rgba(0,0,0,.24)}.kpi-card:disabled{cursor:default;opacity:.8}.kpi-label{color:#b5c0cf;font-size:.57rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.kpi-card strong{margin-top:auto;font-size:1.33rem;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}.kpi-card small{color:var(--muted);font-size:.61rem}.kpi-gold{--card-accent:var(--gold)}.kpi-green{--card-accent:var(--green)}.kpi-cyan{--card-accent:var(--cyan)}.kpi-blue{--card-accent:var(--blue)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{min-width:0;padding:14px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(14,22,35,.97),rgba(9,15,25,.97));box-shadow:0 24px 80px rgba(0,0,0,.16)}.activity-panel{grid-column:1/-1}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:12px}.panel-heading h2{margin:0;font-size:1.08rem;letter-spacing:-.025em}.panel-heading>span{color:var(--muted);font-size:.59rem}.gainers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(148,163,184,.09);border-radius:9px;overflow:hidden}.gainer-card{min-width:0;padding:8px;border-right:1px solid rgba(148,163,184,.09);background:rgba(3,8,16,.22)}.gainer-card:last-child{border-right:0}.gainer-card-heading{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 7px;border-bottom:1px solid rgba(148,163,184,.08)}.gainer-card-heading span{color:var(--cyan);font-size:.62rem;font-weight:900}.gainer-card-heading small{color:var(--muted);font-size:.52rem}.gainer-list{display:grid}.gainer-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:9px 3px;border:0;border-bottom:1px solid rgba(148,163,184,.07);background:transparent;text-align:left;cursor:pointer}.gainer-row:last-child{border-bottom:0}.gainer-row:hover{background:rgba(255,255,255,.035)}.gainer-row .rank{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;color:#d6deea;background:rgba(148,163,184,.1);font-size:.59rem;font-weight:850}.gainer-row:first-child .rank{color:#111827;background:var(--gold)}.gainer-row .name{display:block;min-width:0}.gainer-row .name strong{display:block;overflow:hidden;color:#f1f5f9;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.gainer-row .score{color:var(--green);font-size:.62rem;font-weight:800;white-space:nowrap}.gainer-empty{padding:14px 4px;color:var(--muted);font-size:.61rem}.activity-feed{display:grid}.activity-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 5px;border:0;border-bottom:1px solid rgba(148,163,184,.08);background:transparent;text-align:left;cursor:pointer}.activity-item:last-child{border-bottom:0}.activity-item:hover{background:rgba(255,255,255,.03)}.activity-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(168,85,247,.1)}.activity-copy{display:grid;gap:1px}.activity-copy strong{font-size:.69rem}.activity-copy small{color:var(--muted);font-size:.59rem}.activity-arrow{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.panel.wide{grid-column:1/-1}.board-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:8px}.board-controls input,.board-controls select{min-width:0;padding:.53rem .62rem;border:1px solid var(--border);border-radius:7px;color:var(--text);background:#080e18;outline:none}.board-controls input:focus,.board-controls select:focus{border-color:rgba(168,85,247,.55)}.leaderboard-scroll{max-height:560px;overflow:auto;border:1px solid rgba(148,163,184,.09);border-radius:8px;background:rgba(3,8,16,.18)}.leaderboard-header{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--muted);background:#0b1220;font-size:.57rem;text-transform:uppercase;letter-spacing:.07em}.leaderboard-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 10px;border:0;border-bottom:1px solid rgba(148,163,184,.065);background:transparent;text-align:left;cursor:pointer}.leaderboard-row:hover{background:rgba(255,255,255,.035)}.leaderboard-row .rank{color:#cbd5e1;font-size:.69rem;font-weight:850}.leaderboard-row .name{display:grid;min-width:0}.leaderboard-row .name strong{overflow:hidden;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row .name small{color:var(--muted);font-size:.54rem}.leaderboard-row .score{color:#dbeafe;font-size:.68rem;font-weight:800;white-space:nowrap}.leaderboard-row.first{background:linear-gradient(90deg,rgba(251,191,36,.08),transparent)}.leaderboard-row.second{background:linear-gradient(90deg,rgba(203,213,225,.06),transparent)}.leaderboard-row.third{background:linear-gradient(90deg,rgba(251,146,60,.06),transparent)}.movement.up{color:var(--green)}.movement.down{color:var(--red)}.movement.neutral{color:var(--muted)}.projection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.projection-grid h3{margin:2px 0 8px;color:#dbe3ee;font-size:.75rem}.system-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.system-strip article{display:grid;gap:3px;padding:11px;border:1px solid var(--border);border-radius:9px;background:rgba(13,20,33,.7)}.system-strip span{color:var(--muted);font-size:.56rem}.system-strip strong{font-size:.9rem}.loading,.error,.page-loading{padding:2rem;color:var(--muted);text-align:center}.clan-hero{margin-bottom:22px}.back-button{margin-bottom:18px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--soft);cursor:pointer}.summary-grid,.gain-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.metric{display:grid;gap:.35rem;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.metric span{color:var(--muted);font-size:.62rem}.metric strong{font-size:1.25rem}.metric-date{font-size:.78rem!important}.player-clan-card button{width:max-content;padding:0;border:0;color:var(--cyan);background:transparent;cursor:pointer}.roster-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.roster-header,.roster-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px}.roster-header{color:var(--muted);background:#0b1220;font-size:.58rem}.roster-row{width:100%;border:0;border-top:1px solid rgba(148,163,184,.07);background:transparent;text-align:left;cursor:pointer}.roster-row:hover{background:rgba(255,255,255,.03)}.roster-row .name strong{font-size:.72rem}.history-chart{color:var(--accent)}.history-chart svg{width:100%;height:auto;max-height:280px}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.61rem}.chart-labels strong{color:var(--text)}.empty-state{padding:28px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text)}footer{display:flex;justify-content:space-between;gap:1rem;padding:18px clamp(18px,3vw,34px);border-top:1px solid var(--border);color:var(--muted);font-size:.62rem}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.app-shell{grid-template-columns:190px minmax(0,1fr)}.gainers-grid{grid-template-columns:repeat(2,1fr)}.gainer-card:nth-child(2){border-right:0}.gainer-card:nth-child(-n+2){border-bottom:1px solid rgba(148,163,184,.09)}}
@media(max-width:860px){.site-header{grid-template-columns:1fr auto;height:auto;min-height:62px;padding:9px 12px}.view-tabs{grid-column:1/-1;grid-row:2;width:100%}.view-tab{flex:1;min-width:0}.live-status{grid-column:2;grid-row:1}.app-shell{display:block}.sidebar{position:static;display:block;height:auto;padding:10px 12px 0;border-right:0;background:transparent}.event-card{display:grid;grid-template-columns:1fr auto;gap:8px}.event-card p,.event-card dl,.sidebar-footer{display:none}.refresh-button{grid-column:2;grid-row:1/3;width:auto;margin:0}.side-nav{display:none}main{padding:22px 12px 40px}.hero{margin-bottom:17px}.kpi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.kpi-card{flex:0 0 185px;min-height:120px;scroll-snap-align:start}.analytics-grid,.dashboard-grid,.projection-grid{grid-template-columns:1fr}.activity-panel,.panel.wide{grid-column:auto}.system-strip{grid-template-columns:1fr 1fr}.summary-grid,.gain-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand-copy small,.live-status span:last-child{display:none}h1{font-size:2.45rem}.intro{font-size:.78rem}.panel{padding:11px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:1rem}.gainers-grid{display:flex;overflow-x:auto;border:0;border-radius:0}.gainer-card{flex:0 0 235px;border:1px solid rgba(148,163,184,.09)!important;border-radius:8px;margin-right:8px}.gainer-row .name strong{font-size:.72rem}.dashboard-grid{gap:9px}.leaderboard-scroll{max-height:500px}.system-strip{grid-template-columns:1fr 1fr}.system-strip article{padding:9px}.summary-grid,.gain-summary-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column}}

/* v0.4 Analytics profiles */
.profile-hero { margin-bottom: 20px; }
.analytics-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.analytics-summary .metric { min-height: 136px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.analytics-summary .metric small,
.analytics-metric small { color: var(--muted); font-size: .76rem; line-height: 1.35; }
.analytics-summary .featured-metric { border-color: rgba(139,92,246,.48); box-shadow: inset 0 0 0 1px rgba(139,92,246,.08); }
.analytics-summary .featured-metric strong { color: #c4b5fd; }
.analytics-gains { grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 16px 0 20px; }
.analytics-metric { min-height: 118px; }
.analytics-metric strong { color: #86efac; }
.profile-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 20px; }
.profile-chart-grid .panel { min-width: 0; }
.rank-history-panel .history-chart { color: #60a5fa; }
.player-history-panel .history-chart { min-height: 250px; }
.history-chart svg { width: 100%; height: auto; overflow: visible; }
.chart-labels { gap: 12px; }
.chart-labels strong { white-space: nowrap; }

@media (max-width: 1180px) {
  .analytics-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .analytics-gains { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .analytics-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-chart-grid { grid-template-columns: 1fr; }
  .analytics-gains { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
}
@media (max-width: 520px) {
  .analytics-summary { grid-template-columns: 1fr 1fr; gap: 10px; }
  .analytics-summary .metric { min-height: 118px; padding: 14px; }
  .analytics-summary .metric strong { font-size: 1.28rem; }
  .analytics-gains { grid-template-columns: 1fr 1fr; gap: 10px; }
  .analytics-metric { min-height: 105px; padding: 13px; }
  .profile-chart-grid { gap: 12px; }
  .player-history-panel { padding: 14px; }
}


/* v0.5 Live Race, interactive charts and Compare */
.live-race-panel { grid-column: span 1; }
.live-race { display: grid; gap: 9px; }
.race-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; width:100%; padding:13px 10px; border:1px solid rgba(148,163,184,.09); border-radius:10px; background:rgba(5,10,19,.52); color:var(--text); text-align:left; cursor:pointer; }
.race-row:hover { transform:translateY(-1px); border-color:rgba(168,85,247,.36); background:rgba(168,85,247,.05); }
.race-rank { color:var(--gold); font-size:.78rem; font-weight:900; }
.race-copy { display:grid; gap:4px; min-width:0; }
.race-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }
.race-copy small { color:var(--muted); font-size:.61rem; }
.race-track { display:block; height:7px; overflow:hidden; border-radius:999px; background:rgba(148,163,184,.1); }
.race-fill { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#8b5cf6,#22d3ee); box-shadow:0 0 16px rgba(139,92,246,.3); }
.race-fill-2 { background:linear-gradient(90deg,#0ea5e9,#34d399); }
.race-projection { color:#c4b5fd; font-size:.67rem; font-weight:800; white-space:nowrap; }
.eyebrow.gold { color:var(--gold); }
.eyebrow.blue { color:#60a5fa; }
.interactive-chart circle,.compare-chart circle { fill:var(--surface); stroke:currentColor; stroke-width:3; cursor:crosshair; transition:r .15s ease,fill .15s ease; }
.interactive-chart circle:hover,.interactive-chart circle:focus,.compare-chart circle:hover { r:8; fill:currentColor; outline:none; }
.chart-axis { stroke:rgba(148,163,184,.16); stroke-width:1; }
.chart-help { display:block; margin-top:7px; color:var(--muted); font-size:.59rem; text-align:center; }
.compare-builder { margin-bottom:16px; }
.compare-controls { display:grid; grid-template-columns:160px minmax(180px,1fr) 52px minmax(180px,1fr) auto; gap:12px; align-items:end; }
.compare-controls label { display:grid; gap:6px; color:var(--muted); font-size:.64rem; }
.compare-controls select { width:100%; min-width:0; padding:.72rem .78rem; border:1px solid var(--border); border-radius:9px; color:var(--text); background:#080e18; }
.compare-controls button { padding:.76rem 1rem; border:0; border-radius:9px; color:white; background:linear-gradient(135deg,#7c3aed,#2563eb); font-weight:800; cursor:pointer; }
.compare-vs { display:grid; place-items:center; height:42px; color:var(--gold); font-size:.72rem; font-weight:900; }
.compare-head-to-head { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.compare-entity { padding:18px; border:1px solid var(--border); border-radius:13px; background:linear-gradient(145deg,rgba(124,58,237,.09),rgba(5,10,19,.82)); }
.compare-entity-2 { background:linear-gradient(145deg,rgba(14,165,233,.09),rgba(5,10,19,.82)); }
.compare-entity>span { color:var(--muted); font-size:.59rem; letter-spacing:.08em; }
.compare-entity>strong { display:block; margin:7px 0 15px; font-size:1.45rem; }
.compare-entity dl { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:0; }
.compare-entity dl div { padding:9px; border-radius:8px; background:rgba(255,255,255,.035); }
.compare-entity dt { color:var(--muted); font-size:.55rem; }
.compare-entity dd { margin:4px 0 0; font-size:.78rem; font-weight:800; }
.compare-chart { color:#a78bfa; }
.compare-chart svg { width:100%; height:auto; max-height:300px; }
.compare-series-1 { color:#a78bfa; }
.compare-series-2 { color:#22d3ee; }
.compare-legend { display:flex; gap:18px; margin-bottom:8px; color:var(--muted); font-size:.63rem; }
.compare-legend span { display:flex; align-items:center; gap:6px; }
.compare-legend i { width:18px; height:3px; border-radius:999px; background:#a78bfa; }
.compare-legend .legend-2 i { background:#22d3ee; }
@media(max-width:980px){.compare-controls{grid-template-columns:1fr 1fr}.compare-vs{display:none}.compare-controls button{grid-column:1/-1}.compare-entity dl{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.compare-controls,.compare-head-to-head{grid-template-columns:1fr}.compare-entity dl{grid-template-columns:1fr 1fr}.live-race-panel{grid-column:auto}}

.side-nav a { display:flex; align-items:center; gap:.75rem; width:100%; padding:.8rem 1rem; border-radius:.75rem; color:inherit; text-decoration:none; }
.side-nav a:hover { background:rgba(255,255,255,.06); }


/* v0.6 Live Analytics */
.header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.global-search{position:relative;width:min(340px,30vw)}.global-search input{width:100%;padding:.65rem .85rem;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);background:#080e18;outline:none}.global-search input:focus{border-color:rgba(168,85,247,.65);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.global-search-results{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:100%;max-height:420px;overflow:auto;padding:6px;border:1px solid var(--border-strong);border-radius:12px;background:rgba(8,14,24,.98);box-shadow:0 24px 55px rgba(0,0,0,.45)}.global-search-results button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.global-search-results button:hover{background:rgba(168,85,247,.1)}.global-search-results strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.global-search-results small{color:var(--muted);font-size:.58rem}.search-empty{padding:18px;color:var(--muted);font-size:.68rem;text-align:center}.live-center{margin-bottom:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:10px}.section-heading h2{margin:2px 0 0;font-size:1.15rem}.section-heading>span{color:var(--muted);font-size:.62rem}.live-center-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.live-center-card{display:flex;gap:11px;align-items:flex-start;min-width:0;min-height:120px;padding:15px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:linear-gradient(145deg,rgba(124,58,237,.09),rgba(5,10,19,.8));text-align:left;cursor:pointer;transition:.18s ease}.live-center-card:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(168,85,247,.45);box-shadow:0 12px 35px rgba(0,0,0,.22)}.live-center-card:disabled{cursor:default}.live-center-icon{font-size:1.15rem}.live-center-card>span:last-child{display:grid;gap:5px;min-width:0}.live-center-card small{color:var(--muted);font-size:.57rem;text-transform:uppercase;letter-spacing:.06em}.live-center-card strong{overflow:hidden;text-overflow:ellipsis;font-size:.86rem}.live-center-card em{color:#b8c2d2;font-size:.61rem;font-style:normal;line-height:1.35}.daily-highlights{margin-bottom:18px}.highlight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.highlight-card{display:grid;gap:7px;min-height:105px;padding:14px;border:1px solid rgba(148,163,184,.11);border-radius:11px;color:var(--text);background:rgba(5,10,19,.55);text-align:left;cursor:pointer}.highlight-card:hover:not(:disabled){border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.045)}.highlight-card>span{width:max-content;padding:3px 7px;border-radius:999px;color:#86efac;background:rgba(52,211,153,.09);font-size:.51rem;font-weight:900;letter-spacing:.08em}.highlight-card strong{font-size:.78rem}.highlight-card small{color:var(--muted);font-size:.59rem;line-height:1.4}
@media(max-width:1280px){.live-center-grid{grid-template-columns:repeat(3,1fr)}.highlight-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.header-actions{grid-column:2;grid-row:1}.global-search{width:220px}.live-center-grid,.highlight-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.live-center-card,.highlight-card{flex:0 0 220px;scroll-snap-align:start}}
@media(max-width:560px){.global-search{width:42px}.global-search input{padding:.65rem .7rem;color:transparent}.global-search input::placeholder{color:transparent}.global-search:before{content:"⌕";position:absolute;left:14px;top:7px;pointer-events:none;color:var(--muted);font-size:1rem}.global-search:focus-within{position:absolute;left:12px;right:12px;width:auto;z-index:90}.global-search:focus-within input{color:var(--text);padding-left:36px}.global-search:focus-within input::placeholder{color:var(--muted)}.global-search-results{width:100%}.live-center-card{flex-basis:205px}.highlight-card{flex-basis:215px}}

/* v0.6.1 chart readability and interaction */
.interactive-chart { position: relative; }
.chart-grid-line { stroke: rgba(148,163,184,.12); stroke-width: 1; stroke-dasharray: 4 5; }
.chart-tick text,.chart-x-label { fill: var(--muted); font-size: 12px; font-family: inherit; }
.chart-data-point { fill: currentColor; stroke: #08101c; stroke-width: 3; cursor: crosshair; transition: r .12s ease, opacity .12s ease; }
.chart-data-point:hover,.chart-data-point:focus { r: 8; opacity: 1; outline: none; }
.chart-tooltip { position: absolute; z-index: 8; transform: translate(-50%, calc(-100% - 12px)); max-width: min(260px,80%); padding: 7px 9px; border: 1px solid var(--border-strong); border-radius: 7px; color: var(--text); background: #08101c; box-shadow: 0 10px 30px rgba(0,0,0,.35); font-size: .68rem; font-weight: 750; line-height: 1.3; pointer-events: none; white-space: nowrap; }
.chart-tooltip[hidden] { display: none; }
@media (max-width: 640px) {
  .chart-tick text,.chart-x-label { font-size: 14px; }
  .chart-tooltip { white-space: normal; }
}


/* v0.7 Public Beta insights and polish */
.insights-section{margin:0 0 18px}.insights-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:12px}.spotlight-card,.insight-list{min-width:0;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,rgba(124,58,237,.11),rgba(5,10,19,.82));overflow:hidden}.spotlight-card>button{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;width:100%;height:100%;padding:18px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.spotlight-card>button:hover{background:rgba(168,85,247,.055)}.spotlight-badge{grid-column:1/-1;width:max-content;padding:4px 8px;border-radius:999px;color:#fde68a;background:rgba(251,191,36,.1);font-size:.52rem;font-weight:900;letter-spacing:.08em}.spotlight-avatar{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(192,132,252,.4);border-radius:16px;color:#e9d5ff;background:linear-gradient(135deg,rgba(168,85,247,.3),rgba(34,211,238,.12));font-weight:900}.spotlight-copy{display:grid;align-content:center;gap:4px;min-width:0}.spotlight-copy strong{overflow:hidden;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.spotlight-copy small{color:var(--muted);font-size:.64rem}.spotlight-card dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 0}.spotlight-card dl div{padding:9px;border-radius:9px;background:rgba(255,255,255,.035)}.spotlight-card dt{color:var(--muted);font-size:.53rem}.spotlight-card dd{margin:4px 0 0;font-size:.72rem;font-weight:800}.spotlight-link{grid-column:1/-1;color:#c4b5fd;font-size:.63rem;font-weight:800}.insight-list{display:grid;padding:6px;background:rgba(5,10,19,.58)}.insight-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 9px;border:0;border-bottom:1px solid rgba(148,163,184,.08);color:var(--text);background:transparent;text-align:left;cursor:pointer}.insight-item:last-child{border-bottom:0}.insight-item:hover{border-radius:9px;background:rgba(52,211,153,.045)}.insight-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(168,85,247,.1)}.insight-item>span:nth-child(2){display:grid;gap:3px;min-width:0}.insight-item strong{font-size:.7rem}.insight-item small{color:var(--muted);font-size:.59rem;line-height:1.35}.insight-item em{color:var(--muted);font-style:normal}.beta-panel{margin-bottom:18px}.beta-content{display:flex;align-items:center;justify-content:space-between;gap:18px}.beta-content p{max-width:720px;margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}.beta-checks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.beta-checks span{padding:5px 8px;border:1px solid rgba(52,211,153,.16);border-radius:999px;color:#a7f3d0;background:rgba(52,211,153,.055);font-size:.55rem}.loading{position:relative;overflow:hidden;color:transparent!important;min-height:72px}.loading:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:beta-shimmer 1.35s infinite}@keyframes beta-shimmer{to{transform:translateX(100%)}}.kpi-card,.live-center-card,.highlight-card,.leaderboard-row,.gainer-row,.activity-item,.insight-item{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}@media(max-width:980px){.insights-layout{grid-template-columns:1fr}.beta-content{align-items:flex-start;flex-direction:column}.beta-checks{justify-content:flex-start}}@media(max-width:620px){.insights-layout{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.spotlight-card,.insight-list{flex:0 0 88%;scroll-snap-align:start}.beta-checks span{font-size:.58rem}}


/* v0.7.1 beta patch */
.auto-refresh-status{display:block;margin-top:.45rem;color:var(--muted);font-size:.57rem;text-align:center}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem 1rem;text-align:center}.site-footer span:not(:last-child)::after{content:"·";margin-left:1rem;color:var(--border-strong)}@media(max-width:560px){.site-footer{align-items:center}.site-footer span{width:100%}.site-footer span::after{display:none}}