:root{--bg:#09090c;--panel:#111116;--panel-2:#16161d;--panel-3:#1b1b24;--line:#262632;--text:#f3f4f6;--muted:#a7aab6;--soft:#7e8393;--brand:#8b5cf6;--brand-2:#a855f7;--green:#22c55e;--red:#ef4444;--gold:#f59e0b;--blue:#60a5fa;--radius:10px}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(139,92,246,.05),transparent 160px),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}input,select,button{font:inherit}.wrap{width:min(1420px,calc(100% - 20px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:#0c0c10;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:12px;min-height:50px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:21px;letter-spacing:-.03em;white-space:nowrap}.brand img{width:32px;height:32px;border-radius:9px}.brand b{color:var(--brand-2)}.mainnav{display:flex;gap:1px;align-items:center;flex-wrap:wrap;margin-left:6px}.mainnav a{padding:7px 9px;border-radius:7px;color:#d6d8df;font-size:13px;font-weight:700}.mainnav a:hover,.mainnav a.active{background:var(--panel-2);color:#fff}.mainnav .live-pill{background:rgba(139,92,246,.12);color:#efe9ff;border:1px solid rgba(139,92,246,.25)}.top-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--soft)}.dot.brand{background:var(--brand)}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.gold{background:var(--gold)}.dot.blue{background:var(--blue)}
.notice-strip{border-bottom:1px solid var(--line);background:#0b0b0e}.notice-inner{display:flex;gap:7px;min-height:36px;align-items:center;font-size:11px;color:var(--muted);overflow:auto;white-space:nowrap}.notice-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:#d8dbe4}.layout{display:grid;grid-template-columns:205px 1fr;gap:12px;padding:12px 0 22px}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px;align-self:start;position:sticky;top:98px}.side-title{font-size:10px;color:var(--soft);font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 7px}.sidenav{display:flex;flex-direction:column;gap:2px}.sidenav a{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;border-radius:7px;color:#d8dbe4;font-weight:700;font-size:13px}.sidenav a:hover,.sidenav a.active{background:var(--panel-2);color:#fff}.badge-count{font-size:10px;padding:1px 5px;border-radius:999px;background:#0d0d12;border:1px solid var(--line);color:var(--soft)}.content{display:grid;gap:12px;min-width:0}.page-header{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.page-header h1{margin:0 0 2px;font-size:22px;letter-spacing:-.03em}.page-header p{margin:0;color:var(--muted);font-size:13px}.hero-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:6px}
.mini-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;min-width:0}.stat-box .label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.stat-box .value{font-size:21px;font-weight:700;letter-spacing:-.03em}.stat-box .sub{color:var(--soft);font-size:10px;margin-top:2px}.columns-2{display:grid;grid-template-columns:1.4fr .9fr;gap:12px}.columns-3{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.panel-title{font-size:15px;font-weight:700;letter-spacing:-.02em}.panel-sub{color:var(--muted);font-size:11px}.panel-body{padding:9px 10px}.panel-body.slim{padding:0}.link-minor{color:#dcd0ff;font-size:11px;font-weight:700}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;border:1px solid var(--line);background:#0d0d12;color:#d9dde5;font-size:10px;font-weight:700;white-space:nowrap}.tag.green{color:#b9f7cd;border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08)}.tag.gold{color:#fde7b6;border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.08)}.tag.red{color:#ffc2c2;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08)}.tag.blue{color:#c6ddff;border-color:rgba(96,165,250,.25);background:rgba(96,165,250,.08)}.tag.purple{color:#ead9ff;border-color:rgba(168,85,247,.25);background:rgba(168,85,247,.08)}.stack{display:grid;gap:7px}
.media-list{display:grid}.media-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 9px;border-bottom:1px solid var(--line);transition:.12s ease}.media-row:last-child{border-bottom:0}.media-row:hover{background:rgba(255,255,255,.025)}.media-thumb{width:72px;height:40px;object-fit:cover;border-radius:6px;background:#0c0c11;border:1px solid var(--line)}.media-thumb.square{width:40px;height:40px;object-fit:contain;padding:3px}.media-main{min-width:0}.media-title{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-side{text-align:right;white-space:nowrap}.price-now{font-weight:700;color:#fff}.price-old{font-size:10px;color:var(--soft);text-decoration:line-through}.empty-row,.loading-row,.error-row{padding:12px;color:var(--muted);font-size:12px}.error-row{color:#fca5a5}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.source-box{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px;border-radius:7px;background:#0d0d12;border:1px solid var(--line);font-size:11px}.source-box b{font-size:12px}
.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line);background:#0e0e13}.filters input,.filters select{height:32px;background:var(--panel-2);border:1px solid var(--line);color:#fff;border-radius:7px;padding:0 9px;font-size:12px}.filters input{min-width:220px;flex:1}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.07em;position:sticky;top:0;background:#111116}.table td{font-size:12px}.table tr:hover td{background:rgba(255,255,255,.02)}.table tr:last-child td{border-bottom:0}.table-media{display:flex;gap:8px;align-items:center;min-width:250px}.table-media img{width:64px;height:36px;border-radius:5px;object-fit:cover;border:1px solid var(--line)}.item-title{font-weight:700;color:#fff}.item-meta{color:var(--muted);font-size:10px}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-card{background:#0e0e13;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.game-card:hover{border-color:rgba(139,92,246,.45)}.game-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#08080b}.game-card-body{padding:8px}.game-card-title{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-meta{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:5px;font-size:10.5px;color:var(--muted)}
.badge-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:9px}.badge-card{display:grid;place-items:center;text-align:center;gap:5px;min-height:102px;padding:8px 5px;border:1px solid var(--line);border-radius:8px;background:#0d0d12;cursor:pointer}.badge-card:hover{border-color:rgba(168,85,247,.45);background:#12121a}.badge-card img{width:46px;height:46px;object-fit:contain}.badge-card b{font-size:10.5px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis}.badge-card span{font-size:9px;color:var(--soft);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(0,0,0,.7);padding:16px}.modal.open{display:grid}.modal-box{width:min(560px,100%);background:#111116;border:1px solid var(--line);border-radius:11px;box-shadow:0 30px 100px #000;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line)}.modal-close{border:0;background:#1a1a22;color:#fff;border-radius:6px;width:30px;height:30px;cursor:pointer}.modal-body{padding:14px}.badge-detail{display:grid;grid-template-columns:90px 1fr;gap:14px}.badge-detail img{width:72px;height:72px;object-fit:contain;margin:auto}.detail-list{display:grid;grid-template-columns:110px 1fr;gap:5px 10px;font-size:11.5px;margin-top:10px}.detail-list dt{color:var(--soft)}.detail-list dd{margin:0;word-break:break-word}
.game-detail{display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:12px}.game-hero-img{width:100%;border-radius:8px;border:1px solid var(--line)}.game-info{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.game-info h1{margin:0 0 5px;font-size:26px;letter-spacing:-.04em}.game-description{color:#c9ccd5;font-size:13px}.game-facts{display:grid;grid-template-columns:120px 1fr;gap:5px 10px;margin-top:10px;font-size:12px}.game-facts dt{color:var(--soft)}.game-facts dd{margin:0}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.screens img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.footer{border-top:1px solid var(--line);padding:14px 0 24px;color:var(--soft);font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* live */.live-body{margin:0;background:#06060a;color:var(--text);overflow:hidden}.live-shell{height:100vh;display:grid;grid-template-rows:44px 1fr 30px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.08),transparent 42%),#06060a}.live-top{display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--line);background:#0b0b10}.live-top .brand{font-size:18px}.live-top .brand img{width:28px;height:28px}.live-top .mode{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.live-clock{margin-left:auto;color:#dadddf;font-weight:700;font-size:12px}.live-main{padding:8px 9px;display:grid;grid-template-columns:340px 1fr 340px;gap:8px;min-height:0}.live-col{display:grid;gap:8px;min-height:0;grid-auto-rows:min-content}.live-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.live-panel-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;background:#0e0e13}.live-panel .media-row{grid-template-columns:58px minmax(0,1fr) auto;padding:5px 7px;gap:7px}.live-panel .media-thumb{width:58px;height:33px}.live-panel .media-title{font-size:11px}.live-panel .media-meta{font-size:9px}.live-panel .media-side{font-size:10px}.live-highlight{display:grid;grid-template-rows:auto 1fr;min-height:220px;background:linear-gradient(180deg,rgba(139,92,246,.10),transparent 38%),var(--panel)}.live-feature{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:9px}.live-feature-img{width:190px;height:107px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#09090c}.live-kicker{font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#decfff}.live-title{font-size:27px;line-height:1;letter-spacing:-.045em;margin:4px 0 6px}.live-text{font-size:11.5px;color:#d0d3dc;max-height:48px;overflow:hidden}.live-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.live-mini{padding:5px;border-radius:6px;background:#0d0d12;border:1px solid var(--line)}.live-mini .k{font-size:8px;color:var(--soft);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.live-mini .v{font-size:10px;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:3px;background:#0e0e13;border-radius:999px;overflow:hidden;border:1px solid var(--line);margin:7px 9px 8px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));width:0}.live-badges{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:7px}.live-badge{display:grid;place-items:center;background:#0d0d12;border:1px solid var(--line);border-radius:6px;padding:4px;min-height:48px}.live-badge img{width:30px;height:30px;object-fit:contain}.live-badge span{font-size:8px;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-ticker{display:flex;align-items:center;gap:13px;padding:0 10px;border-top:1px solid var(--line);background:#0b0b10;font-size:10px;color:#d4d7de;overflow:hidden;white-space:nowrap}.live-ticker b{color:#fff}.sep{color:var(--brand-2)}.source-status-line{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);font-size:10px}.source-status-line:last-child{border-bottom:0}.source-status-line span:last-child{color:var(--muted)}
@media(max-width:1200px){.layout{grid-template-columns:1fr}.sidebar{display:none}.columns-2,.columns-3,.mini-stats{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:repeat(3,1fr)}.badge-grid{grid-template-columns:repeat(6,1fr)}.live-main{grid-template-columns:1fr;overflow:auto}.live-body{overflow:auto}.live-shell{height:auto;min-height:100vh}}
@media(max-width:720px){.wrap{width:min(100% - 12px,1420px)}.mainnav{display:none}.top-status{display:none}.mini-stats,.columns-2,.columns-3{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(4,1fr)}.game-detail{grid-template-columns:1fr}.screens{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr}.page-header h1{font-size:20px}}

/* v0.5 badge intelligence */
.badge-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.badge-filters{position:sticky;top:92px;z-index:8}.badge-card{position:relative;color:inherit;text-decoration:none}.badge-card>.tag{position:absolute;top:5px;right:5px;font-size:8px;padding:1px 4px}.badge-card small{display:block;max-width:100%;font-size:8.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-limit-note b{color:#fff}.badge-detail-hero{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}.badge-detail-image{width:88px;height:88px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#0d0d12;padding:8px}.badge-detail-header h1{margin-top:5px}.detail-list.wide{grid-template-columns:150px 1fr}.unknown-value{color:var(--soft)}.source-limit-copy{margin:0 0 7px;color:var(--muted);font-size:12px}.source-limit-copy:last-child{margin-bottom:0}.badge-detail-columns{align-items:start}
@media(max-width:900px){.badge-stats-row{grid-template-columns:1fr 1fr}.badge-filters{position:static}.badge-detail-hero{grid-template-columns:72px 1fr}.badge-detail-image{width:68px;height:68px}.detail-list.wide{grid-template-columns:120px 1fr}}
@media(max-width:600px){.badge-stats-row{grid-template-columns:1fr 1fr}.detail-list.wide{grid-template-columns:1fr}.detail-list.wide dt{margin-top:5px}}


/* v0.6 catalogs + news */
.catalog-tabs{display:flex;gap:6px;flex-wrap:wrap}.catalog-tabs a{padding:5px 8px;border:1px solid var(--line);background:#0d0d12;border-radius:7px;font-size:11px;font-weight:700;color:#d8dbe4}.catalog-tabs a:hover{border-color:rgba(139,92,246,.45);color:#fff}.taxonomy-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.taxonomy-item{padding:8px;border:1px solid var(--line);background:#0d0d12;border-radius:8px}.taxonomy-item b{display:block;font-size:11px;margin-bottom:2px}.taxonomy-item span{font-size:9.5px;color:var(--muted);line-height:1.25}.news-list{display:grid}.news-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 9px;border-bottom:1px solid var(--line)}.news-row:last-child{border-bottom:0}.news-row:hover{background:rgba(255,255,255,.025)}.news-row b{display:block;font-size:11.5px;line-height:1.25}.news-row span{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.news-row .news-open{font-size:14px;color:var(--brand-2);margin:0}.catalog-pager{display:flex;align-items:center;justify-content:flex-end;gap:7px}.catalog-pager button{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:#fff;cursor:pointer}.catalog-pager button:disabled{opacity:.35;cursor:not-allowed}.catalog-count{font-size:11px;color:var(--muted)}
.live-main{grid-template-columns:330px minmax(520px,1fr) 330px}.live-col.live-left{grid-template-rows:1.05fr .8fr .85fr}.live-col.live-center{grid-template-rows:1.15fr 1fr .55fr}.live-col.live-right{grid-template-rows:1.05fr 1fr .65fr}.live-col{grid-auto-rows:minmax(0,1fr)}.live-panel{min-height:0}.live-panel .media-list,.live-panel .live-badges{max-height:100%;overflow:hidden}.live-commands{display:flex;gap:7px;flex-wrap:wrap;padding:8px}.live-commands span{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#0d0d12;color:#d9dde5}.live-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}.live-note-grid .source-status-line{background:#0d0d12;border:1px solid var(--line);border-radius:6px}
@media(max-width:1200px){.taxonomy-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.taxonomy-grid{grid-template-columns:1fr 1fr}}