:root{--bg:#15364a;--panel:#1c4960;--paper:#f1dfb7;--accent:#e26d2f;--ink:#10232d;--muted:#abc2c8;--line:rgba(241,223,183,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--paper)}body{margin:0;font-family:Arial,sans-serif}a{color:inherit}.topbar{height:80px;position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,6vw,90px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand b{width:42px;height:42px;border:1px solid var(--accent);display:grid;place-items:center;font:800 11px monospace;color:var(--accent)}.brand span{font:800 10px/1.25 monospace;letter-spacing:.12em}.brand em{font-style:normal;color:var(--accent)}.topbar nav{display:flex;gap:32px}.topbar nav a,.topbar>p{font:800 10px monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.topbar>p{text-align:right;color:var(--muted)}.hero{height:min(930px,100vh);min-height:720px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0,rgba(21,54,74,.94) 32%,rgba(21,54,74,.15) 72%)}.hero-copy{position:absolute;left:clamp(24px,8vw,122px);top:52%;transform:translateY(-44%);z-index:2;width:min(650px,50vw)}.eyebrow,.section-title span,.notes span,dialog>span{font:800 10px monospace;letter-spacing:.16em;color:var(--accent)}h1{font:900 clamp(62px,7vw,110px)/.84 Georgia,serif;letter-spacing:-.06em;margin:24px 0 28px}.hero-copy p{max-width:520px;font-size:17px;line-height:1.65;color:rgba(241,223,183,.78)}.cta,.primary,.secondary{display:inline-flex;min-height:54px;padding:0 28px;align-items:center;justify-content:center;border:1px solid var(--accent);font:800 10px monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.cta,.primary{background:var(--accent);color:var(--ink)}.secondary{background:transparent;color:var(--paper);border-color:var(--line)}.hero-stamp{position:absolute;right:5vw;bottom:40px;z-index:2;font:900 34px Georgia;color:var(--accent);display:flex;gap:10px;align-items:center}.hero-stamp small{font:800 9px/1.4 monospace;color:var(--paper)}.game-section{padding:clamp(86px,10vw,150px) clamp(22px,8vw,122px)}.section-title{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:end;margin-bottom:48px}.section-title h2{font:900 clamp(50px,6vw,88px)/.85 Georgia,serif;letter-spacing:-.05em;margin:18px 0 0}.section-title p{line-height:1.65;color:var(--muted)}.game-console{display:grid;grid-template-columns:1fr 300px;border:1px solid var(--line);background:var(--panel)}.game-stage{min-height:610px;padding:50px;display:grid;place-items:center;background:linear-gradient(135deg,transparent 0 48%,rgba(241,223,183,.04) 49% 51%,transparent 52%)}.instrument{padding:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.meter{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line);font:800 10px monospace}.meter b{font-size:18px;color:var(--accent)}.instrument>p{min-height:92px;color:var(--muted);font:13px/1.6 monospace}.notes{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.notes article{padding:64px clamp(24px,5vw,72px);min-height:310px;border-right:1px solid var(--line)}.notes article:last-child{border:0}.notes h3{font:900 34px/1 Georgia;margin:24px 0}.notes p{color:var(--muted);line-height:1.65}footer{padding:54px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr 1.2fr;gap:28px;border-top:1px solid var(--line);font-size:13px}footer p,footer small{color:var(--muted)}footer nav{display:flex;gap:25px;flex-wrap:wrap}footer nav a{font:800 10px monospace}footer small{grid-column:1/-1}dialog{width:min(560px,calc(100% - 30px));padding:48px;background:var(--panel);color:var(--paper);border:1px solid var(--accent);text-align:center}dialog::backdrop{background:rgba(5,15,20,.85)}dialog h2{font:900 48px/.9 Georgia}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;color:var(--paper);font-size:24px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
/* Six deliberately different play surfaces */
.stack-yard{display:grid;grid-template-columns:repeat(3,minmax(90px,150px));gap:24px;align-items:end}.stack{min-height:400px;padding:16px 12px 12px;border:2px solid var(--accent);display:flex;flex-direction:column-reverse;gap:8px;background:rgba(0,0,0,.12)}.crate{height:76px;border:0;color:#fff;font:900 14px monospace;box-shadow:inset 0 0 0 3px rgba(255,255,255,.22)}.crate[data-colour="rust"]{background:#bf4d2b}.crate[data-colour="teal"]{background:#227a7c}.crate[data-colour="gold"]{background:#c89730}.crate.selected{outline:4px solid var(--paper);transform:translateY(-7px)}
.gear-bed{display:flex;gap:clamp(12px,3vw,28px);flex-wrap:wrap;justify-content:center}.gear{width:clamp(90px,12vw,145px);aspect-ratio:1;border:10px dashed var(--accent);border-radius:50%;background:var(--ink);color:var(--paper);font:900 26px Georgia;transition:transform .22s}.gear::after{content:'▲';display:block;color:var(--accent);font:15px monospace}.gear[data-turn="1"]{transform:rotate(90deg)}.gear[data-turn="2"]{transform:rotate(180deg)}.gear[data-turn="3"]{transform:rotate(270deg)}
.slate-board{display:grid;grid-template-columns:repeat(3,minmax(78px,130px));gap:16px}.slate{aspect-ratio:1;border:1px solid #8fa0a4;background:#171d20;color:#e7e7df;font:900 30px Georgia;clip-path:polygon(8% 2%,95% 7%,100% 89%,88% 100%,4% 94%,0 12%);transition:transform .15s}.slate[data-turn="1"]{transform:rotate(90deg)}.slate[data-turn="2"]{transform:rotate(180deg)}.slate[data-turn="3"]{transform:rotate(270deg)}.slate.correct{box-shadow:0 0 0 3px var(--accent)}
.light-rig{width:min(680px,100%)}.target-ribbon{min-height:70px;margin-bottom:42px;padding:20px;border:1px solid var(--line);font:800 12px/1.6 monospace;text-align:center}.bulb-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.bulb{aspect-ratio:1;border-radius:50%;border:3px solid var(--accent);background:#102b4d;box-shadow:0 18px 0 -10px #060f1b}.bulb.on{background:#ffcf55;box-shadow:0 0 26px #ffad28,0 18px 0 -10px #060f1b}
.manifest{display:grid;grid-template-columns:repeat(5,minmax(70px,118px));gap:14px}.cargo{min-height:150px;border:1px solid var(--line);background:rgba(0,0,0,.16);color:var(--paper);padding:14px;font:800 11px/1.4 monospace}.cargo b{display:block;margin-top:18px;font:900 28px Georgia;color:var(--accent)}.cargo.selected{background:var(--accent);color:var(--ink)}.cargo.selected b{color:var(--ink)}
.fossil-grid{display:grid;grid-template-columns:repeat(4,minmax(66px,112px));gap:12px}.fossil-card{aspect-ratio:1;border:1px solid var(--accent);background:var(--ink);color:transparent;font-size:36px;transition:transform .2s}.fossil-card.flipped,.fossil-card.matched{background:var(--paper);color:var(--ink);transform:rotateY(180deg)}.fossil-card.matched{opacity:.48}