html,body,#root{height:100%;margin:0;background:#000}body{overscroll-behavior:none}*{cursor:default}:root{--app-vh: 100dvh}html,body,#root,.canvas-wrap,.gesture-zone,.right-pad,.stick-static{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,[role=button],a,input,label{touch-action:manipulation}html{-webkit-text-size-adjust:100%}input,select,textarea{font-size:16px}:root{--safe-bottom: env(safe-area-inset-bottom)}.canvas-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:max(var(--safe-bottom),16px);pointer-events:none}.hud-footer{position:fixed;left:0;right:0;bottom:calc(var(--safe-bottom) + 8px);display:flex;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;letter-spacing:.06em;opacity:.85;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10000;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud-footer .pill{pointer-events:auto;padding:6px 10px;border-radius:9999px;background:#0006;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px)}@supports (-webkit-touch-callout: none){.canvas-wrap{height:-webkit-fill-available}}.canvas-wrap,.fs{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:var(--app-vh);padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.touch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:var(--app-vh);pointer-events:none;z-index:10001}.touch-overlay *,.touch-overlay .zone,.touch-overlay .buttons{pointer-events:auto}.touch-overlay .zone{position:absolute;top:0;bottom:0}.touch-overlay .zone.left{left:0;width:50vw}.touch-overlay .zone.right{right:0;width:50vw}.touch-overlay .stick{position:absolute;width:120px;height:120px;margin-left:-60px;margin-top:-60px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2)}.touch-overlay .knob{position:absolute;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:9999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3)}.touch-overlay .buttons{position:absolute;right:18px;bottom:calc(var(--safe-bottom) + 18px);display:flex;gap:12px;align-items:center}.touch-overlay .btn{min-width:72px;min-height:72px;border-radius:16px;padding:8px 12px;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 18px #00000059}.touch-overlay .btn:active{transform:scale(.96)}.touch-overlay .btn.big{min-width:96px;min-height:96px;font-size:14px}.gesture-zone{touch-action:none}.stick-static{position:fixed;left:18px;bottom:calc(env(safe-area-inset-bottom) + 18px);width:160px;height:160px;transform:translateZ(0);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:10001}.stick-static .stick-base,.stick-base{position:absolute;left:50%;top:50%;width:120px;height:120px;margin-left:-60px;margin-top:-60px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2)}.stick-static .stick-knob,.stick-knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:9999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);transition:transform 90ms ease-out}.right-pad{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:10000}.right-pad .camera-zone{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.right-pad .buttons{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom) + 18px);display:flex;gap:12px;align-items:center;pointer-events:auto}.btn,.btn *{min-width:72px;min-height:72px;border-radius:16px;padding:8px 12px;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 18px #00000059;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.btn.big{min-width:96px;min-height:96px;font-size:14px}.btn.small{min-width:72px;min-height:48px;font-size:12px;margin-bottom:6px}.btn:active{transform:scale(.96)}.chat-root,.chat-container,.ChatContainer{position:fixed;z-index:9000;pointer-events:auto}.left-actions{position:fixed;z-index:10001}