:root{color-scheme:dark;--cream:#f8e8cb;--accent:#efae79;--muted:#c0b29d}*{box-sizing:border-box}body{margin:0;background:#151813;color:var(--cream);font:14px/1.55 system-ui,sans-serif}header{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-bottom:1px solid #5b4c3d;font:11px monospace;letter-spacing:.14em}.brand,.eyebrow,.uk{color:var(--accent)}main{position:relative;min-height:calc(100dvh - 52px);display:grid;grid-template-columns:minmax(0,1fr) 340px}#stage{grid-column:1;grid-row:1;position:relative;min-height:590px;overflow:hidden;background:#25251b}canvas{display:block;width:100%;height:100%;position:absolute;touch-action:none}aside{grid-column:2;grid-row:1;padding:36px 26px 25px;background:#201f19;border-left:1px solid #5b4c3d;z-index:2}h1{font:clamp(48px,5.2vw,83px)/.87 Georgia,serif;letter-spacing:-.06em;font-weight:400;margin:16px 0 12px}.eyebrow,#plate{font:11px monospace;letter-spacing:.17em}.uk{font:italic 22px Georgia;margin:0}.intro,#info p,details{color:var(--muted)}.label{margin-top:28px}nav{margin:9px 0 18px;display:grid;gap:5px}button{font:inherit;color:var(--cream);background:#24241e;border:1px solid #635442;padding:8px 12px;cursor:pointer;border-radius:3px}button:hover,button:focus-visible{border-color:var(--accent)}button[aria-pressed=true]{background:#6a412e;border-color:#e5a876}nav button{text-align:left}i{font:11px monospace;margin-right:10px;color:#f0bc94}h2{font:22px Georgia;margin:0}#info{min-height:115px;border-top:1px solid #635442;padding-top:13px}#info p{margin:6px 0 12px}summary{cursor:pointer}a{color:var(--accent)}.toolbar,#plate{position:absolute;left:17px;z-index:1}.toolbar{bottom:16px;display:flex;gap:6px;align-items:center}.toolbar span,#plate{color:#f1d8bc;background:#1b1a15e8;padding:6px 8px}#plate{top:15px}#plate b{color:var(--accent)}#markers{position:absolute;inset:0 340px 0 0;pointer-events:none}.marker{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#352317e8;border:1px solid #ffcd92;width:35px;height:35px;padding:0;box-shadow:0 0 0 4px #0004;font:12px monospace}#error{position:absolute;top:70px;left:20px;background:#332417;padding:15px}@media(max-width:760px){main{display:block}#stage{height:58dvh;min-height:330px}aside{padding:22px;border:0;border-top:1px solid #5b4c3d}.toolbar{bottom:auto;top:calc(max(58dvh,330px) - 49px)}#markers{inset:0 0 auto;height:max(58dvh,330px)}h1 br{display:none}h1{font-size:47px}header{padding:0 12px;font-size:9px}#hint{font-size:10px}}