:root{--ui-fg: #3c3630;--ui-bg: rgba(255, 253, 249, .82);--ui-border: rgba(60, 54, 48, .16);--ui-focus: #7b5e3b;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#e3dcd2;color:var(--ui-fg);font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0}#scene{display:block;width:100%;height:100%;touch-action:manipulation;cursor:grab}#scene:active{cursor:grabbing}#scene:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-3px}.hud{position:fixed;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;pointer-events:none}.hud [hidden]{display:none}.views{border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-bg);backdrop-filter:blur(8px);opacity:.55;pointer-events:auto;transition:opacity .16s ease,transform .16s ease}.views:hover,.views:focus-within{opacity:1}.views{display:flex;gap:1px;padding:3px}.view{padding:5px 11px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:500;cursor:pointer;transition:background-color .16s ease}.view:hover{background:#3c363012}.view[aria-pressed=true]{background:#3c36301f}.view:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.view:active{transform:scale(.97)}.dance{padding:8px 15px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-bg);color:inherit;font:inherit;pointer-events:auto;cursor:pointer}.dance:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.dance:hover{background:#fffdf9}.dance:disabled{cursor:default;opacity:.65}.hint{margin:0;opacity:.55;user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.debug{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));width:274px;max-height:calc(100vh - 24px);overflow-y:auto;padding:12px 14px 14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-bg);backdrop-filter:blur(10px);box-shadow:0 10px 30px #3c363024;font-size:12px}.debug h2{margin:0 0 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.debug section{padding-top:10px;margin-top:10px;border-top:1px solid var(--ui-border)}.debug section:first-of-type{padding-top:0;margin-top:0;border-top:0}.debug .row{display:flex;align-items:center;gap:8px;margin:6px 0}.debug .row>span:first-child{flex:0 0 74px;opacity:.7}.debug .row output{flex:0 0 46px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.debug input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--ui-focus)}.debug button{padding:5px 10px;border:1px solid var(--ui-border);border-radius:7px;background:#ffffffb3;color:inherit;font:inherit;cursor:pointer}.debug button:hover{background:#fff}.debug button:focus-visible,.debug input:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.debug label.check{display:flex;align-items:center;gap:7px;margin:5px 0;cursor:pointer}.debug .readout{margin-top:8px;font-variant-numeric:tabular-nums;line-height:1.6;opacity:.75}.debug .readout b{font-weight:600;opacity:1}.debug .warn{color:#a8431f;font-weight:600}@media(max-width:560px){.debug{width:calc(100vw - 24px);max-height:52vh}}.debug summary{cursor:pointer}.debug summary h2{display:inline}