:root{--bg:#070912;--panel:#101426;--panel2:#171b30;--line:#2a3049;--gold:#ffd55d;--orange:#ff9228;--text:#f8f9ff;--muted:#9ba2b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#32223c 0,#0a0c17 43%,#05060b 100%);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.header{height:72px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:0 max(14px,calc((100% - 1180px)/2));background:#080a12ed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.logo{font-weight:950;font-size:25px;white-space:nowrap}.logo span{color:var(--gold)}nav{display:flex;gap:3px;overflow:auto;flex:1}nav button{white-space:nowrap;background:transparent;border:0;color:#abb1c7;padding:10px 9px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}nav button:hover,nav button.active{background:#1a1e32;color:var(--gold)}.actions{display:flex;gap:8px;align-items:center}.credit{background:#15192a;border:1px solid var(--line);padding:10px 12px;border-radius:10px;font-size:12px;white-space:nowrap}.credit b{color:var(--gold)}.login,.gold{border:0;border-radius:10px;background:linear-gradient(135deg,#ffda65,#ef901d);color:#1a1104;font-weight:950;padding:11px 15px;cursor:pointer}.notice{text-align:center;background:#13172a;color:#bbc1d4;font-size:11px;padding:8px}.hero{max-width:1180px;margin:auto;min-height:310px;padding:45px 18px;display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(35px,6vw,60px);line-height:1;margin:10px 0}.hero p{color:var(--muted);max-width:560px}.hero-art{font-size:135px;filter:drop-shadow(0 20px 30px #000);transform:rotate(-5deg)}.hero-art span{font-size:55px;position:relative;left:-25px;top:-55px}.toolbar{max-width:1180px;margin:auto;padding:8px 18px 16px;display:flex;align-items:end;justify-content:space-between;gap:15px}.toolbar h2{margin:0;font-size:22px}.toolbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.search{display:flex;background:#101426;border:1px solid var(--line);border-radius:11px;overflow:hidden}.search input{width:260px;background:transparent;border:0;outline:0;color:white;padding:12px}.search button{background:transparent;color:#8e95ac;border:0;font-size:18px;padding:0 12px}.providers{max-width:1180px;margin:auto;padding:0 18px 14px;display:flex;gap:8px;overflow:auto}.provider{border:1px solid var(--line);background:#101426;color:#b9bfd1;border-radius:999px;padding:9px 13px;white-space:nowrap;cursor:pointer;font-size:11px;font-weight:800}.provider.active{border-color:#66532a;color:var(--gold);background:#191729}.grid{max-width:1180px;margin:auto;padding:0 18px 45px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.game{background:linear-gradient(160deg,#171b30,#0d101c);border:1px solid #292f48;border-radius:14px;overflow:hidden;transition:.2s;cursor:pointer}.game:hover{transform:translateY(-3px);border-color:#4b526f}.thumb{height:145px;display:flex;align-items:center;justify-content:center;font-size:58px;background:radial-gradient(circle at 50% 30%,#393650,#0a0b12);position:relative}.tag{position:absolute;left:8px;top:8px;background:#ff9b2b;color:#211204;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:950}.fav{position:absolute;right:8px;top:8px;background:#090a12aa;color:white;border-radius:50%;width:27px;height:27px}.meta{padding:10px}.meta strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta small{display:block;color:#7f879f;margin-top:4px}.play{width:100%;margin-top:8px;background:#20263d;color:#e7e9f2;border:0;border-radius:8px;padding:8px;font-weight:850;cursor:pointer}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:20;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.box{width:min(520px,100%);background:#111528;border:1px solid #343a56;border-radius:20px;padding:20px;box-shadow:0 25px 80px #000}.box input{width:100%;padding:13px;margin:7px 0;background:#080a12;border:1px solid #30364f;border-radius:10px;color:white}.close{float:right;background:#20253b;border:0;color:white;border-radius:8px;padding:6px 9px}footer{text-align:center;color:#626a80;font-size:10px;padding:30px 15px;border-top:1px solid #181c2b}@media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}.hero-art{font-size:95px}}@media(max-width:620px){.header{height:auto;padding:10px;flex-wrap:wrap}.logo{flex:1}.actions{order:2}.header nav{order:3;width:100%;flex-basis:100%}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.thumb{height:125px}.hero{min-height:270px}.hero-art{display:none}.toolbar{align-items:stretch;flex-direction:column}.search input{width:100%}}