:root{color-scheme:dark;--gold:#eab87b;--ink:#efe7d4;--muted:#b4b3a5;font:14px system-ui,sans-serif;background:#101412;color:var(--ink)}*{box-sizing:border-box}body{margin:0}main{margin:auto;max-width:1920px}header,footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px clamp(16px,4vw,65px);background:#101412;letter-spacing:.16em;font:600 11px ui-monospace,monospace;letter-spacing:.14em}header{border-bottom:1px solid #ab947638}footer{border-top:1px solid #ab947638;color:var(--muted)}b,.archive,.eyebrow{color:var(--gold)}.brand{color:var(--ink)}.brand b{font-size:18px;margin-right:8px}.collection{color:var(--muted)}#viewer{position:relative;height:calc(100svh - 109px);min-height:620px;overflow:hidden;background:#18201d}#stage,.grid,#markers{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none}.grid{pointer-events:none;background:linear-gradient(90deg,#111916bf,transparent 43%,transparent 69%,#1119168c),radial-gradient(ellipse at center,transparent 43%,#0a0e0db5)}.title{position:absolute;left:4%;top:9%;pointer-events:none}.eyebrow{font:600 11px ui-monospace,monospace;letter-spacing:.18em}h1{font:normal clamp(48px,7.1vw,118px)/.85 Georgia,serif;letter-spacing:-.065em;margin:20px 0}h1 i{color:var(--gold);font-weight:normal}.title p{color:var(--muted);font-size:14px;letter-spacing:.06em}aside{position:absolute;right:4%;bottom:16%;width:min(244px,23vw);padding:17px;background:#131a17eb;border:1px solid #d5b39147;border-top-color:var(--gold)}h2{font:normal 27px Georgia;margin:8px 0}aside p,details p{color:#d4d0c3;line-height:1.5;font-size:13px}button{color:var(--ink);background:#19211e;border:1px solid #81725b;border-radius:3px;padding:9px 12px;cursor:pointer;font:600 12px system-ui;white-space:nowrap}button:hover,button[aria-pressed=true]{background:#55432e;color:#fff1d8}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#parts,.tools{display:flex;gap:6px}#parts button{flex:1;padding:7px}.tools{position:absolute;left:4%;bottom:7%}.tools #strike{background:#eab87b;color:#211a13;border-color:#eab87b}kbd{opacity:.65;margin-left:4px;font-size:10px}#hint{position:absolute;bottom:4%;right:4%;font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted);pointer-events:none}#markers{pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border-radius:50%;width:34px;height:34px;padding:0;color:var(--gold);box-shadow:0 0 0 4px #161b19a0}.marker[hidden]{display:none}summary{cursor:pointer;color:var(--gold)}details[open] p,details[open] a{display:block;max-width:370px;letter-spacing:normal}a{color:var(--gold)}#error{position:absolute;left:4%;top:45%;max-width:420px;background:#131a17;padding:15px}#stage:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}@media(max-width:740px){#viewer{min-height:695px;height:calc(100svh - 105px)}.collection{display:none}.title{top:5%}h1{font-size:clamp(45px,10vw,78px);margin:11px 0}aside{width:auto;left:4%;right:4%;bottom:13%;padding:10px 13px}aside h2{font-size:22px}aside p{margin:5px 0 9px}#parts button{padding:5px}.tools{bottom:5.6%;right:4%;flex-wrap:wrap}.tools button{padding:8px 9px}#hint{bottom:2%}footer{flex-wrap:wrap;font-size:9px}kbd{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}