:root{--bg:#0d1015;--panel:#15191f;--line:#2b323b;--text:#f7f8fb;--muted:#8d95a0;--accent:#c7ff2f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{height:74px;display:grid;grid-template-columns:260px minmax(280px,720px) 1fr;gap:22px;align-items:center;padding:0 22px;position:sticky;top:0;z-index:30;background:#101318f2;border-bottom:1px solid #20262d;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.6px}.brand b{color:var(--accent)}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#0b0e11}
.search{height:46px;display:flex;align-items:center;border:1px solid #343b45;background:#22262d;border-radius:12px;padding:0 15px}.search span{font-size:22px;color:#9ba2ac;margin-right:9px}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.search input::placeholder{color:#8b929d}.icon-btn{justify-self:end;width:44px;height:44px;border-radius:10px;border:1px solid #353c46;background:#1c2128;color:white}
.shell{display:grid;grid-template-columns:66px 1fr}.rail{position:sticky;top:74px;height:calc(100vh - 74px);display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 8px;border-right:1px solid #20262d;background:#101319}.rail button{width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#a0a7b0;font-size:18px}.rail button:hover,.rail button.active{background:#f6f7fa;color:#111}
main{min-width:0;padding:20px 22px 50px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.intro h1{margin:4px 0 0;font-size:29px;letter-spacing:-1px}.intro>span{font-size:10px;color:#7e8792;text-transform:uppercase;font-weight:800}.kicker{margin:0;color:var(--accent);font-size:9px;letter-spacing:1.7px;font-weight:950}
.featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:27px}.feature-card{display:grid;grid-template-columns:86px 1fr;gap:11px;align-items:center;border:1px solid #282f38;background:#161a20;border-radius:12px;padding:9px;color:white;text-align:left}.feature-card:hover{border-color:#4d5663}.feature-card img{width:86px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.feature-card b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-card small{display:block;color:#7e8792;font-size:9px;margin-top:4px}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-head h2{margin:4px 0 0;font-size:24px}.section-head>span{color:#79818d;font-size:10px;text-transform:uppercase}.pills{display:flex;gap:8px;overflow:auto;padding-bottom:15px}.pills button{border:1px solid #2d343d;background:#15191f;color:#929aa5;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap}.pills button.active,.pills button:hover{background:#202817;color:#dcff83;border-color:#4e5e30}
.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.card{min-width:0;cursor:pointer}.thumb{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:1px solid #252d36;background:#171b21;transition:.2s}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.42),transparent 52%)}.play{position:absolute;z-index:2;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0e1115cc;border:1px solid var(--accent);color:var(--accent);opacity:0;transition:.2s}.card:hover .thumb{transform:translateY(-3px);box-shadow:0 14px 35px rgba(0,0,0,.35)}.card:hover .play{opacity:1}.card h3{font-size:11px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:7px;color:#747d89;font-size:8px}.state{text-align:center;border:1px dashed #303843;border-radius:12px;padding:55px 20px;color:#8c95a0}.error{color:#ff9caa}
.ad-slot:empty{display:none!important}.ad-slot:not(:empty){display:block;min-height:90px;margin:18px auto;max-width:970px}
footer{margin-left:66px;padding:22px;display:flex;justify-content:space-between;border-top:1px solid #20262d;background:#0b0e12;color:#737c87}footer>div{display:flex;gap:15px;font-size:9px}footer small{font-size:8px}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}.backdrop{position:absolute;inset:0;background:#000d;backdrop-filter:blur(7px)}.dialog{position:relative;width:min(1180px,100%);max-height:94vh;overflow:auto;background:#0e1218;border:1px solid #2c333d;border-radius:14px;padding:15px;box-shadow:0 35px 100px #000}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-head h2{margin:4px 0 0}.dialog-head>button{width:38px;height:38px;border:1px solid #343c46;background:#171c23;color:white;border-radius:8px;font-size:24px}.player-wrap{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#05070a}.player-wrap iframe{width:100%;height:100%;border:0}.dialog-info{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:14px}.dialog-info p{max-width:760px;margin:0 0 8px;color:#9099a5;font-size:11px;line-height:1.6}.dialog-info .instructions{color:#bac1ca}.actions{display:flex;gap:8px;flex-shrink:0}.actions button{min-height:42px;padding:0 15px;border:1px solid #343b45;background:#171c23;color:white;border-radius:8px;font-size:11px;font-weight:800}.actions .primary{background:var(--accent);border-color:var(--accent);color:#0b0e10}
@media(max-width:1250px){.game-grid{grid-template-columns:repeat(5,1fr)}.featured{grid-template-columns:repeat(3,1fr)}.feature-card:nth-child(4){display:none}}
@media(max-width:960px){.topbar{grid-template-columns:190px 1fr auto}.game-grid{grid-template-columns:repeat(4,1fr)}.featured{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{height:68px;grid-template-columns:auto 1fr auto;padding:0 12px;gap:10px}.brand>span:last-child{display:none}.shell{grid-template-columns:1fr}.rail{display:none}main{padding:14px}.game-grid{grid-template-columns:repeat(3,1fr)}footer{margin-left:0}.featured{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}.featured{grid-template-columns:1fr}.feature-card:nth-child(n+3){display:none}.intro h1{font-size:22px}.dialog-info{flex-direction:column}.actions{width:100%}.actions button{flex:1}footer{flex-direction:column;gap:10px;align-items:start}}