*{box-sizing:border-box}html,body{color:#eef1f6;touch-action:manipulation;overscroll-behavior:none;background:#0b0e14;height:100%;margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body.touch .desktop-only,body:not(.touch) .touch-only,body:not(.touch) #touchControls{display:none}#app,#app canvas{width:100%;height:100%;display:block}#hud{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));z-index:6;pointer-events:none;text-shadow:0 1px 3px #0000008c;justify-content:space-between;align-items:flex-start;display:flex;position:fixed}.zone{letter-spacing:.01em;font-size:17px;font-weight:650}.readout{font-variant-numeric:tabular-nums;opacity:.82;align-items:center;gap:14px;font-size:12px;display:flex}.readout b{font-weight:650}.readout .pos{opacity:.7}.readout .np{opacity:.9;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-style:italic;overflow:hidden}#muteBtn{pointer-events:auto;color:#eef1f6;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:5px;padding:2px 8px;font-size:11px}#muteBtn[hidden]{display:none}.status{opacity:.85;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.status .sep{opacity:.4}.dot{background:#7e8898;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #0000004d}.dot.ok{background:#5ac97f}.dot.bad{background:#e0614f}#join{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0a0e16b8;place-items:center;display:grid;position:fixed;inset:0}#join[hidden]{display:none}#join .card{max-width:390px;max-height:92vh;padding:22px 26px;overflow-y:auto}#joinForm{gap:10px;display:grid}#joinForm label{gap:5px;display:grid}#joinForm label span{color:#97a0b2;font-size:12px}#joinForm input{color:#eef1f6;font:inherit;background:#10131a;border:1px solid #333b48;border-radius:7px;width:100%;padding:9px 11px}#joinForm input:focus{border-color:#6aa4f5;outline:none}#joinForm .field{gap:5px;display:grid}#joinForm .field-label{color:#97a0b2;font-size:12px}.maps{gap:6px;display:grid}.map{cursor:pointer;background:#10131a;border:1px solid #333b48;border-radius:7px;grid-template-columns:auto 1fr;grid-template-areas:"dot name""dot tag";align-items:baseline;gap:0 9px;padding:7px 11px;display:grid}.map:hover{border-color:#46536a}.map:has(input:checked){background:#141c2a;border-color:#6aa4f5}.map:has(input:focus-visible){outline-offset:2px;outline:2px solid #6aa4f5}.map input{accent-color:#6aa4f5;grid-area:dot;align-self:center;width:13px;height:13px;margin:0}.map-name{grid-area:name;font-size:13px;font-weight:650}.map-tag{color:#8a93a5;grid-area:tag;font-size:11.5px;line-height:1.35}#joinForm button{color:#0b0e14;font:inherit;cursor:pointer;background:#6aa4f5;border:0;border-radius:7px;margin-top:4px;padding:10px 16px;font-weight:650}#joinForm button:disabled{opacity:.5;cursor:default}#crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}#prompt{letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#0c1018b8;border:1px solid #ffffff24;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600;position:fixed;top:calc(50% + 26px);left:50%;transform:translate(-50%)}#prompt[hidden]{display:none}#notice{left:50%;bottom:calc(64px + env(safe-area-inset-bottom));pointer-events:none;background:#0c1018cc;border:1px solid #ffffff1f;border-radius:20px;padding:7px 16px;font-size:13px;animation:.18s ease-out rise;position:fixed;transform:translate(-50%)}#notice[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}#hint{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#0a0e168c;place-items:center;display:grid;position:fixed;inset:0}#hint[hidden]{display:none}.card{background:#141821f0;border:1px solid #ffffff1a;border-radius:12px;max-width:340px;padding:26px 30px;box-shadow:0 20px 60px #00000073}.card h1{margin:0 0 6px;font-size:20px}.card p{color:#a8b0bf;margin:0 0 14px}.card ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.card li{color:#cfd5e0;align-items:center;gap:7px;font-size:13px;display:flex}.card .note{color:#79839a;margin:16px 0 0;font-size:12px}kbd{text-align:center;color:#e6e9ef;background:#2b313d;border:1px solid #3b4351;border-bottom-width:2px;border-radius:5px;min-width:22px;padding:2px 6px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}#touchLook{z-index:2;touch-action:none;position:fixed;inset:0}#joyZone{left:calc(20px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:4;touch-action:none;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;width:116px;height:116px;position:fixed}#joyStick{pointer-events:none;background:#ffffff47;border:1px solid #fff6;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}#touchRight{right:calc(16px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.tbtn{pointer-events:auto;color:#eef1f6;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:44px;height:44px;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;display:grid}.tbtn.active{background:#6aa4f573;border-color:#6aa4f5}.tbtn.big{width:60px;height:60px;font-size:12px}.tbtn.use{background:#6aa4f559;border-color:#6aa4f5}.tbtn.use[hidden]{display:none}.tbtn-row{gap:10px;display:flex}#emoteBar{right:calc(16px + env(safe-area-inset-right));bottom:calc(166px + env(safe-area-inset-bottom));z-index:4;flex-direction:column;gap:8px;display:flex;position:fixed}#emoteBar[hidden]{display:none}.ebtn{pointer-events:auto;color:#eef1f6;-webkit-tap-highlight-color:transparent;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;display:grid}