:root{color-scheme:dark;--bg:#101615;--gold:#e7b979;--muted:#abb5ac}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2e7d5;font:14px/1.55 system-ui,sans-serif}header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,64px);border-bottom:1px solid #37423c;font-size:10px;letter-spacing:.22em}header span,.eyebrow,.stage-label{color:var(--gold);letter-spacing:.18em;font-size:10px}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,365px);min-height:calc(100svh - 62px)}.stage{position:relative;min-height:660px;overflow:hidden;background:radial-gradient(ellipse at 52% 48%,#254239,#111918 69%,#0b100f)}canvas{position:absolute;inset:0;display:block;touch-action:none}.stage-label,#status,.tools,.hint,#pins{position:absolute;z-index:1}.stage-label{top:22px;left:25px;display:flex;align-items:center;gap:10px}.stage-label i{display:inline-block;width:24px;height:1px;background:#aa855b}#status{top:43%;left:0;right:0;text-align:center;pointer-events:none}#pins{inset:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 5px #efb47324;padding:0}.tools{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;bottom:38px;left:8px;right:8px}.hint{bottom:10px;width:100%;text-align:center;color:var(--muted);font-size:11px;pointer-events:none}button{border:1px solid #718079;background:#111b18ed;color:#f3e8d8;font:inherit;font-size:12px;padding:8px 10px;cursor:pointer}button:hover,button[aria-pressed=true]{color:#141b17;background:var(--gold);border-color:var(--gold)}:focus-visible{outline:2px solid #ffda9f;outline-offset:3px}aside{padding:clamp(20px,3vw,46px);border-left:1px solid #37423c}h1{font:clamp(53px,5.5vw,88px)/.89 Georgia,serif;letter-spacing:-.055em;margin:18px 0 20px}p{color:var(--muted);margin:0 0 12px}.intro{max-width:25ch}dl{border-block:1px solid #37423c;padding:10px 0;margin:22px 0}dl div{display:grid;grid-template-columns:77px 1fr;gap:6px;margin:4px 0}dt{letter-spacing:.11em;font-size:9px;color:var(--gold);align-self:center}dd{margin:0;font-size:12px}nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0 15px}nav button{text-align:left}h2{font:22px Georgia,serif;margin:0 0 7px}details{border-top:1px solid #37423c;padding-top:10px;margin-top:18px}summary{cursor:pointer;color:var(--gold)}details p{margin-top:8px}a{color:var(--gold)}[hidden]{display:none!important}@media(max-width:720px){main{display:block}.stage{min-height:430px;height:65svh}aside{border-left:0}header{height:49px;letter-spacing:.08em}}