*{box-sizing:border-box;margin:0;padding:0}body,#app{background:#1a1a1a;width:100vw;height:100vh;overflow:hidden}canvas{cursor:none;touch-action:none;display:block}body{touch-action:none}#mobile-setup{background:#0a0a0af7;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#mobile-setup-card{text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:8px;flex-direction:column;align-items:center;gap:1.4rem;min-width:280px;padding:2.5rem 3rem;display:flex}#mobile-setup-card h1{color:#0cf;letter-spacing:.1em;text-transform:uppercase;font-family:monospace;font-size:2.2rem}#mobile-setup-card p{color:#aaa;font-family:monospace;font-size:.95rem}.mobile-toggle-row{cursor:pointer;color:#ccc;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;font-family:monospace;font-size:1rem;display:flex}.mobile-toggle{flex-shrink:0;width:56px;height:30px;display:inline-block;position:relative}.mobile-toggle input{opacity:0;width:0;height:0;position:absolute}.mobile-toggle-slider{cursor:pointer;background:#333;border:1px solid #555;border-radius:30px;transition:background .2s;position:absolute;inset:0}.mobile-toggle-slider:before{content:"";background:#888;border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.mobile-toggle input:checked+.mobile-toggle-slider{background:#0cf;border-color:#0cf}.mobile-toggle input:checked+.mobile-toggle-slider:before{background:#000;transform:translate(26px)}#pwa-steps{text-align:left;color:#ccc;counter-reset:pwa-step;flex-direction:column;gap:.9rem;font-family:monospace;font-size:.9rem;list-style:none;display:flex}#pwa-steps li{counter-increment:pwa-step;align-items:baseline;gap:.75rem;display:flex}#pwa-steps li:before{content:counter(pwa-step);color:#0cf;background:#0cf2;border:1px solid #0cf6;border-radius:50%;flex-shrink:0;place-items:center;min-width:1.4rem;height:1.4rem;font-size:.75rem;display:grid}#pwa-steps strong{color:#fff}.pwa-icon{color:#0cf;background:#0cf2;border:1px solid #0cf6;border-radius:4px;padding:0 4px;font-size:.85rem;font-style:normal;display:inline-block}#mobile-controls{z-index:15;pointer-events:none;position:fixed;inset:0}.stick-zone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:50%;width:130px;height:130px;position:absolute;bottom:40px}#mobile-left-zone{left:30px}#mobile-right-zone{right:30px}.stick-knob{pointer-events:none;background:#ffffff47;border:2px solid #ffffff80;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mobile-reload-btn{color:#fff;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffcb3c59;border:2px solid #dfbd2899;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-family:monospace;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:60px;right:200px}@media (width<=900px) and (orientation:portrait) and (pointer:coarse){body:before{content:"Rotate your device";z-index:999;color:#fff;background:#111;justify-content:center;align-items:center;font-family:monospace;font-size:1.5rem;display:flex;position:fixed;inset:0}}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}#ui *{pointer-events:auto}#homescreen{background:#0a0a0aeb;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#hs-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;flex-direction:column;align-items:center;gap:1.2rem;min-width:320px;padding:2.5rem 3rem;display:flex}#hs-card h1{color:#0cf;letter-spacing:.1em;text-transform:uppercase;font-family:monospace;font-size:2.2rem}#hs-online{color:#888;font-family:monospace;font-size:.85rem}#hs-form{flex-direction:column;gap:.75rem;width:100%;display:flex}#hs-name{color:#eee;background:#111;border:1px solid #444;border-radius:4px;outline:none;width:100%;padding:.6rem .8rem;font-family:monospace;font-size:1rem}#hs-name:focus{border-color:#0cf}#hs-btn{color:#000;cursor:pointer;background:#0cf;border:none;border-radius:4px;width:100%;padding:.65rem;font-family:monospace;font-size:1rem;font-weight:700;transition:background .15s}#hs-btn:hover{background:#3df}#hs-status{text-align:center;color:#ccc;font-family:monospace}#hs-status p{margin-bottom:.4rem}.hs-searching{color:#fa0;font-size:1rem}.hs-sub{color:#777;font-size:.85rem}#hs-count{color:#0cf;font-size:1.1rem}#hs-timer-bar{background:#333;border-radius:2px;width:200px;height:4px;margin-top:.5rem;overflow:hidden}#hs-timer-fill{background:#0cf;height:100%;transition:width 1s linear}#game-overlay{z-index:20;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-card{text-align:center;background:#1e1e1e;border:1px solid #444;border-radius:8px;padding:2rem 3rem;font-family:monospace}.overlay-card p{color:#fff;margin-bottom:1.2rem;font-size:1.6rem}#overlay-btn{color:#000;cursor:pointer;background:#0cf;border:none;border-radius:4px;padding:.6rem 1.5rem;font-family:monospace;font-size:1rem;font-weight:700;transition:background .15s}#overlay-btn:hover{background:#3df}#spectator-hud{color:#fff;z-index:100;pointer-events:auto;white-space:nowrap;background:#000000bf;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:14px 24px;font-family:monospace;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#spectator-hud p{color:#aaa;margin:0;font-size:13px}#spectator-hud strong{color:#fff}#spectator-hud .sh-btns{gap:12px;display:flex}#spectator-hud button{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-family:monospace;font-weight:700;transition:background .15s}#sh-find{color:#000;background:#0cf}#sh-find:hover{background:#3df}#sh-home{color:#fff;background:#333}#sh-home:hover{background:#444}.sh-status{padding:4px 0;font-size:14px;color:#fa0!important}.sh-bar-track{background:#ffffff26;border-radius:2px;width:180px;height:4px;overflow:hidden}#sh-bar{background:#0cf;border-radius:2px;height:100%}.mw-dots span{animation:1.4s infinite both mw-dot-fade}.mw-dots span:nth-child(2){animation-delay:.2s}.mw-dots span:nth-child(3){animation-delay:.4s}@keyframes mw-dot-fade{0%,80%,to{opacity:0}40%{opacity:1}}#spectator-hud .hs-searching{color:#fa0;font-size:14px}#spectator-hud .hs-sub{color:#777}#spectator-hud #hs-count{color:#0cf;font-size:1.1rem}#esc-btn{color:#b4b4b48c;letter-spacing:.05em;cursor:pointer;z-index:9999;-webkit-user-select:none;user-select:none;background:0 0;border:1.5px solid #b4b4b466;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:.72rem;font-weight:700;transition:border-color .15s,color .15s;position:fixed;top:50px;right:14px;box-shadow:0 2px #b4b4b42e}#esc-btn:hover{color:#c8c8c8d9;border-color:#b4b4b4b3}#esc-dialog{z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.esc-dialog-card{text-align:center;background:#1e1e1e;border:1px solid #444;border-radius:8px;flex-direction:column;gap:1.2rem;padding:2rem 2.5rem;font-family:monospace;display:flex}.esc-dialog-card p{color:#eee;margin:0;font-size:1.2rem}.esc-dialog-btns{justify-content:center;gap:10px;display:flex}#esc-home-btn{color:#000;cursor:pointer;background:#0cf;border:none;border-radius:4px;padding:.6rem 1.5rem;font-family:monospace;font-size:.95rem;font-weight:700;transition:background .15s}#esc-home-btn:hover{background:#3df}#esc-cancel-btn{color:#ccc;cursor:pointer;background:#333;border:none;border-radius:4px;padding:.6rem 1.5rem;font-family:monospace;font-size:.95rem;font-weight:700;transition:background .15s}#esc-cancel-btn:hover{background:#444}