:root{--shadow:#202326;--charcoal:#302923;--oak:#382820;--stone:#77716a;--paper:#d4c7ae;--amber:#d8ae70;--brass:#8e7952;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--shadow);height:100%;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app canvas{touch-action:none;display:block}button{font:inherit;color:inherit;cursor:pointer}#loading{z-index:3;text-align:center;background:var(--shadow);font:600 26px var(--serif);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}#loading p{max-width:32ch;margin:0}#loading button{border:1px solid var(--brass);background:var(--charcoal);min-height:44px;font:500 15px var(--sans);border-radius:999px;padding:0 22px}#loading button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#hud{z-index:2;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.intro{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));text-shadow:0 1px 12px #000c;max-width:34rem;position:absolute;right:16px}.intro h1{font:600 clamp(26px, 5vw, 36px) var(--serif);letter-spacing:.01em;margin:0 0 4px}.intro p{opacity:.9;margin:0;font-size:15px;line-height:1.45}#app.vignette:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(90% 80% at 50% 48%,#0000 40%,#0a0c109e 100%);position:fixed;inset:0}.reset-view{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--brass);background:color-mix(in srgb, var(--charcoal) 85%, transparent);min-height:44px;font:500 15px var(--sans);border-radius:999px;padding:0 18px;position:absolute}.reset-view:hover{border-color:var(--amber)}.reset-view:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#hud>.move-hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--shadow) 70%, transparent);text-align:center;pointer-events:none;border-radius:999px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:8px 16px;font-size:14px;line-height:1.4;transition:opacity .8s;position:absolute;transform:translate(-50%)}.move-hint.is-hidden{opacity:0}@media (width<=640px){#hud>.move-hint{bottom:calc(76px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.move-hint{transition:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#hud.inspecting .intro,#hud.inspecting .object-list{display:none}.object-list,.inspect-panel{font-size:15px;line-height:1.5}.object-list button,.inspect-panel button{border:1px solid var(--brass);min-height:44px;color:var(--paper);font:500 15px var(--sans);background:#302923eb;border-radius:999px;padding:0 18px}.object-list button:hover,.inspect-panel button:hover{border-color:var(--amber)}.object-list button:focus-visible,.inspect-panel button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.object-list{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.object-list-toggle{box-shadow:0 2px 14px #00000073}.object-list-items{background:#202326f0;border:1px solid #8e795299;border-radius:12px;flex-direction:column;gap:4px;margin:0;padding:8px;list-style:none;display:flex;box-shadow:0 6px 28px #00000080}.object-list .object-list-items button{text-align:left;width:100%;font:600 19px var(--serif);background:0 0;border-color:#0000;border-radius:8px}.inspect-panel{top:50%;right:calc(24px + env(safe-area-inset-right));background:#202326ed;border:1px solid #8e7952b3;border-radius:14px;width:min(380px,34vw);max-height:calc(100% - 48px);padding:24px 26px;position:absolute;overflow-y:auto;transform:translateY(-50%);box-shadow:0 10px 40px #0000008c}.inspect-panel h2{font:600 32px/1.1 var(--serif);letter-spacing:.01em;color:var(--paper);margin:0 0 6px}.inspect-panel h2:focus{outline:none}.inspect-state{letter-spacing:.04em;text-transform:uppercase;color:var(--amber);margin:0 0 10px;font-size:14px}.inspect-state strong{font-weight:600}.inspect-description{opacity:.92;margin:0 0 20px}.inspect-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.inspect-panel .inspect-back{background:var(--oak);border-color:var(--amber)}.inspect-cycle{gap:8px;display:flex}@media (width<=699px){.inspect-panel{width:auto;max-height:45%;padding:18px calc(18px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));border-width:1px 0 0;border-radius:16px 16px 0 0;inset:auto 0 0;transform:none}.inspect-panel h2{font-size:27px}.inspect-description{margin-bottom:14px}}