:root{color-scheme:dark;--cream:#fff2d6;--gold:#efc782;--muted:#d1dbd8;font:15px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#142326;color:var(--cream)}#exhibit{height:100svh;min-height:580px;position:relative;isolation:isolate;overflow:hidden}#viewport,#markers{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}#markers{pointer-events:none}header,.panel,footer,.controls{position:absolute}header{top:28px;left:32px;pointer-events:none;text-shadow:0 2px 12px #182327}h1,h2{font-family:Georgia,serif;font-weight:normal;margin:0}h1{font-size:clamp(3rem,7vw,6rem);line-height:1.04}h1 small{font-size:.36em;color:var(--gold);margin-left:.3em}header p,.kicker{font-size:.67rem;letter-spacing:.22em;font-weight:750}header p{margin:9px 0}.kicker{color:var(--gold)}.kicker span{margin:0 .4em}.panel{left:32px;bottom:92px;width:min(350px,calc(100% - 64px));border:1px solid #c4aa755c;border-radius:8px;padding:17px 18px;background:#111f21ed;box-shadow:0 12px 40px #12171655}.panel h2{font-size:1.6rem;margin-top:5px}.panel p,details p{font-size:.86rem;line-height:1.45;color:var(--muted);margin:8px 0 12px}nav,.controls{display:flex;gap:5px;flex-wrap:wrap}button,summary{font:inherit;cursor:pointer}button{border:1px solid #94a6a078;border-radius:5px;color:var(--cream);background:#122326ef;padding:7px 10px;font-size:.76rem}button:hover,button[aria-pressed=true],button[aria-current=true]{background:var(--gold);color:#1a2424}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #ffdf98;outline-offset:3px}.controls{right:32px;bottom:50px;justify-content:flex-end}.marker{position:absolute;pointer-events:auto;border:1px solid #ffe0a1;border-radius:100%;width:33px;height:33px;padding:0;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #17242752}.marker[hidden]{display:none}footer{bottom:11px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:end;gap:10px;font-size:.72rem;text-shadow:0 1px 7px #000;color:var(--muted)}details>div{position:absolute;bottom:26px;right:0;background:#112123;border:1px solid #c4aa7577;border-radius:8px;padding:12px 16px;width:min(380px,100%);z-index:5}details ul{padding-left:18px;margin:0}a{color:var(--gold)}#error{position:absolute;top:36%;left:50%;transform:translateX(-50%);padding:18px;background:#162629;border:1px solid var(--gold);width:min(400px,85%)}@media(max-width:700px){header{left:15px;top:18px}.panel{left:12px;bottom:95px;width:calc(100% - 24px);padding:10px 12px}.panel p{margin:4px 0 8px}.panel h2{font-size:1.35rem}.controls{bottom:42px;left:12px;right:12px;justify-content:start}footer{left:12px;right:12px}button{padding:6px 8px}}@media(max-width:400px){.controls{gap:3px} .controls button{padding:6px 5px}}