html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#b4532c;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0}#app{width:100vw;height:100dvh;position:fixed;inset:0}#app canvas{touch-action:none;display:block}#loading{color:#fbe9cf;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.hud{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud button,.hud-clock{pointer-events:auto;color:#fbeed6;touch-action:manipulation;background:#261810c7;border:1px solid #fbeed640;border-radius:999px;min-height:36px;padding:9px 12px;font:600 13px/1 system-ui,sans-serif}.hud button:active{background:#b4532ce6}.hud-clock{pointer-events:none;font-variant-numeric:tabular-nums}:root{--paper:#fff6e8;--paper-2:#f6e9d6;--ink:#3a2219;--ink-soft:#6e5a4e;--ink-strong:#241a16;--accent:#e8742b;--accent-ink:#fff6e8;--accent-2:#2b3f8f;--gold:#d4a437;--earth:#b4532e;--ok:#2e9e5b;--warn:#f2b630;--danger:#b3242d;--info:#2f6fb5;--need-hunger:#e69f00;--need-energy:#56b4e9;--need-hygiene:#009e73;--need-fun:#f0e442;--need-social:#cc79a7;--font-ui:"Inter", "Noto Sans", Roboto, system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--r-sm:8px;--r-md:12px;--r-pill:999px;--shadow-1:0 2px 0 #3a22192e;--tap-min:44px;--dur-fast:.12s;--ease:cubic-bezier(.2, 0, 0, 1);--z-world-ui:10;--z-hud:20}@media (prefers-reduced-motion:reduce){:root{--dur-fast:60ms}}.ui-root{pointer-events:none;font-family:var(--font-ui);z-index:var(--z-hud);position:absolute;inset:0}.hud-top{gap:var(--s-2);padding:max(var(--s-2), env(safe-area-inset-top)) max(var(--s-2), env(safe-area-inset-right)) 0 max(var(--s-2), env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-bottom{padding:var(--s-2) max(var(--s-2), env(safe-area-inset-right)) max(var(--s-2), env(safe-area-inset-bottom)) max(var(--s-2), env(safe-area-inset-left));flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.chip{pointer-events:auto;font:600 var(--fs-sm)/1 var(--font-ui);color:var(--paper);border-radius:var(--r-sm);padding:0 var(--s-3);min-height:var(--tap-min);font-variant-numeric:tabular-nums;background:#241a16cc;border:1px solid #fff6e840}button.chip{cursor:pointer;transition:background var(--dur-fast) var(--ease)}button.chip:active{background:var(--accent)}.hud-cluster{gap:var(--s-2);align-items:center;display:flex}.chip.is-static{justify-content:center;align-items:center;display:inline-flex}.hud-power,.hud-online,.hud-phone{min-width:var(--tap-min);padding:0}.hud-power.is-off{background:var(--danger)}.hud-online.is-off{color:var(--warn)}.hud-wallet-wrap{display:inline-flex;position:relative}.hud-floaters{margin-right:var(--s-2);pointer-events:none;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:100%}.floater{white-space:nowrap;font:700 var(--fs-md)/1 var(--font-ui);animation:floater-rise 1.2s var(--ease) forwards;position:absolute;right:0}.floater.is-up{color:var(--ok)}.floater.is-down{color:var(--danger)}@keyframes floater-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.hud-needs{left:max(var(--s-2), env(safe-area-inset-left));gap:var(--s-1);width:160px;padding:var(--s-2);border-radius:var(--r-sm);color:var(--paper);background:#241a16cc;border:1px solid #fff6e840;flex-direction:column;display:flex;position:absolute;top:56px}.need{gap:var(--s-1);flex-direction:column;display:flex}.need-label{font:600 var(--fs-xs)/1 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.need-track{border-radius:var(--s-1);background:#fff6e833;height:8px;display:block;overflow:hidden}.need-track>i{background:var(--c);height:100%;display:block}.hud-notices{top:56px;left:184px;right:max(var(--s-2), env(safe-area-inset-right));align-items:flex-end;gap:var(--s-2);flex-direction:column;display:flex;position:absolute}.banner{pointer-events:auto;gap:var(--s-2);padding:var(--s-2) var(--s-3);min-height:var(--tap-min);background:var(--ink-strong);max-width:100%;color:var(--paper);border:1px solid var(--warn);border-radius:var(--r-sm);font:500 var(--fs-sm)/1.25 var(--font-ui);align-items:center;display:flex}.banner .icon{color:var(--warn);flex:none}.toast{pointer-events:auto;min-height:var(--tap-min);max-width:100%;padding:0 var(--s-3);background:var(--paper);color:var(--ink);border:1px solid var(--ink-soft);border-radius:var(--r-sm);font:600 var(--fs-sm)/1.25 var(--font-ui);cursor:pointer}#voiceSlot{display:contents}.icon{width:24px;height:24px;display:inline-flex}.icon svg{width:100%;height:100%}.bubble-layer{z-index:var(--z-world-ui);position:absolute;inset:0;overflow:hidden}.bubble{max-width:240px;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--paper);color:var(--ink);border:1px solid var(--ink-soft);font:500 var(--fs-sm)/1.25 var(--font-ui);overflow-wrap:anywhere;transition:opacity .5s var(--ease);will-change:transform;position:absolute;top:0;left:0}.bubble.is-fading{opacity:0}.hud-chat{gap:var(--s-2);padding:0 max(var(--s-2), env(safe-area-inset-right)) 0 max(var(--s-2), env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;bottom:64px;left:0;right:0}.hud-chat-row{gap:var(--s-2);align-items:center;display:flex}.chip-tray{gap:var(--s-2);display:flex;overflow-x:auto}.chip-tray .chip{flex:none}.chat-bar{gap:var(--s-2);pointer-events:auto;flex:1;display:flex}.chat-input{min-width:0;min-height:var(--tap-min);padding:0 var(--s-3);font:500 var(--fs-md)/1 var(--font-ui);color:var(--ink);background:var(--paper);border:1px solid var(--ink-soft);border-radius:var(--r-pill);flex:1}.chat-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-send,.emote-btn{min-width:var(--tap-min);justify-content:center;align-items:center;padding:0;display:inline-flex}.emote-wheel{gap:var(--s-2);pointer-events:auto;display:flex}