@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f2f4f8;font-synthesis:none;--border:#242832;--panel:#101319;--muted:#858b98;--violet:#a374ff;background:#090b10;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 48% -20%,#7746cc26,#0000 35%),#090b10;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit}header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#090b10d1;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.brand{color:#f4f4f7;letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand>span:nth-child(2) span{color:var(--violet)}.brand-mark{background:linear-gradient(145deg,#a775ff,#6835d1);border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 22px #9766ff4d}.brand em{color:#8c78bb;letter-spacing:.6px;background:#1b1428;border:1px solid #332348;border-radius:4px;padding:3px 6px;font-size:9px;font-style:normal}header nav{gap:22px;display:flex}header nav a{color:#858b98;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}header nav a:hover{color:#c9b4ef}.header-actions,.live,.sync-button{align-items:center;display:flex}.header-actions{gap:18px}.live{color:#8f96a3;gap:7px;font-size:11px}.live i{background:#54df9b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #54df9b}.sync-button,.empty-banner button{color:#fff;background:linear-gradient(#814ed9,#6933bd);border:1px solid #8254d3;border-radius:8px;gap:7px;padding:9px 14px;font-size:12px;font-weight:600;box-shadow:inset 0 1px #ffffff1f}.sync-button:disabled{opacity:.65}main{max-width:1240px;margin:auto;padding:0 24px 64px}.hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:210px;display:flex}.eyebrow{letter-spacing:1.5px;color:#9a71df;align-items:center;gap:7px;font:500 10px DM Mono,monospace;display:flex}.hero h1{letter-spacing:-2.5px;margin:12px 0 10px;font-size:clamp(34px,4vw,50px);line-height:1.05}.hero h1 span{color:#a374ff}.hero>div>p:last-child{color:var(--muted);font-size:13px}.sync-meta{text-align:right;gap:5px;display:grid}.sync-meta span,.sync-meta small{color:#717783;font-size:10px}.sync-meta strong{font-size:16px}.alert{color:#ffc47a;background:#21180e;border:1px solid #513315;border-radius:8px;align-items:center;gap:9px;margin-top:16px;padding:11px 14px;font-size:12px;display:flex}.empty-banner{background:linear-gradient(100deg,#6b3db72e,#101319b3);border:1px solid #50377c;border-radius:10px;justify-content:space-between;align-items:center;margin-top:20px;padding:18px 20px;display:flex}.empty-banner>div{color:#af80ff;align-items:center;gap:14px;display:flex}.empty-banner strong{color:#f0eafa;font-size:13px}.empty-banner p{color:#9890a5;margin:5px 0 0;font-size:11px}.stats-grid,.detail-metrics{grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 0 12px;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(145deg,#12151c,#0e1116);border-radius:9px;padding:17px 18px}.stat-head{color:#9a9faa;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-icon{color:#a677ff;background:#211831;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.stat-card.green .stat-icon{color:#55d99c;background:#102820}.stat-card.blue .stat-icon{color:#65a5ff;background:#112139}.stat-card.orange .stat-icon{color:#f3a35e;background:#2d1d10}.stat-card.pink .stat-icon{color:#ff7caf;background:#341425}.stat-card>strong{letter-spacing:-.8px;margin:11px 0 5px;font-size:24px;display:block}.stat-card small{color:#656b76;font-size:9px}.panel{border:1px solid var(--border);background:#0f1218e6;border-radius:9px;overflow:hidden}.panel-title,.catalog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.panel h2{margin:0;font-size:13px}.panel-title p,.catalog-header p{color:#666d79;margin:5px 0 0;font-size:9px}.panel select{color:#aab0ba;background:#141820;border:1px solid #2a2f39;border-radius:7px;padding:10px 32px 10px 12px;font-size:13px}.rankings{margin-bottom:12px}.ranking-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding:22px 20px;display:flex}.ranking-head h2{margin:8px 0 5px;font-size:20px}.ranking-head>div>span{color:#7c8492;font-size:13px}.metric-tabs{background:#0c0f14;border:1px solid #2a2f39;border-radius:8px;padding:3px;display:flex}.metric-tabs button{color:#858d9a;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:flex}.metric-tabs button.active{color:#e9dfff;background:#32204e}.ranking-grid{grid-template-columns:1fr 1fr;display:grid}.rank-card{border-bottom:1px solid #1d2129;grid-template-columns:38px 54px 1fr auto 18px;align-items:center;gap:14px;min-height:84px;padding:13px 20px;text-decoration:none;display:grid}.rank-card:nth-child(odd){border-right:1px solid #1d2129}.rank-card:hover{background:#131720}.rank-number{color:#515966;text-align:center;font:600 18px DM Mono,monospace}.podium .rank-number{color:#d2ab56}.p2 .rank-number{color:#acb5c2}.p3 .rank-number{color:#b67d5f}.rank-cover{color:#b78aff;background:#26183a;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.rank-cover img,.game-avatar img{object-fit:cover;width:100%;height:100%}.rank-info{min-width:0}.rank-info strong,.rank-info small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rank-info strong{font-size:15px}.rank-info small{color:#747c89;margin-top:7px;font-size:11px}.rank-value{text-align:right}.rank-value>svg,.rank-value>strong{vertical-align:middle}.rank-value svg{margin-right:7px}.rank-value strong{font:500 15px DM Mono,monospace}.rank-value small{color:#69717e;margin-top:5px;font-size:10px;display:block}.rank-value.purple{color:#b288ff}.rank-value.pink{color:#ef76a7}.rank-value.blue{color:#70a8fa}.rank-value.green{color:#61d9a0}.rank-card>svg{color:#424a56}.ranking-empty{text-align:center;color:#555d69;place-content:center;gap:8px;height:170px;display:grid}.ranking-empty svg{color:#7550b5;margin:auto}.ranking-empty strong{font-size:12px}.ranking-empty span{font-size:9px}.coverage-note{color:#7c8491;background:#0c0f14;align-items:center;gap:9px;padding:13px 18px;font-size:11px;line-height:1.5;display:flex}.coverage-note span:nth-child(2){flex:1}.coverage-note span:last-child{color:#8a71b6}.dashboard-row{grid-template-columns:1.65fr 1fr;gap:12px;margin-bottom:12px;display:grid}.chart-wrap{height:250px;padding:15px 14px 6px 2px}.chart-empty{text-align:center;color:#4e5561;place-content:center;gap:8px;height:100%;display:grid}.chart-empty svg{color:#634697;margin:auto}.chart-empty strong{color:#8a909c;font-size:12px}.chart-empty span{font-size:10px}.activity-list{padding:3px 17px}.activity-item{border-bottom:1px solid #1e222a;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:57px;text-decoration:none;display:grid}.activity-item:last-child{border:0}.event-dot{color:#6de2a6;background:#10271f;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.event-dot.updated{color:#73aaff;background:#112239}.event-dot.removed{color:#ed956c;background:#301b15}.activity-item strong{white-space:nowrap;text-overflow:ellipsis;max-width:175px;font-size:10px;display:block;overflow:hidden}.activity-item p{color:#666d79;margin:4px 0 0;font-size:8px}.activity-item time{color:#5b626e;font-size:8px}.catalog-header{padding:22px 20px}.catalog-header h2{font-size:19px}.catalog-header p{margin-top:7px;font-size:12px}.filters{gap:8px;display:flex}.filters label{color:#606774;background:#11151b;border:1px solid #292e38;border-radius:7px;align-items:center;gap:7px;width:310px;padding:0 13px;display:flex}.filters input{color:#dadde5;background:0 0;border:0;outline:0;width:100%;padding:11px 0;font-size:13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:840px}th{text-align:left;color:#747c89;border-bottom:1px solid var(--border);letter-spacing:.8px;background:#0d1015;padding:13px 20px;font:500 11px DM Mono,monospace}td{color:#a3aab6;border-bottom:1px solid #1c2028;height:68px;padding:11px 20px;font-size:13px}tbody tr:hover{background:#12161e}.game-cell{align-items:center;gap:13px;text-decoration:none;display:flex}.game-avatar{color:#b78aff;background:linear-gradient(145deg,#352052,#1b1329);border-radius:7px;place-items:center;width:44px;height:44px;font-weight:700;display:grid;overflow:hidden}.game-cell strong{color:#e1e4ea;white-space:nowrap;text-overflow:ellipsis;max-width:340px;font-size:14px;display:block;overflow:hidden}.game-cell small{color:#6f7784;white-space:nowrap;text-overflow:ellipsis;max-width:340px;margin-top:6px;font-size:11px;display:block;overflow:hidden}code{color:#858c98;font:11px DM Mono,monospace}.status{color:#64d99b;background:#10241c;border-radius:14px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.removed{color:#e98b71;background:#2d1814}td>a{color:#737a86;text-decoration:none}.pagination{color:#727a87;justify-content:space-between;align-items:center;padding:13px 20px;font-size:12px;display:flex}.pagination div{gap:5px;display:flex}.pagination button{color:#8c929e;background:#141820;border:1px solid #2a2f39;border-radius:5px;place-items:center;width:27px;height:25px;display:grid}.pagination button:disabled{opacity:.3;cursor:not-allowed}.detail-main{padding-top:25px}.back{color:#767e8b;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;display:flex}.back:hover{color:#cbb7ed}.detail-loading{color:#858c98;justify-content:center;align-items:center;gap:10px;height:400px;font-size:12px;display:flex}.detail-hero{border:1px solid var(--border);background:radial-gradient(circle at 12% 22%,#8753dc29,#0000 31%),linear-gradient(135deg,#14171ffa,#0c0e13f5);border-radius:16px;grid-template-columns:minmax(240px,290px) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:16px;padding:32px 34px 38px;display:grid;overflow:hidden}.detail-cover{aspect-ratio:3/4;color:#7953b6;background:#17111f;border:1px solid #373141;border-radius:16px;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:0 24px 58px #00000070,0 0 0 5px #ffffff05}.detail-cover img{object-fit:cover;object-position:center;width:100%;height:100%}.detail-intro{align-self:center;max-width:760px}.detail-badges{align-items:center;gap:7px;display:flex}.detail-badges>span:not(.status){color:#a897bd;background:#18131f;border:1px solid #302a3e;border-radius:10px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:flex}.detail-intro h1{letter-spacing:-1.5px;margin:14px 0 9px;font-size:38px;line-height:1.05}.detail-intro>a{color:#a888dc;align-items:center;gap:6px;font-size:10px;text-decoration:none;display:inline-flex}.detail-intro>p{color:#8e95a1;max-width:700px;margin:17px 0;font-size:12px;line-height:1.75}.detail-actions{gap:9px;display:flex}.detail-actions a{color:#b2b7c1;background:#151920;border:1px solid #343946;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;text-decoration:none;display:flex}.detail-actions .play-button{color:#fff;background:linear-gradient(#8150d8,#6731b9);border-color:#7f52d0}.detail-metrics{padding-top:18px}.detail-grid{grid-template-columns:1.45fr 1fr;gap:12px;display:grid}.info-panel dl{margin:0;padding:5px 18px}.info-panel dl>div{border-bottom:1px solid #1e222a;grid-template-columns:150px 1fr;padding:13px 0;font-size:10px;display:grid}.info-panel dl>div:last-child{border:0}.info-panel dt{color:#676e7a}.info-panel dd{color:#b6bbc4;margin:0}.timeline{padding:7px 18px}.timeline>div{border-bottom:1px solid #1e222a;align-items:center;gap:11px;padding:11px 0;display:flex}.timeline strong,.timeline small{display:block}.timeline strong{font-size:10px}.timeline small{color:#626a76;margin-top:4px;font-size:8px}.timeline>p{color:#676e79;font-size:10px}footer{border-top:1px solid var(--border);color:#555c67;justify-content:space-between;max-width:1192px;margin:0 auto;padding:20px 0 30px;font-size:9px;display:flex}footer span:last-child{align-items:center;gap:6px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=950px){header nav{display:none}.stats-grid,.detail-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-row,.detail-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:220px minmax(0,1fr);gap:30px;padding:28px}.ranking-head{flex-direction:column;align-items:flex-start;gap:20px}.metric-tabs{width:100%;overflow-x:auto}.metric-tabs button{white-space:nowrap;flex:1;justify-content:center}.sync-meta{display:none}}@media (width<=650px){header{padding:0 14px}.live,.brand em{display:none}main{padding:0 14px 40px}.hero{min-height:190px}.hero h1{font-size:35px}.hero>div>p:last-child{line-height:1.6}.rank-card{grid-template-columns:28px 46px 1fr auto;gap:10px;min-height:76px;padding:11px 10px}.rank-card:nth-child(odd){border-right:0}.rank-card>svg{display:none}.ranking-grid{grid-template-columns:1fr}.rank-cover{width:46px;height:46px}.rank-info strong{font-size:13px}.rank-info small{font-size:10px}.rank-value strong{font-size:13px}.rank-value small{font-size:9px}.coverage-note{align-items:flex-start}.coverage-note span:last-child{display:none}.catalog-header{flex-direction:column;align-items:flex-start;gap:12px}.filters,.filters label{width:100%}.detail-hero{grid-template-columns:1fr;gap:25px;margin-top:15px;padding:20px}.detail-cover{aspect-ratio:3/4;width:min(72vw,280px);margin:0 auto}.detail-intro{text-align:center}.detail-badges,.detail-actions{justify-content:center}.detail-intro>p{text-align:left;font-size:11px}.detail-intro h1{font-size:31px}.info-panel dl>div{grid-template-columns:120px 1fr}.empty-banner{flex-direction:column;align-items:flex-start;gap:15px}footer{flex-direction:column;gap:10px;margin:0 14px}}