:root{--ink:#2a1d14;--paper:#f3e6d2}*{box-sizing:border-box;margin:0}html,body{height:100%;color:var(--ink);background:#d8a877;overflow:hidden}#gl{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#gl.drag{cursor:grabbing}#gl.hot{cursor:pointer}.haze{pointer-events:none;background:linear-gradient(#e8aaa08c,#e8aaa02e 55%,#0000);height:26vh;position:fixed;inset:0 0 auto}.ui{top:max(28px, env(safe-area-inset-top));pointer-events:none;position:fixed;left:clamp(18px,4vw,48px)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.62;font:500 10px/1 DM Mono,monospace}h1{letter-spacing:-.01em;margin:8px 0 14px;font:400 clamp(30px,4.2vw,46px)/1.1 Instrument Serif,serif}.chip{-webkit-backdrop-filter:blur(8px);background:#3c231417;border-radius:999px;padding:8px 12px;font:400 12px/1 DM Mono,monospace;transition:opacity .25s;display:inline-block}.hint{left:50%;bottom:calc(max(28px, env(safe-area-inset-bottom)) + 58px);opacity:.55;pointer-events:none;white-space:nowrap;font:400 12px/1 DM Mono,monospace;transition:opacity .6s;position:fixed;transform:translate(-50%)}.hint.off{opacity:0}.putback{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#fff;opacity:0;pointer-events:none;cursor:pointer;background:#1d1612;border:0;border-radius:999px;padding:13px 22px;font:600 14px/1 Inter,sans-serif;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.2,1.2);position:fixed;transform:translate(-50%,16px);box-shadow:0 8px 24px #28140a47}.putback.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.putback:focus-visible{outline-offset:3px;outline:2px solid #fff}.veil{pointer-events:none;text-align:center;background:#d8a877;place-items:center;padding:24px;font:400 12px/1.5 DM Mono,monospace;transition:opacity 1.2s;display:grid;position:fixed;inset:0}.veil p{opacity:.62}.veil.off{opacity:0}.sets{left:50%;bottom:max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#fff4e66b;border-radius:999px;gap:2px;padding:4px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.2,1);display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #ffffff80,0 10px 30px #50280f24}.sets.off{opacity:0;pointer-events:none;transform:translate(-50%,14px)}.sets button{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:11px 16px;font:600 13px/1 Inter,sans-serif;transition:background .25s,color .25s}.sets button:hover{background:#ffffff59}.sets button[aria-pressed=true]{color:#fff;background:#1d1612}.sets button:focus-visible{outline-offset:2px;outline:2px solid #1d1612}@media (width<=420px){.sets button{padding:10px 11px;font-size:12px}}@media (pointer:coarse){.sets button,.putback{min-height:44px}}@media (orientation:portrait){.ui{top:max(16px, env(safe-area-inset-top))}h1{margin:6px 0 10px}}