:root{color-scheme:dark;--ink:#f4f6f8;--muted:#b7c3cb;--cyan:#7ee5ee;--line:#35424b}
*{box-sizing:border-box}
body{margin:0;background:#0b1014;color:var(--ink);font:1rem/1.6 system-ui,sans-serif}
a{color:var(--cyan);text-underline-offset:.22em}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.wrap{width:min(1120px,90%);margin-inline:auto}
.hero{padding-top:30px}
.label,.back,.button{font:700 .78rem/1.5 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.label{color:var(--cyan);margin:0 0 14px}
.hero .label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
.key-art{display:block;width:100%;height:auto;border:1px solid var(--line)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:32px 0}
h2,h3{line-height:1.03;letter-spacing:-.04em;margin:0}
h2{font-size:clamp(2.3rem,6vw,5rem);text-wrap:balance}
h3{font-size:clamp(1.6rem,3vw,2.5rem)}
p{max-width:66ch;color:var(--muted)}
.intro p{font-size:1.25rem;margin:0 0 20px}
.button{display:inline-block;padding:12px 16px;background:var(--cyan);color:#091317;text-decoration:none}
.button:hover{background:#c2f7fa}
.premise,#modes,.influences{padding:clamp(32px,6vw,72px) 0;border-top:1px solid var(--line)}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
article{padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-top:3px solid var(--cyan);background:#141e25}
article + article{border-top-color:#ff736b}
article p:last-child,.locations{margin-bottom:0}
footer{padding:20px 0 32px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:var(--muted);font-size:.9rem}
@media(max-width:680px){.intro,.modes{grid-template-columns:1fr}.intro{gap:12px}}
.platforms{padding:24px 0 36px;border-top:1px solid var(--line)}
.platforms h2{font-size:clamp(1.65rem,3vw,2.5rem)}
.platforms ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}
.platforms li{padding:14px 18px;border:1px solid var(--line);background:#141e25}
.platforms span{display:block;color:var(--muted);font-size:.9rem}
.game-title{margin:0 0 16px;font-size:clamp(2.5rem,7vw,5.75rem);line-height:1;letter-spacing:-.04em}
