:root{color-scheme:dark;--bg:#0c0d12;--fg:#f7f8fa;--yellow:#f8ed35;--muted:#bcc0c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}header{position:sticky;top:0;z-index:5;background:#0a0b10eF;border-bottom:1px solid #ffffff22;backdrop-filter:blur(12px)}.nav{max-width:1180px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.nav img{width:64px;height:64px;object-fit:contain}.nav a{text-decoration:none}.nav-links{display:flex;gap:24px}.hero{max-width:1280px;margin:auto;padding:36px 20px 65px;text-align:center}.hero-art{width:100%;max-width:1120px;border-radius:6px;display:block;margin:auto}.hero-logo{display:block;width:min(650px,90%);margin:-30px auto 0;position:relative;filter:drop-shadow(0 6px 12px #000)}h1,h2,h3{text-transform:uppercase;line-height:1.1;letter-spacing:.015em}h1{font-size:clamp(32px,5vw,64px);margin:10px 0 20px}h2{font-size:clamp(26px,4vw,48px);margin:0 0 16px}h3{font-size:clamp(24px,2.7vw,36px);margin:0 0 16px;color:var(--yellow)}.intro{font-size:clamp(19px,2vw,27px);font-weight:700;color:var(--yellow)}main{overflow:hidden}.features{max-width:1160px;margin:auto;padding:10px 20px 60px}.feature{display:grid;grid-template-columns: 1fr 1fr;align-items:center;gap:6vw;padding:45px 0;border-bottom:1px solid #fff2}.feature:nth-child(even) .feature-image{order:2}.feature-image img{display:block;width:100%;max-width:470px;max-height:550px;object-fit:cover;border-radius:12px;margin:auto;box-shadow:0 20px 45px #0009}.feature-copy{font-size:18px;color:#e8e8eb}.feature-copy p{margin:0 0 16px}.about{padding:80px 20px;text-align:center;background:#161820}.about-inner{max-width:800px;margin:auto;font-size:18px}.signoff{font-weight:900;color:var(--yellow);font-size:23px}footer{padding:36px 20px;text-align:center;color:var(--muted);font-size:14px}footer nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 0 18px}footer a:hover,.nav a:hover{color:var(--yellow)}.note{font-size:14px;color:var(--muted)}@media(max-width:760px){.feature{grid-template-columns:1fr;gap:24px}.feature:nth-child(even) .feature-image{order:0}.feature-copy{font-size:17px}.nav-links{font-size:13px;gap:12px}.nav img{height:46px;width:46px}.hero-logo{margin:-12px auto 0}}

.legal{max-width:920px;margin:20px auto 90px;padding:35px 24px;overflow-wrap:anywhere}.legal h1{font-size:clamp(30px,4vw,50px);color:var(--yellow)}.legal h2,.legal h3,.legal h4,.legal h5,.legal h6{margin-top:28px;text-transform:none;letter-spacing:0;line-height:1.35;color:#fff}.legal p{margin:12px 0}.legal a{color:#c4dbff}.legal ul,.legal ol{padding-left:30px}.legal li{margin:8px 0}

.notices{max-width:1050px}.notices p,.notices li{white-space:normal;overflow-wrap:anywhere}.notices pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1a1c25;padding:18px;border-radius:8px}.notices h2{font-size:24px}.notices h3{font-size:19px}.notices a{text-decoration:underline}.notices div{max-width:100%}
/* Store section: Steam official iframe with accessible direct links */
.store-links{max-width:840px;margin:30px auto 0;padding:24px 20px 28px;background:#181a23;border:1px solid #ffffff29;border-radius:14px;box-shadow:0 15px 40px #0005}
.store-heading{font-weight:900;font-size:clamp(18px,2.4vw,26px);letter-spacing:.075em;color:var(--yellow);margin:0 0 18px}
.steam-widget-wrap{max-width:646px;margin:0 auto 18px;overflow:hidden;border-radius:5px;background:#202a36}
.steam-widget{display:block;width:100%;max-width:646px;height:190px;border:0}
.store-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.store-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:76px;flex:1 1 240px;max-width:316px;padding:10px 22px;text-decoration:none;border-radius:8px;border:2px solid transparent;transition:transform .15s,filter .15s;line-height:1.3}
.store-button:hover,.store-button:focus-visible{transform:translateY(-2px);filter:brightness(1.12)}
.store-button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.steam-button{background:#1b3448;color:#fff;border-color:#5c90ab}
.meta-button{background:#fff;color:#131b37}
.store-button-name{font-size:23px;font-weight:900;letter-spacing:.035em}
.store-button-subtitle{font-size:13px;font-weight:700;opacity:.85}
.store-note{font-size:13px;color:#c5c7ce;margin:17px 0 0}
@media(max-width:560px){.store-links{padding:18px 12px}.steam-widget-wrap{display:none}.store-button{max-width:none;flex-basis:100%}}
