:root{--sky:#8fb4d9;--hud-fg:#e8f0e8;--hud-bg:#0a0e129e;--accent:#ffb54a}html,body{background:var(--sky);height:100%;color:var(--hud-fg);margin:0;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}canvas{display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#stats{background:var(--hud-bg);white-space:pre;border-radius:4px;padding:6px 8px;position:absolute;top:8px;left:8px}#note{background:var(--hud-bg);border-left:3px solid var(--accent);border-radius:4px;max-width:40ch;padding:6px 8px;position:absolute;top:8px;right:8px}#note:empty{display:none}#loading,#prompt{background:var(--hud-bg);text-align:center;white-space:pre;border-radius:6px;padding:12px 18px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#prompt{pointer-events:auto;cursor:pointer;box-sizing:border-box;white-space:normal;text-align:left;background:#0a0e12bd;border:1px solid #ffffff1a;border-radius:10px;width:min(46em,100vw - 32px);max-height:calc(100vh - 32px);padding:16px 20px 18px;font:clamp(13px,.35vw + 7px,16px)/1.35 system-ui,-apple-system,Segoe UI,sans-serif;overflow-y:auto;box-shadow:0 10px 40px #00000059}.help-title{text-align:center;letter-spacing:.02em;color:#fff;margin-bottom:12px;font-size:1.3em;font-weight:600}.help-grid{grid-template-columns:repeat(auto-fit,minmax(19em,1fr));gap:12px 26px;display:grid}.help-grid section{min-width:0}.help-grid h4{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:.82em;font-weight:600}.help-dev h4{color:#9fb3c8}.help-row{align-items:baseline;gap:8px;padding:2px 0;display:flex}.help-keys{white-space:nowrap;color:#e8f0e8b3;flex:none;min-width:8.2em}.help-text{color:#e8f0e8eb;min-width:0}.help kbd{text-align:center;color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:4px;min-width:1.1em;margin:0 1px;padding:1px 5px;font:600 .85em/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}@media (max-width:520px){#prompt{padding:12px 14px 14px}.help-grid{grid-template-columns:1fr;gap:10px}}#spectator-tag{box-sizing:border-box;white-space:nowrap;color:#fff4dc;background:#10121ab8;border:1px solid #ffd68c73;border-radius:999px;align-items:center;gap:7px;max-width:calc(100vw - 32px);padding:5px 12px 5px 10px;font:600 13px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ffc86e2e}body:has(#net-status:not(.hidden)) #spectator-tag{top:40px}#spectator-tag .st-key{color:#fff4dca6;font-weight:400}#spectator-tag .st-key:before{content:"· "}@media (max-width:420px){#spectator-tag .st-key{display:none}}#stats.fps-only{padding:2px 6px;font-size:11px}#credit{background:var(--hud-bg);opacity:.85;white-space:nowrap;text-align:right;border-radius:3px;padding:2px 4px 2px 6px;font-size:11px;position:absolute;bottom:6px;right:8px}#credit a{color:inherit;pointer-events:auto;text-decoration:none}#credit a:hover{text-decoration:underline}#credit .credit-logo{vertical-align:-1px;height:10px;margin-right:3px}#credit .credit-more{pointer-events:auto;cursor:pointer;width:14px;height:14px;color:inherit;vertical-align:0;opacity:.8;background:0 0;border:1px solid;border-radius:50%;padding:0;font:italic 600 9px/12px Georgia,serif}#credit .credit-more:hover{opacity:1}#credit .credit-panel{background:var(--hud-bg);white-space:nowrap;pointer-events:auto;border-radius:4px;padding:6px 10px;line-height:1.6;position:absolute;bottom:calc(100% + 4px);right:0}#credit .credit-panel.hidden{display:none}#credit .credit-head{margin-bottom:2px;font-weight:600}#credit:empty{display:none}#crosshair{background:var(--hud-fg);opacity:.8;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.hidden{display:none!important}body.settings-open #prompt{display:none}#settings-gear{width:30px;height:30px;color:var(--hud-fg);background:var(--hud-bg);cursor:pointer;z-index:9;border:1px solid #ffffff2e;border-radius:50%;padding:0;font-size:17px;line-height:28px;position:fixed;bottom:8px;left:8px}#settings-gear:hover{background:#282e36e6}#settings{z-index:11;background:#0a0e12e6;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;gap:8px;width:min(460px,100vw - 32px);max-height:calc(100vh - 32px);padding:12px 14px;font:13px/1.45 ui-sans-serif,-apple-system,system-ui,sans-serif;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.set-head{justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.set-body{overflow-y:auto}#settings h3{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin:10px 0 4px;font-size:11px;font-weight:600}.set-row{cursor:default;grid-template-columns:11.5em 1fr 4.5em;align-items:center;gap:8px;padding:4px 0;display:grid}.set-row.set-check{cursor:pointer;grid-template-columns:auto 1fr}.set-row select{grid-column:2/4;justify-self:start}.set-value{text-align:right;opacity:.85;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}#settings input[type=range]{width:100%;accent-color:var(--accent)}#settings input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}#settings select,#settings button{font:inherit;color:var(--hud-fg);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:4px;padding:4px 8px;font-size:12px}#settings button{cursor:pointer}#settings button:hover{background:#fff3}#settings .set-close{padding:0 8px;font-size:16px}.set-status{opacity:.7;min-height:1.4em;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.set-actions{justify-content:space-between;display:flex}#settings .set-done{background:#ffb54a40;border-color:#ffb54a99}@media (max-width:480px){.set-row{grid-template-columns:1fr 4.5em}.set-row .set-name{grid-column:1/3}}#voice-mic-panel{width:min(420px,100vw - 32px);color:var(--hud-fg);z-index:12;background:#0a0e12e6;border:1px solid #ffffff24;border-radius:8px;padding:12px 14px;font:13px/1.45 ui-sans-serif,-apple-system,system-ui,sans-serif;position:fixed;top:16px;left:50%;transform:translate(-50%)}#voice-mic-panel.hidden,#voice-badge.hidden{display:none}#voice-mic-panel .vm-title{font-size:15px;font-weight:600}#voice-mic-panel p{margin:6px 0}#voice-mic-panel .vm-keys{opacity:.75;font-size:12px}#voice-mic-panel .vm-msg:empty{display:none}#voice-mic-panel .vm-msg{color:var(--accent)}#voice-mic-panel .vm-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}#voice-mic-panel button{font:inherit;color:var(--hud-fg);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:4px;padding:5px 12px}#voice-mic-panel button.vm-primary{background:#ffb54a40;border-color:#ffb54a99}#voice-badge{max-width:calc(100vw - 120px);height:30px;color:var(--hud-fg);background:var(--hud-bg);white-space:nowrap;cursor:pointer;z-index:9;border:1px solid #ffffff2e;border-radius:15px;align-items:center;gap:7px;padding:0 10px;font:12px ui-sans-serif,-apple-system,system-ui,sans-serif;display:flex;position:fixed;bottom:8px;left:46px;overflow:hidden}body.chat-open #voice-badge{display:none}#voice-badge .vb-dot{background:#7d8a80;border-radius:50%;flex:none;width:8px;height:8px}#voice-badge[data-state=idle] .vb-dot{background:#6fbf73}#voice-badge[data-state=talk] .vb-dot{background:#6fe07a;box-shadow:0 0 6px #6fe07a}#voice-badge[data-state=muted] .vb-dot{background:#e06060}#voice-badge .vb-meter,.voice-meter{background:#ffffff26;border-radius:2px;flex:none;width:36px;height:4px;position:relative;overflow:hidden}#voice-badge .vb-meter>span,.voice-meter>span{transform-origin:0;background:#6fe07a;position:absolute;inset:0;transform:scaleX(0)}#voice-badge[data-state=off] .vb-meter,#voice-badge[data-state=listen] .vb-meter{display:none}#voice-badge .vb-who{text-overflow:ellipsis;color:#9fe8a5;overflow:hidden}#voice-badge .vb-who:not(:empty):before{content:"speaking: ";color:var(--hud-fg);opacity:.6}.voice-section .voice-mic-row{grid-template-columns:11.5em 1fr auto}.voice-section .voice-meter{width:100%;height:6px}.voice-section .voice-mic-state{opacity:.8;text-overflow:ellipsis;white-space:nowrap;max-width:14em;font-size:11px;overflow:hidden}.voice-section.voice-off .set-row:not(.set-check),.voice-section.voice-off .voice-nearby-head,.voice-section.voice-off .voice-nearby{opacity:.45}.voice-nearby-head{opacity:.7;margin-top:6px;font-size:12px}.voice-nearby{max-height:9.5em;overflow-y:auto}.vn-row{grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:2px 0;display:grid}.vn-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.vn-row.speaking .vn-dot{background:#6fe07a;box-shadow:0 0 5px #6fe07a}.vn-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vn-dist{opacity:.7;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}#settings .vn-row button{padding:1px 8px;font-size:11px}#settings .vn-row button.on{background:#e060604d;border-color:#e0606099}.vn-empty{opacity:.55;padding:2px 0;font-size:12px}#picker{z-index:30;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--hud-fg);background:radial-gradient(at 50% 35%,#141a208c,#080a0cd9);justify-content:center;align-items:center;padding:16px;font:13px/1.45 ui-sans-serif,-apple-system,system-ui,sans-serif;display:flex;position:fixed;inset:0}#picker.hidden,body.picker-open #prompt,body.picker-open #settings-gear{display:none}.pk-card{box-sizing:border-box;background:#0a0e12e6;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:12px;width:min(880px,100%);max-height:100%;padding:18px 20px;display:flex;overflow-y:auto}.pk-card h1{margin:0;font-size:20px;font-weight:600}.pk-sub{opacity:.7;margin:-6px 0 0}.pk-name{align-items:center;gap:10px;display:flex}.pk-name span{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:600}.pk-name input{max-width:320px;font:inherit;color:var(--hud-fg);background:#ffffff14;border:1px solid #ffffff38;border-radius:5px;flex:1;padding:6px 9px;font-size:15px}.pk-main{grid-template-columns:minmax(220px,300px) 1fr;gap:14px;min-height:0;display:grid}.pk-stage{background:linear-gradient(#8fb4d938,#46403840);border-radius:8px;min-height:340px;position:relative;overflow:hidden}.pk-stage canvas{width:100%;height:100%;position:absolute;inset:0}.pk-caption{text-shadow:0 1px 2px #000000b3;flex-direction:column;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.pk-caption strong{font-size:16px}.pk-caption span{opacity:.8}.pk-arrow{width:32px;height:32px;color:var(--hud-fg);cursor:pointer;background:#0a0e128c;border:1px solid #fff3;border-radius:50%;padding:0;font-size:20px;line-height:28px;position:absolute;top:45%}.pk-prev{left:8px}.pk-next{right:8px}.pk-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:8px;display:grid}.pk-skin{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.pk-skin:hover{background:#ffffff1f}.pk-skin[aria-selected=true]{background:#ffb54a29;border-color:#ffb54ae6}.pk-skin:focus-visible,.pk-card button:focus-visible,.pk-name input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pk-thumb{background:#8fb4d940 50%/cover no-repeat;border-radius:50%;width:72px;height:72px}.pk-error{color:#ffb3a6;margin:-6px 0 0;font-size:13px}.pk-error.hidden{display:none}.pk-none{opacity:.75}.pk-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.pk-keys{opacity:.6;font-size:11px}.pk-start{font:inherit;color:#1a1206;background:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:8px 28px;font-size:15px;font-weight:600}.pk-start:hover{filter:brightness(1.08)}@media (max-width:640px){.pk-card{padding:14px}.pk-main{grid-template-columns:1fr}.pk-stage{min-height:240px}.pk-grid{grid-template-columns:repeat(4,1fr)}.pk-thumb{width:56px;height:56px}.pk-keys{display:none}.pk-start{flex:1}}#nametags{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.nametag{white-space:nowrap;transform-origin:50% 100%;color:#f4f6f2;text-shadow:0 1px 2px #0009;will-change:transform, opacity;background:#0a0e1280;border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font:600 13px/1.3 ui-sans-serif,-apple-system,system-ui,sans-serif;display:flex;position:absolute;top:0;left:0}.nt-speak{background:#7ddc8a;border-radius:50%;width:8px;height:8px;display:none;box-shadow:0 0 6px #7ddc8a}.nametag.speaking .nt-speak{animation:.6s ease-in-out infinite alternate nt-pulse;display:inline-block}@keyframes nt-pulse{0%{transform:scale(.75)}to{transform:scale(1.15)}}#net-status{background:var(--hud-bg);border-left:3px solid var(--accent);z-index:5;pointer-events:none;border-radius:4px;padding:4px 10px;position:fixed;top:8px;left:50%;transform:translate(-50%)}#net-status.hidden{display:none}#settings .mp-row{grid-template-columns:1fr auto}#map-screen{z-index:20;color:var(--hud-fg);-webkit-user-select:none;user-select:none;background:#121619;outline:none;font:13px/1.45 ui-sans-serif,-apple-system,system-ui,sans-serif;position:fixed;inset:0}#map-screen.hidden{display:none}#map-screen .map-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}#map-screen .map-canvas:active{cursor:grabbing}#map-screen .map-head{pointer-events:none;background:#0a0e12d1;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex;position:absolute;top:10px;left:12px;right:12px}#map-screen .map-head>*{pointer-events:auto}#map-screen .map-title{letter-spacing:.02em;font-size:15px;font-weight:600}#map-screen .map-count{color:#ffd08a;background:#ffb54a2e;border-radius:10px;padding:1px 8px;font-size:12px}#map-screen .map-help{opacity:.6;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}#map-screen button{font:inherit;color:var(--hud-fg);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px}#map-screen button:hover:not(:disabled){background:#ffffff29}#map-screen .map-close{width:30px;height:28px;padding:0}#map-screen .map-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:64px;right:12px}#map-screen .map-zoom button{background:#0a0e12d1;width:32px;height:32px;padding:0;font-size:17px}#map-screen .map-credit{opacity:.6;pointer-events:none;font-size:11px;position:absolute;bottom:6px;right:10px}#map-screen .map-card{box-sizing:border-box;background:#0a0e12eb;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;gap:10px;width:min(300px,100vw - 24px);padding:12px;display:flex;position:absolute;bottom:30px;right:12px;box-shadow:0 8px 28px #00000073}#map-screen .map-card.hidden{display:none}#map-screen .mc-x{background:0 0;border-color:#0000;width:24px;height:24px;padding:0;font-size:12px;position:absolute;top:6px;right:6px}#map-screen .mc-top{align-items:center;gap:12px;display:flex}#map-screen .mc-portrait,.inv-portrait{width:64px;height:64px;box-shadow:0 0 0 2px var(--c,#888), inset 0 0 0 1px #0000004d;background:radial-gradient(circle at 50% 35%,#ffffff1f,#ffffff08) 50% 20%/140% no-repeat;border-radius:50%;flex:none}#map-screen .mc-who{flex-direction:column;min-width:0;display:flex}#map-screen .mc-name{text-overflow:ellipsis;white-space:nowrap;padding-right:20px;font-size:16px;overflow:hidden}#map-screen .mc-dist{opacity:.7;font-size:12px}#map-screen .mc-invite{color:#1a1206;background:var(--accent);border:none;padding:8px 12px;font-weight:600}#map-screen .mc-invite:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}#map-screen .mc-invite:disabled{opacity:.45;cursor:default}#map-screen .mc-state{min-height:1em;font-size:12px}#map-screen .mc-state:empty{display:none}#map-screen .mc-state[data-cls=ok]{color:#8fe09a}#map-screen .mc-state[data-cls=no]{color:#ffb3a0}#map-button{width:30px;height:30px;color:var(--hud-fg);background:var(--hud-bg);cursor:pointer;z-index:9;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:46px;left:8px}#map-button:hover{background:#282e36e6}body.picker-open #map-button,body.map-open #map-button{display:none}@media (max-width:640px){#map-screen .map-help{display:none}#map-screen .map-card{width:auto;left:12px;right:12px}}#invites{z-index:26;pointer-events:none;width:min(340px,100vw - 24px);color:var(--hud-fg);flex-direction:column;gap:8px;font:13px/1.4 ui-sans-serif,-apple-system,system-ui,sans-serif;display:flex;position:fixed;top:44px;right:12px}#invites>*{pointer-events:auto}.inv-pop{background:#0a0e12eb;border:1px solid #ffb54a8c;border-radius:10px;align-items:center;gap:12px;padding:12px 12px 14px;animation:.22s ease-out inv-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000073}.inv-pop.gone,.inv-note.gone{opacity:0;transition:opacity .18s,transform .18s;transform:translate(16px)}@keyframes inv-in{0%{opacity:0;transform:translate(24px)}}.inv-pop .inv-portrait{width:56px;height:56px}.inv-body{flex-direction:column;gap:8px;min-width:0;display:flex}.inv-text strong{color:#ffd08a;font-size:14px}.inv-actions{align-items:center;gap:6px;display:flex}.inv-actions button{font:inherit;cursor:pointer;color:var(--hud-fg);background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:5px 10px;font-weight:600}.inv-actions button.inv-yes{color:#1a1206;background:var(--accent);border-color:#0000}.inv-actions button:hover:not(:disabled){filter:brightness(1.1)}.inv-actions button:disabled{opacity:.5;cursor:default}.inv-actions kbd{text-align:center;background:#00000038;border:1px solid #0003;border-radius:3px;min-width:1.2em;margin-left:4px;padding:0 3px;font:600 10px/1.5 ui-monospace,monospace;display:inline-block}.inv-actions .inv-no kbd{background:#ffffff14;border-color:#ffffff26}.inv-secs{opacity:.65;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.inv-bar{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.inv-bar>span{background:var(--accent);transform-origin:0;position:absolute;inset:0}.inv-pop.accepting .inv-bar,.inv-pop.accepting .inv-secs{display:none}.inv-note{background:#0a0e12e6;border-left:3px solid #ffb3a0;border-radius:6px;padding:8px 12px}.inv-note.ok{border-left-color:#8fe09a}body.picker-open #invites{display:none}#teleport-fade{opacity:0;pointer-events:none;z-index:24;background:#07090b;transition:opacity .25s;position:fixed;inset:0}#teleport-fade.on{opacity:1;pointer-events:auto}