:root{--bg: #0a0a10;--surface: #15151f;--surface2: #1c1c28;--surface3: #242432;--border: #2c2c3c;--border2: #3d3d52;--text: #f0f0f5;--subtext: #8b8ba3;--subtext2: #56566b;--accent-blue: #3b82f6;--primary: #8b5cf6;--primary-dk: #6d28d9;--accent-magenta: #d946ef;--gradient-brand: linear-gradient(90deg, var(--accent-blue) 0%, var(--primary) 50%, var(--accent-magenta) 100%);--danger: #e0455a;--success: #27ae60;--sidebar-w: 280px;--topbar-h: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;scroll-behavior:smooth}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}.fill{flex:1}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.text-primary{color:var(--primary)}.text-sub{color:var(--subtext)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.bg-gradient-brand{background:var(--gradient-brand)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.nav-scroll{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.nav-scroll-inner{display:flex;align-items:center;gap:6px;margin:0 auto;padding-bottom:2px}.nav-scroll::-webkit-scrollbar{height:7px}.nav-scroll::-webkit-scrollbar-track{background:transparent}.nav-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.nav-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}.card{background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:20px}.input{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:14px;height:42px;padding:0 14px;width:100%;outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--subtext)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.err{color:var(--danger);font-size:12px;min-height:16px;text-align:center}.badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.badge-unavailable{background:#333;color:var(--subtext)}.badge-soon{background:#1a1a2e;color:#6c63ff}.camo-mode-row{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--border);margin-bottom:14px}.camo-cls-row{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}@media (max-width: 768px){:root{--sidebar-w: 100vw;--topbar-h: 48px}.tab-row::-webkit-scrollbar{display:none}.game-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.input{height:38px;font-size:13px}.card{padding:14px}}@media (max-width: 480px){.game-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}}