*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;color:#f4f7ff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0b1020;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud .hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.01em;background:#080c188c;border:1px solid #ffffff1f;border-radius:10px;max-width:min(420px,100vw - 32px);padding:12px 14px;font-size:13px;line-height:1.45;position:absolute;bottom:16px;left:16px}#hud .hint kbd{text-align:center;background:#ffffff14;border:1px solid #ffffff38;border-radius:4px;min-width:1.4em;margin:0 2px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-block}#hud .stats{z-index:20;opacity:.75;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:12px;right:14px}#hud .coins{pointer-events:none;z-index:20;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#ffe28a;text-shadow:0 1px 2px #00000073;background:#080c1880;border:1px solid #ffd25059;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:600;position:absolute;top:34px;right:14px}#hud .asset-dl{pointer-events:none;z-index:25;left:50%;bottom:max(18px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#080c189e;border:1px solid #ffffff1f;border-radius:10px;min-width:140px;max-width:min(240px,100vw - 32px);padding:7px 12px 8px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,8px)}#hud .asset-dl.visible{opacity:1;transform:translate(-50%)}#hud .asset-dl-label{letter-spacing:.02em;opacity:.85;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-bottom:5px;font-size:11px;display:block;overflow:hidden}#hud .asset-dl-track{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}#hud .asset-dl-bar{border-radius:inherit;background:linear-gradient(90deg,#7eb6ff,#b8d4ff);width:0%;height:100%;transition:width .12s linear;display:block}#hud.hud-touch .asset-dl{bottom:max(96px, calc(env(safe-area-inset-bottom,0px) + 88px))}#hud .cam-toggle{pointer-events:auto;z-index:30;top:max(12px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#080c188c;border:1px solid #fff3;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute}#hud .cam-toggle:active{transform:scale(.98)}#hud.hud-touch .cam-toggle{display:none}#hud .voice-bar{pointer-events:auto;z-index:30;top:max(12px, env(safe-area-inset-top,0px));right:max(72px, env(safe-area-inset-right,0px));gap:6px;display:flex;position:absolute}#hud .voice-btn{color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#080c188c;border:1px solid #fff3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}#hud .voice-btn.voice-on{color:#c8f5d4;background:#1e50328c;border-color:#78dca08c}#hud .voice-btn.voice-deaf{color:#ffc8c8;background:#501e1e8c;border-color:#f0787880}#hud.hud-touch .voice-bar{right:max(14px, env(safe-area-inset-right,0px))}#hud.hud-touch .voice-bar #micBtn,#hud.hud-touch .voice-bar #faceCamBtn{display:none}#hud .action-btn.action-mic.voice-on,#hud .action-btn.action-face.voice-on{color:#c8f5d4;background:#1e50328c;border-color:#78dca08c}#hud .action-btn.action-face{align-self:flex-end;width:56px;height:56px;margin-right:4px;font-size:11px}#hud.mp-collapsed .mp-panel .mp-body{display:none}#hud .mp-toggle{pointer-events:auto;color:inherit;font:inherit;letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;font-weight:600}#hud .mp-panel{pointer-events:auto;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c189e;border:1px solid #ffffff24;border-radius:12px;width:min(260px,100vw - 24px);padding:10px 12px;font-size:12px;line-height:1.35;position:absolute;top:52px;left:12px}#hud .mp-body{margin-top:8px}#hud .mp-status{margin-top:6px}#hud.mp-collapsed .mp-panel{width:auto;max-width:min(280px,100vw - 24px)}#hud .mp-tag{opacity:.8;border:1px solid #b4c8dc59;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}#hud .mp-leave,#hud.mp-in-room .mp-enter{display:none}#hud.mp-in-room .mp-leave{display:inline-flex}#hud .mp-row{gap:6px;margin-bottom:6px;display:flex}#hud .mp-btn{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;flex:1;padding:6px 8px;font-size:12px}#hud .mp-btn:hover{background:#ffffff24}#hud .mp-input.mp-name,#hud .mp-input.mp-char{text-transform:none;letter-spacing:.01em;flex:1}#hud .mp-input.mp-char{cursor:pointer;appearance:auto}#hud .mp-input{color:inherit;letter-spacing:.12em;text-transform:uppercase;background:#00000040;border:1px solid #ffffff2e;border-radius:8px;flex:1.2;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}#hud.hud-touch .mp-input,#hud.hud-touch .chat-input{letter-spacing:.02em;font-size:16px}#hud .mp-status{opacity:.8;word-break:break-word;font-size:11px}#hud .mp-status code{opacity:.9;font-size:10px}#hud .mp-rooms-head{opacity:.85;letter-spacing:.02em;justify-content:space-between;align-items:center;margin:4px 0;font-size:11px;display:flex}#hud .mp-refresh{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;width:26px;height:22px;padding:0;line-height:1}#hud .mp-refresh:hover{background:#ffffff1f}#hud .mp-rooms{flex-direction:column;gap:4px;max-height:132px;margin-bottom:8px;display:flex;overflow-y:auto}#hud.mp-in-room .mp-rooms-head,#hud.mp-in-room .mp-rooms{display:none}#hud .mp-rooms-empty{opacity:.65;padding:6px 2px;font-size:11px}#hud .mp-room{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}#hud .mp-room:hover:not(:disabled){background:#ffffff1f}#hud .mp-room.full,#hud .mp-room:disabled{opacity:.45;cursor:not-allowed}#hud .mp-room-code{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}#hud .mp-room-count{opacity:.85;white-space:nowrap;font-size:11px}#hud .chat{pointer-events:auto;z-index:20;flex-direction:column;gap:6px;width:min(340px,100vw - 24px);display:flex;position:absolute;bottom:88px;left:12px}#hud.hud-touch .chat{width:min(210px,42vw - 8px);bottom:168px}#hud .chat-log{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c188c;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:4px;min-height:0;max-height:140px;padding:8px 10px;font-size:12px;line-height:1.35;display:flex;overflow-y:auto}#hud .chat-log:empty{display:none}#hud.hud-touch .chat-log{max-height:100px}#hud .chat-line{word-break:break-word;opacity:.92}#hud .chat-line.self .chat-who{color:#9ec5ff}#hud .chat-line.system{opacity:.78;color:#a8b4c8;font-style:italic}#hud .chat-line.system .chat-who{display:none}#hud .chat-who{color:#d7e7ff;font-weight:600}#hud .chat-form{gap:6px;display:flex}#hud .chat-input{min-width:0;color:inherit;background:#080c188c;border:1px solid #ffffff2e;border-radius:8px;flex:1;padding:7px 10px;font-family:inherit;font-size:13px}#hud .chat-input::placeholder{color:#f4f7ff73}#hud .chat-send{color:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;flex-shrink:0;padding:7px 10px;font-size:12px}#hud .chat-send:active{transform:scale(.98)}#hud .touch-layer{pointer-events:none;z-index:1;position:absolute;inset:0}#hud .stick-base,#hud .look-pad,#hud .action-btns,#hud.hud-touch .hint{display:none}#hud.hud-touch .look-pad,#hud.hud-touch .stick-base{display:block}#hud.hud-touch .action-btns{display:flex}#hud .look-pad{pointer-events:auto;z-index:0;touch-action:none;position:absolute;inset:0}#hud .stick-base{pointer-events:auto;z-index:2;touch-action:none;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;width:148px;height:148px;position:absolute;bottom:24px;left:20px}#hud .stick-ring{pointer-events:none;border:1px dashed #ffffff38;border-radius:50%;position:absolute;inset:22px}#hud .stick-base.sprinting{background:#7eb6ff1f;border-color:#9ec5ff8c;box-shadow:0 0 0 1px #7eb6ff33}#hud .stick-base.sprinting .stick-ring{border-style:solid;border-color:#9ec5ff8c}#hud .stick-knob{pointer-events:none;background:#ffffff4d;border:1px solid #fff6;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;transform:translate(0)}#hud .stick-base.sprinting .stick-knob{background:#9ec5ff8c;border-color:#d2e6ffb3}#hud .action-btns{pointer-events:auto;z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:28px;right:22px}#hud .zoom-btns{flex-direction:column;align-self:flex-end;gap:6px;margin-right:4px;display:none}#hud.hud-touch .zoom-btns{display:flex}#hud .action-btn.action-zoom{background:#080c189e;border-color:#9ec5ff59;width:44px;height:44px;font-size:22px;font-weight:700;line-height:1}#hud .action-btn{width:64px;height:64px;color:inherit;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#080c188c;border:1px solid #ffffff38;border-radius:50%;font-size:12px;font-weight:600}#hud .action-btn.action-cam{background:#080c189e;border-color:#9ec5ff59;align-self:flex-end;width:56px;height:56px;margin-right:4px;font-size:11px}#hud .action-btn:active{background:#7eb6ff47;transform:scale(.96)}#hud .loading{pointer-events:auto;background:radial-gradient(#1a2744 0%,#070b16 70%);place-items:center;display:grid;position:absolute;inset:0}#hud .loading-card{text-align:center;padding:28px 36px}#hud .loading-card h1{letter-spacing:.04em;margin-bottom:8px;font-size:clamp(2rem,6vw,3.4rem);font-weight:600}#hud .loading-card p{opacity:.7;font-size:14px}#hud .loading-bar{background:#ffffff1f;border-radius:999px;width:min(260px,70vw);height:3px;margin:22px auto 0;overflow:hidden}#hud .loading-bar>span{background:linear-gradient(90deg,#7eb6ff,#d7e7ff);width:0%;height:100%;transition:width .2s;display:block}