:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eaf1f7;background:#080d13;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1220px;margin:auto;padding:22px 28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263541}a{color:#ffab50;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:24px}.brand{font-size:24px;font-weight:900;color:#f2f5f8}.brand b{color:#ff941f}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}.hero img{width:100%;height:210px;object-fit:cover;border-radius:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:#ffa449}h1{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:12px 0}h2{font-size:24px;margin:10px 0}h3{font-size:19px;margin:0 0 8px}p{color:#b2c1ce;margin:12px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{border:1px solid #2c3a45;padding:5px 10px;border-radius:8px;font-size:12px;color:#d0dde8}aside{border-left:3px solid #ff941f;background:#ff941f0b;padding:12px 16px;margin:22px 0;color:#c5d1dd;font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0}.section-heading label{display:flex;align-items:center;gap:12px;font-size:13px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plans[hidden]{display:none}.plan{border:1px solid #2a3b49;background:linear-gradient(135deg,#14212c,#0c141c);border-radius:16px;padding:22px}.price{font-size:32px;font-weight:800;color:#fff}.price small{font-size:13px;color:#a5b7c6;font-weight:400}dl{margin:18px 0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff0c;padding:6px 0;font-size:14px}dt{color:#a4b8c9}dd{margin:0}.button,button{display:block;text-align:center;border:0;border-radius:9px;background:#ff941f;color:#13100a;font-weight:700;padding:11px 18px;cursor:pointer;font-size:15px}.button:hover,button:hover{background:#ffad50;text-decoration:none}.plan>small{display:block;text-align:center;color:#92a5b5;margin-top:7px;font-size:12px}.note{font-size:12px;color:#93a5b5}.details{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:22px 0}.details h2{font-size:19px}.details p,details p{font-size:14px}details{border-top:1px solid #263541;padding:14px 0}summary{cursor:pointer;color:#dce8f2}footer{font-size:13px;color:#8ba1b4}select,input,textarea{background:#101b25;border:1px solid #344958;color:#edf5fc;border-radius:7px;padding:10px;font:inherit;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #ff941f}.checkout{max-width:760px}.checkout label{display:block;margin:18px 0}.checkout input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:7px}.check{font-size:14px}.check input{margin-right:10px}@media(max-width:680px){header,main,footer{padding:18px}nav{gap:10px;font-size:12px}.brand{font-size:20px}.hero{grid-template-columns:1fr;gap:14px}.hero img{height:160px;grid-row:1}.section-heading{display:block}.section-heading label{display:block}.section-heading select{display:block;width:100%;margin-top:8px}.plans{grid-template-columns:1fr}.details{grid-template-columns:1fr;gap:5px}.plan{padding:18px}}

/* Compact game catalog, shared checkout remains compatible. */
.game-catalog{--accent:#ffab50;background:radial-gradient(ellipse at 90% 5%,#19324450,transparent 45%),#080d13}.game-minecraft{--accent:#83d5a3}.game-csgo{--accent:#83c9ed}.game-rust{--accent:#e4ad83}.game-dayz{--accent:#b4c894}
.game-catalog main{padding-top:14px}.breadcrumbs{font-size:12px;gap:10px;color:#aab9c6;margin-bottom:18px;flex-wrap:wrap}.breadcrumbs a{color:#d9e3eb}.game-catalog .hero{gap:32px}.hero h1 span{display:block;font-size:17px;line-height:1.5;font-weight:400;color:#b2c1ce}.game-catalog .hero img{height:220px;border:1px solid #36434e;box-shadow:0 12px 40px #0004}.game-catalog .eyebrow{color:var(--accent);font-size:10px;font-weight:700}.game-catalog .chips span{font-size:11px;padding:4px 8px;background:#101b24}.game-catalog aside{display:flex;gap:12px;align-items:center;border:1px solid #33424c;border-radius:10px;background:#121c25;margin:20px 0}.game-catalog aside strong{display:block;color:#e2edf5}.game-catalog aside div>span{font-size:12px;display:block}.game-catalog aside a{margin-left:auto;white-space:nowrap;font-size:13px}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex:none}.edition{font-size:12px;color:#b5c9d8}.game-catalog .plan{padding:20px;background:linear-gradient(145deg,#16212d,#0c141c);position:relative}.plan-pro{border-color:#bb833f;box-shadow:inset 0 2px #ffab50}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-top h3{margin:0;letter-spacing:1px}.plan-top>span{font-size:13px;color:#768b9d}.plan-description{font-size:12px;margin:5px 0 14px;min-height:18px}.game-catalog .price{font-size:34px;letter-spacing:-1px}.game-catalog .price small{letter-spacing:0}.game-catalog .plan:not(.plan-pro) .button{background:#263746;color:#f1f6fa;border:1px solid #40566b;padding:10px 18px}.game-catalog .plan:not(.plan-pro) .button:hover{background:#354d60}.game-catalog .details{gap:16px;margin:20px 0}.game-catalog .details>div{padding:16px 18px;border:1px solid #273643;border-radius:12px;background:#101923}.game-catalog .details h2{font-size:18px;margin:5px 0}.game-catalog .details p{margin:6px 0;font-size:13px}.game-catalog details{padding:12px 0;font-size:14px}.game-catalog details p{max-width:950px}.related{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;align-items:center}.related>span{color:#98acbc;margin-right:4px}.related a{border:1px solid #2b3e4c;border-radius:7px;padding:6px 10px;color:#c3d5e2}.skip{position:absolute;top:-100px;left:20px;background:#ffad50;color:#111;padding:10px;z-index:10}.skip:focus{top:10px}a:focus-visible,summary:focus-visible{outline:2px solid #ffad50;outline-offset:4px}#tariffs{scroll-margin-top:15px}
@media(max-width:680px){.game-catalog .hero{gap:16px}.game-catalog .hero img{height:175px}.game-catalog h1{font-size:30px}.game-catalog aside{align-items:flex-start}.game-catalog aside a{display:none}.game-catalog .details{gap:10px}.game-catalog .plan-description{min-height:0}.related{gap:6px}.breadcrumbs{margin-bottom:14px}.game-catalog .section-heading h2{font-size:22px}.game-catalog .section-heading label{margin-top:12px}}
