:root{color-scheme:dark;--bg:#0d1216;--panel:#151e23;--line:#33433d;--green:#79f59a;--gold:#d0b277;--muted:#aab8bd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eeefea;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1320px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{width:210px}nav{display:flex;gap:24px;font-size:13px}nav a{text-decoration:none;color:var(--muted)}.eyebrow{color:var(--gold);font:12px/1.5 monospace;letter-spacing:2px;text-transform:uppercase}h1{font:clamp(44px,6vw,78px)/1.04 Georgia,serif;letter-spacing:-3px;margin:20px 0}h2{font:34px/1.2 Georgia,serif;margin:0 0 18px}h3{font-size:19px;margin:0 0 8px}p{margin:12px 0;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:52px 0 38px}.hero .lead{font-size:20px;max-width:560px}.cover{width:100%;object-fit:contain;display:block;border-radius:12px;border:1px solid #667444}.art{background:linear-gradient(140deg,#202b28,#101619);padding:18px;border:1px solid var(--line);border-radius:16px}.facts{display:flex;justify-content:space-between;gap:14px;margin-top:16px;font-size:12px;color:var(--muted)}.facts strong{color:#efefe8}.tag{display:inline-block;font:12px monospace;padding:6px 10px;background:#173623;color:var(--green);border-radius:5px}.notice{border-left:3px solid var(--gold);padding:12px 20px;background:#1b211f;color:#d8decf;font-size:14px}.section{padding:35px 0;border-top:1px solid var(--line)}.platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.platform{border:1px solid var(--line);border-radius:9px;padding:17px 13px;background:#111a1e}.platform small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.platform .icon{display:block;margin-bottom:12px;width:27px;height:27px}.icon{width:21px;height:21px;filter:invert(1);vertical-align:middle;object-fit:contain;margin-right:7px}.pc{font-size:25px;display:block;height:39px;color:var(--green)}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:35px}.card{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}button,.button{font:inherit;color:#ebf1ec;background:#222e33;border:1px solid #51615d;border-radius:7px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}button[aria-pressed=true],.primary{background:var(--green);color:#10231a;border-color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}select{background:#172328;color:#eff4ee;border:1px solid #59675e;border-radius:5px;padding:9px;font:inherit;width:100%;margin:8px 0}code{color:var(--green);font:13px/1.5 monospace;overflow-wrap:anywhere}.path{padding:16px;border:1px solid #375542;background:#0b1410;border-radius:7px;margin:18px 0}li{margin:12px 0;color:#c3cece}ol{padding-left:24px}.status{font:12px monospace;color:var(--gold)}.providers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.providers a{color:var(--green)}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tools a{display:block;padding:20px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.tools small{display:block;color:var(--muted);margin-top:8px}.sources{columns:2;font-size:13px}.sources a{display:block;padding:5px 0;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.fine{font-size:12px}.green{color:var(--green)}@media(max-width:800px){header,main,footer{padding:20px}.hero,.grid{grid-template-columns:1fr;gap:24px}.hero{padding-top:30px}nav{gap:12px}.platforms{grid-template-columns:repeat(2,1fr)}.providers,.tools{grid-template-columns:1fr}.sources{columns:1}h1{letter-spacing:-1px}header img{width:150px}.facts{flex-wrap:wrap}}


body{isolation:isolate;background:#0d1216}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:var(--wallpaper);background-size:cover;background-position:center center;background-repeat:no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,17,20,.88),rgba(9,17,20,.56) 52%,rgba(9,17,20,.74)),linear-gradient(0deg,rgba(9,17,20,.35),transparent 70%)}
header{background:rgba(13,21,24,.58);backdrop-filter:blur(10px);border-bottom-color:#79f59a30}
.hero{min-height:540px}.hero h1{text-shadow:0 3px 28px #0009}
.section{padding:35px 24px;margin:0 -24px 20px;background:rgba(12,21,24,.68);border:1px solid #79f59a24;border-radius:12px;backdrop-filter:blur(7px)}
.card,.platform,.tools a{background:rgba(20,31,35,.76);border-color:#79f59a35;box-shadow:0 12px 35px #0002}
.art{background:rgba(20,31,35,.7);backdrop-filter:blur(9px)}
.notice{background:rgba(31,37,31,.82)}
p,.fine,.sources a,nav a{color:#c1cbcd}
footer{background:rgba(10,18,21,.88)}
@media(max-width:800px){.section{margin:0 0 18px;padding:24px 18px}.hero{min-height:0}body::before{background-position:53% center}}

.mt28{margin-top:28px}.mt16{margin-top:16px}
body.valheim{--wallpaper:url("/games/valheim/assets/wallpaper.jpg")}body.rust{--wallpaper:url("/games/rust/assets/wallpaper.jpg")} .platforms{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))} .route{scroll-margin-top:25px}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;color:var(--green)} .desktop-actions{display:none}html.desktop .desktop-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}html.desktop header,html.desktop footer{display:none}html.desktop main{padding:18px}html.desktop .hero{padding:12px 0;min-height:0;gap:20px}html.desktop h1{font-size:40px}html.desktop .hero .lead{font-size:16px}html.desktop .section{margin:10px 0;padding:20px}html.desktop .hero .art{display:none}html.desktop .hero{grid-template-columns:1fr}html.desktop body::before{opacity:.55}html.desktop .section{backdrop-filter:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

body.cyberpunk{--wallpaper:url("/games/cyberpunk-2077/assets/asset-1.png")}

.desktop-actions [hidden]{display:none!important}.desktop-actions{justify-content:flex-start}

body.wow-retail{--wallpaper:url("/games/wow-shared/assets/retail.png")}body.wow-classic{--wallpaper:url("/games/wow-shared/assets/classic.png")}