*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08080e;--surface: #0f0f1a;--elevated: #161625;--overlay: #1c1c2e;--border: rgba(255,255,255,.08);--border-md: rgba(255,255,255,.14);--cipher: #00d4aa;--cipher-bg: rgba(0,212,170,.1);--gold: #f5a623;--red: #ff4757;--green: #00d068;--text: #f0f0f5;--text-2: #9494b2;--text-3: #5d5d7b;--hero-glow: radial-gradient(circle at top left, rgba(0,212,170,.25), transparent 35%), radial-gradient(circle at top right, rgba(245,166,35,.16), transparent 28%);--shadow-xl: 0 28px 120px rgba(0, 0, 0, .45)}html{font-size:16px;scroll-behavior:smooth}body{background:linear-gradient(180deg,#0f0f1acc,#08080e 35%),var(--hero-glow),var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.cipher-color{color:var(--cipher)}.gold-color{color:var(--gold)}.muted{color:var(--text-2)}.danger{color:var(--red)}.success{color:var(--green)}.container{width:min(1200px,calc(100vw - 32px));margin:0 auto}.page{min-height:100vh;position:relative}.section{padding:32px 0}.section-lg{padding:64px 0}.section-xl{padding:96px 0 72px}.page-shell{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(0,212,170,.08),transparent 28%),radial-gradient(circle at 85% 0%,rgba(245,166,35,.06),transparent 24%),linear-gradient(180deg,#12121de6,#08080e 35%)}.card{background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--border);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-xl)}.card-sm{padding:16px;border-radius:16px}.card-hover{transition:transform .18s ease,border-color .18s ease,background .18s ease}.card-hover:hover{border-color:var(--border-md);transform:translateY(-2px);background:#ffffff05}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stack{display:grid;gap:16px}.row{display:flex;gap:16px;align-items:center}.row-between{display:flex;gap:16px;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;border:none;cursor:pointer;padding:12px 20px;transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--cipher),#18f3c6);color:#07110f}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-md)}.btn-secondary:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff38}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0a}.btn-danger{background:var(--red);color:#fff}.btn-lg{padding:15px 26px;font-size:14px}.btn-xl{padding:18px 34px;font-size:15px}.btn-sm{padding:8px 14px;font-size:11px}.btn-full{width:100%}.input,.select,.textarea{width:100%;background:#0a0a10eb;border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:120px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--cipher);box-shadow:0 0 0 3px #00d4aa1a}.input-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:block}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-cipher{background:var(--cipher-bg);color:var(--cipher);border:1px solid rgba(0,212,170,.25)}.badge-gold{background:#f5a6231f;color:var(--gold);border:1px solid rgba(245,166,35,.25)}.badge-green{background:#00d0681f;color:var(--green);border:1px solid rgba(0,208,104,.25)}.badge-red{background:#ff47571f;color:var(--red);border:1px solid rgba(255,71,87,.25)}.badge-gray{background:#ffffff0f;color:var(--text-2);border:1px solid var(--border)}.segment{display:inline-flex;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);gap:6px;flex-wrap:wrap}.segment button,.chip{border:1px solid transparent;background:transparent;color:var(--text-2);padding:10px 14px;border-radius:999px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;transition:.15s ease}.segment button.active,.chip.active{background:#00d4aa1f;color:var(--text);border-color:#00d4aa40}.chip{border:1px solid var(--border);color:var(--text)}.stat-card h3{font-size:2rem;line-height:1;margin-top:12px}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--cipher)}.page-title{font-size:clamp(2rem,4vw,4.6rem);line-height:.96;letter-spacing:-.06em;font-weight:800}.page-subtitle{font-size:1.05rem;color:var(--text-2);max-width:720px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:stretch}.hero-panel{position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -20% -35% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(0,212,170,.24),transparent 62%);pointer-events:none}.listing-card-image,.cover-image{width:100%;aspect-ratio:16 / 9;border-radius:16px;object-fit:cover;background:linear-gradient(135deg,#00d4aa38,#f5a6231a)}.cover-fallback{width:100%;aspect-ratio:16 / 9;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#00d4aa1f,#f5a6231f);color:var(--text-2);font-family:JetBrains Mono,monospace;font-size:.9rem}.listing-meta,.meta-list{display:flex;flex-wrap:wrap;gap:10px}.meta-pill{border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.info-tile{border:1px solid var(--border);border-radius:16px;padding:16px;background:#ffffff05}.info-tile span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);font-family:JetBrains Mono,monospace}.info-tile strong{display:block;margin-top:8px;font-size:1.05rem}.notice{border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:#ffffff08}.notice.error{border-color:#ff47573d;background:#ff475714}.notice.success{border-color:#00d0683d;background:#00d06814}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:20px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);font-family:JetBrains Mono,monospace;background:#ffffff05}.table tr:last-child td{border-bottom:none}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;border-radius:12px;animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadein{animation:fadeIn .3s ease}.full-page-loader{min-height:100vh;display:grid;place-items:center}.spinner{width:42px;height:42px;border:3px solid rgba(0,212,170,.18);border-top-color:var(--cipher);border-radius:50%;animation:spin .8s linear infinite}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.platform-steam{background:#1b2838;color:#c7d5e0}.platform-epic{background:#2d2d2d;color:#fff}.platform-xbox{background:#107c10;color:#fff}.platform-playstation{background:#003087;color:#fff}.platform-nintendo{background:#e4000f;color:#fff}.platform-other{background:#2a2a35;color:#8080a0}:focus-visible{outline:2px solid var(--cipher);outline-offset:2px}@media (max-width: 960px){.hero-grid,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.container{width:min(100vw - 24px,1200px)}.section-xl{padding-top:84px}.card{padding:18px;border-radius:18px}.page-title{font-size:clamp(2rem,13vw,3.2rem)}.row-between,.row.mobile-col{flex-direction:column;align-items:stretch}.mobile-full{width:100%}.hide-mobile{display:none!important}.table{min-width:620px}}@media (max-width: 480px){.section-lg{padding:42px 0}.btn,.btn-lg,.btn-xl,.segment{width:100%}}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:grid!important}}
