:root{--bg: #07070f;--bg-2: #120b1c;--card: #141022;--ink: #f4f1ea;--muted: #b7b1c4;--line: rgba(94, 224, 208, .28);--orange: #ff8a1e;--orange-2: #ffb14a;--yellow: #ffd23f;--teal: #3fe0d0;--red: #e8323c;--radius: 18px;--shadow: 0 18px 50px rgba(0, 0, 0, .35);color-scheme:dark;font-family:"Source Sans 3",Segoe UI,sans-serif;font-size:16.5px;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(900px 480px at 85% -10%,rgba(139,92,246,.28),transparent 60%),linear-gradient(180deg,#100818 0%,var(--bg) 42%,#07070b 100%);overflow-wrap:break-word}body:before{content:"";pointer-events:none;position:fixed;inset:0;background-image:linear-gradient(rgba(63,224,208,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(63,224,208,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 80%)}a{color:var(--teal);overflow-wrap:anywhere}a:hover{color:var(--yellow)}img{max-width:100%;height:auto}code,.keycap{overflow-wrap:anywhere}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-header,.site-footer,main{position:relative;z-index:1}.site-header{display:flex;align-items:center;gap:18px;min-height:72px;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-height:44px}.brand-mark{display:grid;width:110px;line-height:1.2;letter-spacing:.08em}.brand-mark strong{font-family:Outfit,sans-serif;color:var(--orange);font-size:20px}.brand-mark small{color:var(--muted);font-size:12px}.nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin-left:auto}.nav a,.steam-link,.footer-links a,.lang-switch a,.cookie-btn{color:#efeaf8;text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;min-height:44px;display:inline-flex;align-items:center}.steam-link{color:var(--teal);font-weight:700;margin-left:8px}.menu-btn{display:none}h1,h2,h3{font-family:Outfit,"Source Sans 3",sans-serif;line-height:1.05;letter-spacing:-.03em;margin:0 0 .6rem}h1{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:2rem}h3{font-size:1.2rem;margin-top:1.2rem}.lead{font-size:1.15rem;color:#ddd6ea;max-width:42rem}.kicker{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:8px;background:var(--orange);color:#1a0d05;font-weight:800;letter-spacing:.04em;font-size:.82rem}.hero{display:grid;grid-template-columns:.9fr 1.15fr;gap:28px;align-items:center;padding:12px 0 8px}.hero-copy p{font-size:1.25rem;color:#e7e1f2}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:10px;font-weight:800;letter-spacing:.04em;text-decoration:none;border:1px solid transparent}.btn-primary{background:linear-gradient(180deg,#ff9a2e,#ff7a18);color:#1a0d05}.btn-ghost{background:transparent;color:#fff;border-color:#ffffff73}.btn:hover{filter:brightness(1.05);color:inherit}.facts{width:100%;border-collapse:collapse;margin-top:8px}.facts th,.facts td{text-align:left;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);font-weight:600}.facts th{color:var(--muted);font-size:.78rem;letter-spacing:.12em;width:34%}.sale{color:var(--yellow)}.hero-card{position:relative;border:3px solid var(--teal);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#0b0a12}.hero-card img{display:block;width:100%;height:auto}.good-badge{position:absolute;top:14px;right:14px;background:var(--yellow);color:#1a1204;font-weight:800;border-radius:10px 14px 14px 4px;padding:8px 12px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 10px}.feature{display:flex;align-items:center;gap:12px;min-height:74px;padding:10px 14px;border:2px solid var(--teal);border-radius:16px;background:#0c0a16cc;color:#fff;text-decoration:none}.feature strong{letter-spacing:.06em}.feature span{margin-left:auto;color:var(--teal)}.keycap{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#1a1020;background:linear-gradient(#fff,#d9d3e4);box-shadow:inset 0 2px #fff,0 3px #5c5668}.keycap.d{box-shadow:inset 0 2px #fff,0 3px #8d2430}.keycap.k{box-shadow:inset 0 2px #fff,0 3px #8a6a12}.panel{margin:28px 0}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#141022e6;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;min-height:44px}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card div{padding:12px 14px 16px}.card h3{margin:0 0 6px;font-size:1.05rem}.card p{margin:0;color:var(--muted)}.table-scroll{overflow-x:auto;margin:12px 0 18px}table.data{width:100%;border-collapse:collapse;min-width:640px}table.data th,table.data td{border-bottom:1px solid rgba(255,255,255,.12);padding:10px 8px;text-align:left;vertical-align:top}table.data th{color:var(--yellow);font-size:.85rem}figure{margin:16px 0 22px}figure img{border-radius:16px;border:1px solid var(--line)}figcaption{color:var(--muted);font-size:.92rem;margin-top:6px}blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid var(--orange);background:#ffffff08}.note,.sources,.fresh{margin-top:28px;padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.crumbs{color:var(--muted);font-size:1rem;margin:8px 0 14px}.crumbs a{color:var(--muted)}.video-facade{position:relative;display:block;width:min(100%,960px);padding:0;border:0;background:transparent;cursor:pointer}.video-facade img{width:100%;border-radius:16px}.play-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--orange);color:#1a0d05;font-weight:800;border-radius:999px;min-height:48px;padding:0 18px;display:inline-flex;align-items:center}.site-footer{padding:28px 0 48px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}.legal-row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.banner{position:fixed;z-index:20;left:12px;right:12px;bottom:12px;background:#161222;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);display:none;gap:12px;align-items:center}.banner.show{display:flex}.banner p{margin:0;flex:1}.banner .btn{min-height:44px}@media(max-width:860px){.hero,.feature-row,.grid-cards{grid-template-columns:1fr}.nav{display:none}.nav.open{display:flex;flex-direction:column;position:absolute;top:68px;left:16px;right:16px;background:#120b1c;padding:10px 14px;border-radius:14px;border:1px solid var(--line)}.menu-btn{display:inline-flex;margin-left:auto;min-height:44px;min-width:44px;background:transparent;color:#fff;border:1px solid var(--line);border-radius:10px}.steam-link{margin-left:0}.banner{flex-direction:column;align-items:stretch}}
