
:root{color-scheme:dark;--bg:#111613;--fg:#eef0e9;--muted:#a8b2a6;--accent:#d7f27a;--card:#1a211b;--line:#303b30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#fff}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.nav{max-width:1320px;margin:auto;padding:22px 32px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.brand{margin-right:auto;font-weight:850;letter-spacing:-1px;font-size:23px;text-decoration:none;color:var(--fg)}.brand span{color:var(--accent)}.nav>a:not(.brand){font-size:13px;text-decoration:none}main{max-width:1320px;margin:auto;padding:0 32px 50px}h1{font-size:clamp(66px,10vw,142px);line-height:.92;letter-spacing:-.075em;margin:24px 0}h1 span{color:var(--accent)}h2{font-size:clamp(27px,4vw,42px);line-height:1.2;letter-spacing:-.04em;margin:60px 0 24px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:66px 0 50px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--accent)}.lead{font-size:19px;max-width:490px;color:var(--muted)}.hero-image{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:3px}.hero-figure{margin:0;position:relative}.hero-figure figcaption{position:absolute;bottom:18px;left:18px;background:#111d;padding:8px 12px;font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;background:var(--accent);color:#17200c;text-decoration:none;padding:12px 22px;border:1px solid var(--accent);font-size:14px;font-weight:700}.button.secondary{background:transparent;color:var(--fg);border-color:var(--line)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:22px 0;gap:25px}.metrics strong{font-size:28px;display:block;letter-spacing:-.04em}.metrics span{color:var(--muted);font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head p{max-width:440px;color:var(--muted);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 16px;border-radius:30px;font-size:13px}.filters button[aria-pressed=true]{background:var(--accent);color:#17200c;border-color:var(--accent)}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shots figure{margin:0;min-width:0}.shots figure[hidden]{display:none}.shots a{display:block;overflow:hidden;background:var(--card);position:relative}.shots a:after{content:'↗';position:absolute;right:12px;bottom:12px;background:#111b;color:white;padding:2px 10px}.shots img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}.shots a:hover img{transform:scale(1.035)}.shots figcaption{padding:12px 0;color:var(--muted);font-size:13px;line-height:1.5}.badge{display:inline-block;background:var(--accent);color:#18220a;padding:2px 7px;margin-right:7px;font-size:10px;font-weight:800}.note{font-size:12px;color:var(--muted);max-width:850px}.card{background:var(--card);border:1px solid var(--line);padding:8px 24px}.status{list-style:none;padding:0;margin:0}.status li{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.status li:last-child{border:0}.tag{flex:0 0 76px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:var(--muted);padding-top:4px}.done .tag{color:var(--accent)}details{margin-top:30px}summary{cursor:pointer;font-weight:650;padding:20px 0}code,pre{font-family:Consolas,monospace;font-size:.9em}pre{padding:24px;background:var(--card);border:1px solid var(--line);overflow:auto}footer{margin-top:70px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.technical{max-width:850px;color:var(--muted);font-size:14px}dialog{width:min(1200px,96vw);max-height:96vh;padding:14px;background:#111613;color:var(--fg);border:1px solid var(--line)}dialog::backdrop{background:#050905ed}dialog img{display:block;max-width:100%;max-height:77vh;margin:auto;object-fit:contain}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.viewer-top button,.viewer-bottom button{border:1px solid var(--line);color:var(--fg);background:var(--card);padding:8px 16px}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px}.viewer-bottom p{font-size:13px;color:var(--muted);margin:0;flex:1}#gallery-count{font-size:12px;color:var(--muted)}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-figure{max-height:450px;overflow:hidden}.hero-image{aspect-ratio:16/9}.shots{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.nav{gap:15px}.hero h1{font-size:100px}}@media(max-width:520px){main{padding-inline:18px}.nav{padding:16px 18px;gap:13px}.nav>a:not(.brand){font-size:11px}.hero h1{font-size:76px}.shots{grid-template-columns:1fr}.metrics{gap:12px}.metrics strong{font-size:23px}.lead{font-size:16px}.card{padding-inline:14px}.status li{gap:10px}.tag{flex-basis:62px}.viewer-bottom button{padding:8px}h2{margin-top:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shots img{transition:none}}
/* Visual language of the original game menus: metal frame, tinted montage,
   condensed uppercase labels and luminous green/yellow controls. No game UI assets. */
:root{--bg:#080b0d;--fg:#f1f3d9;--muted:#b9c3bd;--accent:#dfff81;--card:#0c181ae8;--line:#809c93;color-scheme:dark}
body{background:linear-gradient(90deg,#9a9b95 0,#ecebe0 1%,#545b5b 2.1%,#111 2.5%,transparent 3.6%,transparent 96.4%,#111 97.5%,#545b5b 97.9%,#ecebe0 99%,#9a9b95 100%),linear-gradient(145deg,#233b5ad9,#152d1be8 36%,#31203eea 63%,#402a13ed),url('img/current-overview.jpg') center/cover fixed;background-attachment:fixed;font-family:Tahoma,"Segoe UI",sans-serif}
.nav,main{max-width:1260px}.nav{background:linear-gradient(#535d58,#252f2d 45%,#121b1c 48%,#25332f);border:1px solid #9ca6a0;border-top:0;box-shadow:0 3px 12px #0009;padding-block:15px}.brand,.hero h1,h2,summary,.button,.filters button,.viewer-top button{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.035em;text-shadow:2px 2px #000}.brand{font-size:30px}.brand span{color:#9eff50}.nav>a:not(.brand){color:#e5eda7;text-transform:uppercase;font-weight:bold}.hero{padding:48px 0 34px;gap:30px}.hero h1{font-size:clamp(64px,9vw,122px);letter-spacing:.01em;color:#e7e7d8;text-shadow:3px 3px #000,0 0 15px #a3d26b55}.hero h1 span{color:#7dff39}.eyebrow{color:#d4e7bc;font-family:Consolas,monospace}.lead{color:#e0e6d3;font-size:17px;text-shadow:1px 1px #000}.hero-image{border:3px ridge #a1a9a0;border-radius:0}.hero-figure figcaption{color:#f2f6a9;border:1px solid #7c8c75;background:#0c170ddd}.button,.filters button{border-radius:0;border:2px outset #a7b197;background:linear-gradient(#3b4e38,#192b20);color:#f4ffa4;box-shadow:2px 3px 0 #0009;padding:10px 20px;font-size:16px}.button.secondary{background:linear-gradient(#424c51,#18252c);border-color:#9ba6a6;color:#e7e9c9}.button:hover,.filters button:hover{color:#8cff24;background:#243e22}.button:active,.filters button:active{border-style:inset;transform:translateY(1px)}.filters button[aria-pressed=true]{color:#81ff25;background:linear-gradient(#0c1c11,#2f4825);border:2px inset #9cab8a}.metrics{background:linear-gradient(90deg,#103226db,#172e3bdc,#35243adb);border:2px ridge #9ca6a0;padding:17px 24px}.metrics strong{color:#a1ff53;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.03em}.metrics span{color:#d1dbc5}h2{font-size:34px;color:#f2f1db;padding:12px 18px;background:linear-gradient(90deg,#152829,#3a4b4666,transparent);border-left:4px solid #c2d1b4;border-block:1px solid #6d8078}.section-head h2{min-width:48%}.shots{gap:24px}.shots figure{background:linear-gradient(145deg,#132b37e8,#132a1ae8 60%,#39243bea);border:2px ridge #9ba6a0;box-shadow:4px 5px 0 #0007}.shots a{border-bottom:1px solid #72837d}.shots figcaption{padding:12px 14px;color:#d6dfc9}.shots figcaption b{color:#f3ffbb;text-transform:uppercase;font-size:14px}.shots a:after{background:#12221de6;color:#caff7e;border:1px solid #a1b191}.badge{color:#152310;background:#a5ff4b;text-shadow:none}.card{border:2px ridge #a4b3ad;background:#071416e8}.done .tag{color:#87ff32}.status li{border-color:#3e5c59}details{background:#091919b8;padding:0 18px;border:1px solid #6c8178}.technical{max-width:none}summary{color:#edf5b0;font-size:19px}.section-head p,.note{color:#c5d1bf}pre{border:2px ridge #9aa6a0;background:#071416e8}footer{background:#081313bb;padding:22px;border:1px solid #698278;color:#bfcdbb}dialog{background:linear-gradient(135deg,#172b30,#152319 60%,#2c1d32);border:4px ridge #b4b8af}dialog::backdrop{background:#020705ef}.viewer-top button,.viewer-bottom button{border:2px outset #a7b197;color:#eeffa7;background:#243b2c}.viewer-bottom p{color:#d7e4cf}@media(max-width:850px){.hero h1{font-size:90px}}@media(max-width:520px){body{background:linear-gradient(145deg,#162f40,#142817 45%,#2b1e35);background-attachment:fixed}.nav{border-inline:0}.hero h1{font-size:66px}.metrics{padding:14px 10px}.metrics strong{font-size:20px}.section-head h2{width:100%}.hero{padding-top:32px}h2{font-size:28px}.filters{gap:7px}.filters button{font-size:14px;padding:8px 12px}}
