:root{--bg:#080a0f;--panel:#10141d;--panel2:#141a26;--line:#253044;--text:#eef3fb;--muted:#8a98ac;--faint:#5c6a7e;--blue:#4c91ff;--blue2:#8dbbff;--purple:#b58aff;--green:#25c98b;--amber:#e9ad45;--red:#f05e7e}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 75% -20%,#13264a 0,transparent 36%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}.app-shell{width:min(1480px,100%);margin:0 auto;padding:24px 30px 20px;display:grid;grid-template-columns:214px minmax(0,1fr);gap:30px}.sidebar{min-height:calc(100vh - 44px);display:flex;flex-direction:column;padding-top:4px}.brand-lockup{display:flex;align-items:center;gap:10px;margin:0 0 36px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid #4477c6;border-radius:9px;background:#10223e;color:var(--blue2);font-weight:900}.brand-lockup b{display:block;font-size:14px;letter-spacing:-.04em}.brand-lockup span{display:block;color:var(--muted);font-size:10px;margin-top:3px;letter-spacing:.07em}.side-caption,.section-kicker{color:#6f9fe5;font-size:10px;font-weight:800;letter-spacing:.13em}.side-caption{color:var(--muted);margin:0 0 9px 4px}.side-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:12px;text-align:left}.nav-item span{width:17px;color:#73849c;font-size:14px;text-align:center}.nav-item:hover{background:var(--panel2);border-color:var(--line);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#12284c,#101b30);border-color:#2e5b9d;color:var(--text);box-shadow:inset 3px 0 var(--blue)}.nav-item.active span{color:var(--blue2)}.side-policy{display:flex;gap:9px;align-items:center;margin-top:auto;padding:13px 10px;border-top:1px solid #1b2432;border-bottom:1px solid #1b2432}.side-policy i,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 4px rgba(37,201,139,.1);flex:0 0 auto}.side-policy b{display:block;font-size:11px}.side-policy small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.side-foot{color:#596678;font-size:10px;line-height:1.7;margin:17px 4px 0}.side-foot a{color:var(--blue2);text-decoration:none}.main-content{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:2px 0 23px;border-bottom:1px solid #1e2735}.eyebrow{color:var(--blue2);font-size:10px;font-weight:800;letter-spacing:.16em}.topbar h1{font-size:28px;letter-spacing:-.05em;line-height:1.12;margin:9px 0 7px}.topbar p{color:var(--muted);font-size:12px;margin:0}.top-metrics{display:flex;gap:30px;flex:0 0 auto}.top-metrics span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.top-metrics strong{display:block;font-size:18px;letter-spacing:-.04em;margin-top:7px;white-space:nowrap}.toolbar{margin:16px 0 9px;padding:13px 14px;background:rgba(16,20,29,.95);border:1px solid var(--line);border-radius:11px}.toolbar-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.toolbar-sub{align-items:center;border-top:1px solid #1b2432;margin-top:12px;padding-top:11px}.filter-group{display:flex;align-items:center;gap:9px}.filter-group>span,.toolbar-sub label{color:var(--muted);font-size:10px;white-space:nowrap}.segmented{display:flex;gap:2px;padding:3px;background:#090d14;border:1px solid #1b2534;border-radius:8px}.segmented button,.quiet-button,.text-button,.primary-button{border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;padding:7px 10px;white-space:nowrap}.segmented button:hover,.quiet-button:hover,.text-button:hover{background:#1a2b47;color:var(--text)}.segmented button.active,.primary-button{background:var(--blue);color:#fff;box-shadow:0 5px 16px rgba(76,145,255,.2)}.toolbar-sub input{color:var(--text);background:#090d14;border:1px solid var(--line);border-radius:6px;padding:7px 8px;margin-left:5px;outline:0;font-size:11px}.toolbar-sub input:focus{border-color:var(--blue)}.quiet-button{border:1px solid var(--line);background:#111722}.grow{flex:1}.notice-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:8px 3px 13px;color:var(--muted);font-size:10px}.notice-row span{display:flex;align-items:center;gap:6px}.notice-right{margin-left:auto;color:#6f9fe5}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.blue{background:var(--blue)}.dot.purple{background:var(--purple)}.dot.amber{background:var(--amber)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.kpi-card,.panel{background:rgba(16,20,29,.96);border:1px solid var(--line);border-radius:11px}.kpi-card{padding:14px}.kpi-card span{color:var(--muted);font-size:10px}.kpi-card strong{display:block;margin:8px 0 3px;font-size:21px;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card small{display:block;color:var(--faint);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{padding:16px 17px}.panel+.panel{margin-top:12px}.panel-head,.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel h2,.view-head h2{margin:3px 0 0;font-size:17px;letter-spacing:-.045em}.panel-head p,.view-head p{color:var(--muted);font-size:11px;margin:5px 0 0}.panel-status{color:var(--muted);font-size:10px;padding-top:3px;white-space:nowrap}.chart-wrap{height:405px;position:relative;margin-top:14px;background:linear-gradient(180deg,#0d1421,#0a0e15);border:1px solid #1c293b;border-radius:8px;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:100%}.empty-state{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.hidden{display:none!important}.chart-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#69778a;font-size:10px}.mini-legend{display:flex;gap:7px;align-items:center}.line{width:18px;height:3px;border-radius:3px;margin-left:9px}.line:first-child{margin-left:0}.line.blue{background:var(--blue)}.line.purple{background:var(--purple)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.text-button{color:var(--blue2);padding:4px 0}.rank-list{margin-top:14px}.rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) 76px;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #1c2532}.rank-row:last-child{border-bottom:0}.rank-no{color:var(--faint);font-size:10px}.rank-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-sub{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:3px}.rank-value{text-align:right;font-size:11px;font-weight:700}.bar-list{margin-top:16px}.bar-item{display:grid;grid-template-columns:100px minmax(0,1fr) 48px;align-items:center;gap:9px;margin:12px 0}.bar-item label{font-size:10px;color:#cbd3df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:6px;border-radius:5px;background:#1e2631;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--purple))}.bar-item b{text-align:right;color:var(--muted);font-size:10px}.view-head{margin:4px 0 16px;align-items:flex-end}.view-head h2{font-size:22px}.view-head p{font-size:12px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding-left:9px;background:#0b1018;color:var(--muted)}.search input{width:250px;border:0;outline:0;background:transparent;color:var(--text);padding:8px 9px 8px 0;font-size:11px}.search:focus-within{border-color:var(--blue)}.table-panel{padding-bottom:13px}.table-wrap{overflow:auto;border:1px solid #1d2939;border-radius:8px}.table-wrap table,.board-table table{border-collapse:collapse;width:100%;font-size:11px}.table-wrap th,.table-wrap td,.board-table th,.board-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #1b2532;white-space:nowrap}.table-wrap th,.board-table th{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:#151e2c}.table-wrap tr:last-child td,.board-table tr:last-child td{border-bottom:0}.game-name{font-weight:700}.muted{color:var(--muted)}.table-footer{color:var(--muted);font-size:10px;margin-top:10px}.game-detail{margin-top:12px}.detail-head{display:flex;align-items:center;gap:15px}.detail-head>div:nth-child(2){flex:1}.detail-head h2{font-size:19px}.detail-kpis{display:flex;gap:18px}.detail-kpis span{color:var(--muted);font-size:10px}.detail-kpis b{display:block;color:var(--text);font-size:13px;margin-top:4px}.detail-chart{height:340px}.compare-picker{margin-bottom:12px}.compare-chips{min-height:35px;display:flex;gap:7px;flex-wrap:wrap}.compare-chip{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #2f5c9b;border-radius:7px;background:#112544;font-size:11px}.compare-chip button{border:0;background:transparent;color:var(--blue2);padding:0}.compare-add{display:flex;gap:8px;margin-top:13px}.compare-add select{min-width:300px;color:var(--text);background:#0a1018;border:1px solid var(--line);border-radius:6px;padding:8px;font-size:11px;outline:0}.primary-button{border:0}.helper{color:var(--muted);font-size:10px;margin:10px 0 0}.compare-chart{height:480px;margin-top:0}.status-pill{padding:6px 9px;border:1px solid #735a2c;border-radius:999px;color:#f0bd5c;background:#2c2414;font-size:10px}.explanation{padding:20px}.explanation h3{margin:0 0 9px;font-size:15px}.explanation>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.feature-grid div{padding:13px;border:1px solid #1d2938;border-radius:8px;background:#0c1119}.feature-grid b,.feature-grid span{display:block}.feature-grid b{font-size:11px}.feature-grid span{color:var(--muted);font-size:10px;line-height:1.5;margin-top:7px}.board-table{margin-top:12px;padding:0;overflow:auto}.board-table .panel-head{padding:16px 17px}.board-table table{min-width:680px}.board-table td:first-child{font-weight:700}.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.coverage-card{padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.coverage-card b{display:block;font-size:13px}.coverage-card span{display:block;color:var(--muted);font-size:10px;margin-top:8px}.coverage-card strong{display:block;font-size:14px;margin-top:12px;color:var(--blue2)}.coverage-notes{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.coverage-notes span{padding:7px 9px;border-radius:6px;background:#10263c;color:#a8cdfd;font-size:10px}.genre-table{display:grid;gap:2px}.genre-row{display:grid;grid-template-columns:180px minmax(0,1fr) 90px 70px;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #1b2532}.genre-row:first-child{color:var(--blue2)}.genre-row span{font-size:11px}.genre-row .genre-bar{height:7px;background:#1d2633;border-radius:5px;overflow:hidden}.genre-row .genre-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:5px}.genre-row strong{text-align:right;font-size:11px}.genre-row small{text-align:right;color:var(--muted);font-size:10px}footer{display:flex;justify-content:space-between;gap:12px;color:#596678;font-size:10px;padding:18px 2px 6px}.view{min-width:0}
@media(max-width:1050px){.app-shell{grid-template-columns:180px minmax(0,1fr);gap:20px;padding-left:18px;padding-right:18px}.topbar{display:block}.top-metrics{margin-top:18px}.coverage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block;padding:16px 13px}.sidebar{min-height:0;padding-bottom:15px}.brand-lockup{margin-bottom:17px}.side-caption,.side-nav,.side-foot{display:none}.side-policy{margin-top:0}.topbar{padding-bottom:17px}.topbar h1{font-size:24px}.top-metrics{gap:22px}.top-metrics strong{font-size:16px}.toolbar{padding:11px}.toolbar-row{display:block}.filter-group{display:block;margin-bottom:9px}.filter-group>span{display:block;margin-bottom:5px}.segmented{overflow:auto}.toolbar-sub{display:flex!important;gap:6px}.toolbar-sub label{width:100%;display:flex;justify-content:space-between;align-items:center}.toolbar-sub input{flex:1}.toolbar-sub .grow{display:none}.toolbar-sub .quiet-button{flex:1}.notice-right{margin-left:0}.kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.kpi-card{padding:11px}.kpi-card strong{font-size:17px}.chart-wrap{height:310px}.chart-foot{display:block;line-height:1.7}.mini-legend{margin-top:4px}.two-column{grid-template-columns:1fr}.view-head{display:block}.view-head h2{font-size:20px}.search{margin-top:12px;width:100%}.search input{width:100%}.feature-grid{grid-template-columns:1fr}.coverage-grid{grid-template-columns:1fr 1fr}.detail-head{display:block}.detail-kpis{margin-top:14px}.compare-add{display:block}.compare-add select{min-width:0;width:100%;margin-bottom:7px}.compare-add button{width:100%}.genre-row{grid-template-columns:100px minmax(0,1fr) 60px}.genre-row small{display:none}footer{display:block;line-height:1.8}}