:root{color-scheme:dark;--paper:#f2e2bf;--gold:#efbb72;--line:#f1d5a045;--panel:#151a18ed;--muted:#cbbfa7;font:14px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#171e1c;color:var(--paper)}main{height:100dvh;min-height:470px;position:relative;overflow:hidden}#viewport,canvas,#markers{position:absolute;inset:0;width:100%;height:100%}canvas{display:block;touch-action:none}#markers{pointer-events:none;z-index:1}header,nav,aside,.console,#error{position:absolute;z-index:2}header{top:28px;left:32px;pointer-events:none;text-shadow:0 2px 10px #000}h1,h2{font-family:Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(46px,7vw,104px);letter-spacing:-.075em;line-height:1.03}h1 i{color:var(--gold);font-size:.8em}header p{margin:.55em 0;font-size:clamp(12px,1.35vw,18px)}header span{color:#e6b476}.eyebrow{letter-spacing:.19em;font-size:10px;font-weight:750;color:var(--gold)}nav{top:30px;right:28px;display:flex;flex-wrap:wrap;gap:5px}button{font:inherit;color:var(--paper);background:#151a18eb;border:1px solid var(--line);padding:8px 11px;cursor:pointer;border-radius:3px}button:hover,button[aria-pressed=true]{border-color:var(--gold);background:#3f3324}button:focus-visible,a:focus-visible{outline:2px solid #ffd399;outline-offset:3px}button:disabled{opacity:.62;cursor:wait}aside,.console{bottom:26px;background:var(--panel);border:1px solid var(--line);padding:14px 16px;box-shadow:0 10px 30px #0003}aside{left:30px;width:min(295px,33vw)}aside h2{font-size:25px;margin-top:6px}aside p,.console p{margin:.5em 0 0;color:var(--muted);line-height:1.45}.console{right:28px;width:min(355px,37vw)}.actions{display:flex;gap:5px;margin:8px 0}.actions button:first-child{background:var(--gold);color:#251a11;font-weight:750;flex:1}.console p{font-size:11px}#progress{height:2px;background:linear-gradient(90deg,var(--gold) var(--pct,0%),#ffffff29 var(--pct,0%))}.marker{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);border:1px solid #eac083;border-radius:50%;padding:0;width:33px;height:33px;font-size:11px;font-weight:bold;box-shadow:0 0 0 4px #eac08328}.marker[hidden]{display:none}dialog{max-width:min(550px,90vw);border:1px solid var(--line);background:#1b211e;color:var(--paper);padding:26px;line-height:1.55}dialog h2{font-size:30px;margin:.25em 0}dialog form{float:right}dialog::backdrop{background:#101413bb}a{color:var(--gold)}#error{inset:40% 15% auto;background:#151a18;padding:20px;border:1px solid var(--line)}@media(max-width:680px){header{left:15px;top:14px}nav{top:105px;left:15px;right:8px}nav button{font-size:11px;padding:7px}aside,.console{padding:9px 10px;bottom:10px}aside{left:9px;width:43vw}aside h2{font-size:17px}aside p{font-size:11px}.console{right:9px;width:49vw}.console p{font-size:10px}.eyebrow{font-size:9px}.marker{width:32px;height:32px}}