*{margin:0;padding:0}html,body{overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.webgl{position:fixed;top:0;left:0;outline:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#87ceeb;color:#333;font-family:system-ui,sans-serif;transition:opacity .4s ease}.loading--hidden{opacity:0;pointer-events:none}.mute-overlay{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));z-index:8;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:#00000059;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;transition:background .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.mute-overlay:hover{background:#00000080}.mute-overlay:active{transform:scale(.95)}.mute-overlay.mute-overlay--muted .mute-overlay__icon{opacity:.7}.fps-counter{position:fixed;top:12px;left:12px;z-index:8;font-family:Outfit,system-ui,monospace;font-size:14px;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.move-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;pointer-events:auto;font-family:Outfit,system-ui,sans-serif;transition:opacity .25s ease}.move-hint__text{font-size:clamp(14px,4vw,18px);color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.5)}.move-hint__ok{pointer-events:auto;padding:12px 32px;border:none;border-radius:24px;background:#ffffff8c;color:#1a1a1a;opacity:.9;font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .1s ease}.move-hint__ok:hover{background:#ffffffbf}.move-hint__ok:active{transform:scale(.97)}.move-hint--desktop{pointer-events:none}.move-hint--desktop .move-hint__ok{display:none}.move-hint--hidden{opacity:0;pointer-events:none}.move-hint--hidden .move-hint__ok{pointer-events:none}.loading__progress{width:160px;height:4px;background:#333;border-radius:2px;overflow:hidden}.loading__progress-bar{height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0);transition:transform .2s ease}.joystick{position:fixed;left:0;bottom:0;z-index:5;padding:24px;padding-left:max(24px,env(safe-area-inset-left));padding-bottom:max(24px,env(safe-area-inset-bottom));touch-action:none;pointer-events:none}.joystick__base{width:120px;height:120px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.35);position:relative;display:flex;align-items:center;justify-content:center;pointer-events:auto}.joystick__thumb{width:44px;height:44px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .05s ease-out;pointer-events:none}