:root{--bg:#090b0f;--panel:#11151d;--card:#171c25;--text:#f7f8fa;--muted:#98a2b3;--line:#293241;--red:#e50914;--red2:#ff4d57;--good:#61d692;--warn:#ffc857}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#191522 0,#090b0f 34%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:1180px;margin:auto;padding:0 18px}.top{position:sticky;top:0;z-index:30;background:rgba(9,11,15,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{min-height:70px;display:flex;align-items:center;gap:22px}.brandBtn{border:0;background:none;padding:0;cursor:pointer}.brand{font-size:22px;font-weight:900;letter-spacing:1px;color:var(--text)}.brand b{color:var(--red)}nav{display:flex;gap:15px;margin-left:auto;flex-wrap:wrap}nav button,.account{background:none;border:0;color:var(--muted);cursor:pointer;font-weight:750}.account{border:1px solid var(--line);padding:9px 12px;border-radius:12px;color:var(--text)}.hero{padding:56px 0 26px}.eyebrow{color:var(--red2);font-weight:850;text-transform:uppercase;font-size:12px;letter-spacing:1.5px}.hero h1{font-size:clamp(38px,6vw,70px);line-height:.98;margin:12px 0 18px;max-width:850px;letter-spacing:-2px}.hero p{color:var(--muted);font-size:18px;max-width:760px}.search{display:flex;gap:10px;margin-top:28px}.search input,input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px;color:var(--text);font-size:15px;width:100%}.search input{padding:16px}.primary,.ghost,.danger{border-radius:13px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:white;border:1px solid var(--red)}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.danger{background:#3a1518;color:#ffb2b6;border:1px solid #6b2429}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 34px}.stats.compact{margin-top:0}.stat,.card,.empty{border:1px solid var(--line);background:rgba(17,21,29,.9);border-radius:18px}.stat{padding:18px}.stat strong{display:block;font-size:27px}.stat span,.muted{color:var(--muted)}.section{padding:24px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:14px}.section h2{margin:0;font-size:29px}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:8px 12px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:18px}.card h3{margin:8px 0 6px}.price{font-size:28px;font-weight:900}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.score{color:var(--good);font-weight:900}.result{display:none;margin-top:14px;color:var(--muted)}.panel{display:none}.panel.active{display:block}.news-list{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.news-list .card:first-child h3{font-size:25px}.kicker{color:var(--red2);font-size:12px;font-weight:900;text-transform:uppercase}.footer{border-top:1px solid var(--line);margin-top:50px;padding:30px 0 50px;color:var(--muted);font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.empty{padding:24px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.modal-card{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:#11151d;border:1px solid var(--line);border-radius:20px;padding:24px}.close{position:absolute;right:14px;top:10px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.form-grid{display:grid;gap:12px}.form-grid label{font-size:13px;color:var(--muted)}.form-actions{display:flex;gap:10px;margin-top:8px}.notice{padding:12px;border-radius:12px;background:#1b2230;color:#d7deea}.good{color:var(--good)}.warn{color:var(--warn)}@media(max-width:930px){nav{display:none}.grid,.news-list{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.grid,.news-list{grid-template-columns:1fr}.search{flex-direction:column}.hero{padding-top:34px}.section-head{align-items:flex-start;flex-direction:column}.hero h1{letter-spacing:-1px}.brand{font-size:18px}.account{margin-left:auto}}
.quote-line{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.quote-line:last-child{border-bottom:0}
.catalog-tools{display:grid;grid-template-columns:240px 1fr auto;gap:10px;margin:8px 0 14px}.catalog-meta{margin:6px 0 14px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}.pager button:disabled{opacity:.35;cursor:not-allowed}.game-card{overflow:hidden}.visual{height:260px;margin:-18px -18px 16px;border-bottom:1px solid var(--line);background:#0d1118;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;box-sizing:border-box;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));}.visual.fallback{background:linear-gradient(135deg,#161b24,#252c39)}.visual.fallback span{font-size:54px;font-weight:950;color:#596476}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platform-card{position:relative;min-height:150px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);color:var(--text);text-align:left;cursor:pointer;padding:0}.platform-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.platform-overlay{position:absolute;inset:0;padding:18px;display:flex;align-items:flex-end;gap:13px;background:linear-gradient(180deg,transparent 10%,rgba(9,11,15,.9) 88%)}.platform-logo{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;flex:0 0 48px;padding:8px}.platform-logo img{max-width:100%;max-height:100%;filter:none}.platform-logo strong{color:#111;font-size:16px}.platform-overlay>div:last-child{display:flex;flex-direction:column;min-width:0}.platform-overlay>div:last-child strong{font-size:16px}.platform-overlay>div:last-child span{color:#b7c0cc;font-size:12px;margin-top:3px}.footer a{color:#c9d2df}@media(max-width:930px){.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.platform-grid{grid-template-columns:1fr}.catalog-tools{grid-template-columns:1fr}.visual{height:200px}}
