@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-main:#060911;--bg-card:#0d1222;--bg-card-hover:#12182c;--border-card:#182035;--border-card-hover:#333d5e;--accent-purple:#7c5cff;--accent-purple-glow:rgba(124,92,255,.35);--accent-purple-light:#9d85ff;--accent-cyan:#00f0ff;--accent-green:#10b981;--text-main:#e8ecf4;--text-muted:#848ca3;--text-dim:#545c73}*{box-sizing:border-box}body,html{padding:0;margin:0;background-color:var(--bg-main);background-image:radial-gradient(1000px 500px at 50% -50px,rgba(124,92,255,.15),transparent 75%),radial-gradient(800px 400px at 80% 600px,rgba(0,240,255,.04),transparent 70%);background-attachment:fixed;color:var(--text-main);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:rgba(124,92,255,.4);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#070a13}::-webkit-scrollbar-thumb{background:#1c2438;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.sb-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(8,12,22,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(34,44,70,.6);padding:12px 20px;transition:all .2s ease}.sb-nav-container{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.sb-logo-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#4324c4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(124,92,255,.5);color:#fff;font-size:16px;font-weight:800;flex-shrink:0}.sb-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sb-pill:hover{color:#fff;background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08)}.sb-pill.active{color:#fff;background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.5);box-shadow:0 0 12px rgba(124,92,255,.25)}.sb-pill-beta{font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:#251c4a;color:#a78bfa;border:1px solid #493982;text-transform:uppercase}.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:13.5px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all .15s cubic-bezier(.4,0,.2,1)}.sb-btn:active{transform:scale(.96)}.sb-btn-primary{background:linear-gradient(135deg,#815afc,#5b30eb);color:#fff;box-shadow:0 0 18px rgba(124,92,255,.4)}.sb-btn-primary:hover{box-shadow:0 0 26px rgba(124,92,255,.65);filter:brightness(1.08);transform:translateY(-1px)}.sb-btn-secondary{background:#151b2e;color:#c9cedd;border:1px solid #28324e}.sb-btn-secondary:hover{background:#1b233a;color:#fff;border-color:var(--accent-purple)}.sb-btn-ghost{background:hsla(0,0%,100%,.03);color:var(--text-muted);border:1px solid hsla(0,0%,100%,.08)}.sb-btn-ghost:hover{background:hsla(0,0%,100%,.08);color:#fff;border-color:var(--accent-purple)}.sb-discover-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:#0f1424;border:1px solid #1e263d;color:#9aa2b8;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sb-discover-pill.active,.sb-discover-pill:hover{background:#182038;border-color:var(--accent-purple);color:#fff;box-shadow:0 0 14px rgba(124,92,255,.3);transform:translateY(-1px)}.sb-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;overflow:hidden;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.sb-card:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.5);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 20px rgba(124,92,255,.25)}.sb-card-thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#111629}.sb-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sb-card:hover .sb-card-thumb img{transform:scale(1.07)}.sb-card-thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(13,18,34,.95));pointer-events:none}.sb-badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sb-badge-keyless{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(52,211,153,.4)}.sb-badge-hot{background:rgba(239,68,68,.2);color:#f87171;border:1px solid hsla(0,91%,71%,.4)}.sb-badge-verified{background:rgba(124,92,255,.25);color:#c4b5fd;border:1px solid rgba(167,139,250,.4)}.sb-card-content{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1}.sb-card-game{font-size:12px;font-weight:700;color:var(--accent-purple-light);display:flex;align-items:center;gap:5px}.sb-card-title{font-size:15px;font-weight:700;color:#fff;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sb-card-stats{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.06);font-size:12px;color:var(--text-muted)}.sb-stat-item{display:inline-flex;align-items:center;gap:4px}.sb-search-wrap{position:relative;display:flex;align-items:center;width:100%}.sb-search-input{width:100%;background:#0f1424;border:1px solid #1e273e;color:#fff;font-size:14.5px;padding:13px 18px 13px 44px;border-radius:12px;outline:none;font-family:inherit;transition:all .2s ease}.sb-search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 20px rgba(124,92,255,.25);background:#13192c}.sb-search-icon{position:absolute;left:15px;color:var(--text-dim);pointer-events:none}.sb-input{background:#0f1424;border:1px solid #1e273e;color:#fff;font-size:14px;padding:11px 14px;border-radius:10px;outline:none;font-family:inherit;width:100%;transition:all .2s ease}.sb-input:focus{border-color:var(--accent-purple);box-shadow:0 0 16px rgba(124,92,255,.2)}.sb-code-box{background:#080c16;border:1px solid #1a2236;border-radius:14px;overflow:hidden;position:relative}.sb-code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0d1222;border-bottom:1px solid #1a2236;font-size:12.5px;color:var(--text-muted)}.sb-mono{font-family:JetBrains Mono,Fira Code,monospace}