:root{--ink:#1f1c19;--paper:#f6f3ee;--muted:#6f6861;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);background:#1c1a18;margin:0;overflow:hidden}canvas{touch-action:none;outline:none;display:block;position:fixed;inset:0}[hidden]{display:none!important}button{font:inherit;cursor:pointer}#loader{z-index:30;color:#e9e4dc;background:#1c1a18;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-inner{text-align:center;width:min(320px,80vw)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#a59d93;font-size:12px}.bar{background:#3a3632;height:2px;overflow:hidden}#loader-bar{transform-origin:0;background:#e9e4dc;height:100%;transition:transform .15s linear;transform:scaleX(0)}#loader-percent{font-variant-numeric:tabular-nums;color:#a59d93;font-size:13px}#loader a{color:#e9e4dc}#start{z-index:20;background:#14121059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.start-card{background:var(--paper);text-align:center;max-width:420px;padding:36px 36px 28px;box-shadow:0 20px 60px #00000059}.start-card h1{font-family:var(--serif);margin:0 0 12px;font-size:34px;font-weight:400}.start-card p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.5}#enter{background:var(--ink);color:var(--paper);letter-spacing:.02em;border:0;padding:13px 26px;font-size:15px}#enter:hover{background:#000}.quiet{color:var(--muted);margin-top:14px;font-size:13px;display:block}#hud{z-index:10;padding:max(12px, env(safe-area-inset-top)) 16px 12px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#hud>*{pointer-events:auto}#room-name{letter-spacing:.12em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f1c199e;border-radius:999px;padding:7px 13px;font-size:12px}#room-name:empty{visibility:hidden}.pill{color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6f3eee0;border-radius:999px;padding:7px 13px;font-size:13px;text-decoration:none}#crosshair{z-index:5;background:#ffffffb3;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:transform .15s;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #00000040}#crosshair.active{background:#fffffff2;transform:scale(2.2)}#hint{z-index:5;color:#fff;white-space:nowrap;background:#1412108c;border-radius:999px;margin:0;padding:7px 14px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#details{z-index:15;background:var(--paper);opacity:0;pointer-events:none;width:340px;max-height:calc(100% - 96px);padding:26px 26px 20px;transition:opacity .35s,transform .35s;position:fixed;top:72px;right:24px;overflow:auto;transform:translate(24px);box-shadow:0 10px 40px #0000004d}#details.open{opacity:1;pointer-events:auto;transform:none}#details .swatch{background:var(--accent);width:36px;height:4px;margin-bottom:16px}#details h2{font-family:var(--serif);margin:0 28px 6px 0;font-size:26px;font-weight:400;line-height:1.2}#details .meta{color:var(--muted);margin:0 0 14px;font-size:14px}#details .desc{margin:0 0 18px;font-size:15px;line-height:1.55}#details .close{width:34px;height:34px;color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:12px}#details nav{border-top:1px solid #e2ddd5;align-items:center;gap:10px;padding-top:14px;display:flex}#details nav button{background:0 0;border:1px solid #d6d0c7;width:36px;height:32px}#details .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}#details .grid-link{color:var(--muted);margin-left:auto;font-size:13px}#details .esc-hint{color:#9a938a;margin:12px 0 0;font-size:12px}#details.galactic{color:#f4f4f0;background:#0b0c0e;box-shadow:0 10px 40px #0009,0 0 0 1px #ffffff14}#details.galactic .swatch{background:#f6fb17}#details.galactic h2{font-family:Jost, var(--sans);font-weight:400}#details.galactic .meta{letter-spacing:.2em;text-transform:uppercase;color:#f6fb17;font-family:VT323,ui-monospace,monospace;font-size:18px}#details.galactic .desc{font-family:Jost, var(--sans);color:#ffffffb8}#details.galactic nav{border-top-color:#ffffff1f}#details.galactic nav button{color:#f4f4f0;border-color:#ffffff40}#details.galactic .count,#details.galactic .grid-link,#details.galactic .close,#details.galactic .esc-hint{color:#ffffff8c}@media (width<=759px){#details{width:auto;max-height:42vh;padding:20px 18px max(14px, env(safe-area-inset-bottom));inset:auto 0 0;transform:translateY(24px)}#details h2{font-size:21px}#details .desc{margin-bottom:12px;font-size:14px}#details .esc-hint{display:none}}#joystick{z-index:8;left:max(22px, env(safe-area-inset-left));bottom:max(26px, env(safe-area-inset-bottom));touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f6f3ee29;border:1.5px solid #f6f3ee80;border-radius:50%;width:116px;height:116px;display:none;position:fixed}#joystick .knob{background:#f6f3eed9;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0000004d}@media (pointer:coarse){#joystick{display:block}}body:has(#details.open) #joystick{display:none}#fade{z-index:12;opacity:0;pointer-events:none;background:#000;transition:opacity .25s;position:fixed;inset:0}#fade.on{opacity:1}#stats{z-index:40;color:#fff;background:#0009;margin:0;padding:4px 8px;font:11px/1.4 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}