@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@400;500;600&display=swap";.virtual-joystick{position:fixed;left:24px;bottom:24px;z-index:998;touch-action:none}.virtual-joystick-base{width:100px;height:100px;border-radius:50%;background:#0f0f23eb;border:2px solid #22d3ee;position:relative;touch-action:none}.virtual-joystick-thumb{width:44px;height:44px;border-radius:50%;background:#22d3ee;box-shadow:0 0 16px #22d3ee80;position:absolute;left:28px;top:28px;pointer-events:none;transition:none}.virtual-fire-button{position:fixed;right:24px;bottom:24px;z-index:998;width:72px;height:72px;min-width:44px;min-height:44px;border-radius:50%;background:#f43f5ed9;border:2px solid #f43f5e;color:#fff;font-family:"Press Start 2P",monospace;font-size:12px;text-transform:uppercase;cursor:pointer;touch-action:none;box-shadow:0 0 20px #f43f5e66;transition:background .15s,box-shadow .15s}.virtual-fire-button:active{background:#e11d48;box-shadow:0 0 32px #f43f5eb3}@media(prefers-reduced-motion:reduce){.virtual-fire-button{transition:none}}.settings-open-button{position:fixed;top:16px;right:16px;width:44px;height:44px;min-width:44px;min-height:44px;background:#0f0f23eb;border:2px solid #22d3ee;border-radius:0;color:#e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:box-shadow .2s,border-color .2s}.settings-open-button[hidden]{display:none}.settings-open-button:hover{border-color:#67e8f9;box-shadow:0 0 20px #22d3ee66}.settings-open-button:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.settings-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f23d9;display:flex;align-items:center;justify-content:center;z-index:1001;font-family:Pixelify Sans,monospace}.settings-screen[hidden]{display:none}.settings-panel{background:#16163a;border:2px solid #22d3ee;border-radius:0;padding:32px;min-width:320px;max-width:90vw;color:#e2e8f0;display:flex;flex-direction:column;gap:16px}.settings-title{font-family:"Press Start 2P",monospace;font-size:16px;color:#22d3ee;margin:0 0 8px;text-transform:uppercase}.settings-label{font-size:14px;color:#a6aad1}.settings-segmented{display:flex;border:2px solid #22d3ee}.settings-segment{flex:1;min-height:44px;background:#16163a;color:#e2e8f0;border:none;border-radius:0;font-family:Pixelify Sans,monospace;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.settings-segment:not(:last-child){border-right:2px solid #22d3ee}.settings-segment--active{background:#22d3ee;color:#0f0f23}.settings-segment:focus-visible{outline:3px solid #67e8f9;outline-offset:-3px}.settings-attribution{font-size:12px;color:#a6aad1}.settings-close-button{align-self:flex-end}@media(prefers-reduced-motion:reduce){.settings-open-button,.settings-segment{transition:none}}.fps-counter{position:fixed;top:16px;left:16px;min-width:44px;padding:4px 8px;background:#0f0f23eb;border:2px solid #22d3ee;border-radius:0;color:#67e8f9;font-family:Pixelify Sans,monospace;font-size:16px;z-index:999;pointer-events:none}.main-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f23;display:flex;align-items:center;justify-content:center;z-index:900;font-family:Pixelify Sans,monospace}.main-menu[hidden]{display:none}.main-menu-panel{background:#16163a;border:2px solid #22d3ee;border-radius:0;padding:32px;min-width:360px;max-width:90vw;color:#e2e8f0;display:flex;flex-direction:column;gap:20px}.main-menu-title{font-family:"Press Start 2P",monospace;font-size:20px;color:#22d3ee;margin:0;text-transform:uppercase;text-align:center}.main-menu-label{font-size:14px;color:#a6aad1}.main-menu-nickname-row{display:flex;flex-direction:column;gap:4px}.main-menu-nickname-input{min-height:44px;padding:8px 12px;background:#0f0f23;border:2px solid #22d3ee;border-radius:0;color:#e2e8f0;font-family:Pixelify Sans,monospace;font-size:14px;caret-color:#f43f5e}.main-menu-nickname-input:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.main-menu-record{display:flex;flex-direction:column;gap:4px}.main-menu-record-value{font-family:"Press Start 2P",monospace;font-size:16px;color:#67e8f9}.main-menu-modes{display:flex;flex-direction:column;gap:8px}.main-menu-mode-button{min-height:44px;padding:8px 16px;background:#16163a;color:#e2e8f0;border:2px solid #22d3ee;border-radius:0;font-family:Pixelify Sans,monospace;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s,box-shadow .2s}.main-menu-mode-button:hover:not(:disabled){box-shadow:0 0 20px #22d3ee66}.main-menu-mode-button:focus-visible{outline:3px solid #67e8f9;outline-offset:-3px}.main-menu-mode-button:disabled{color:#a6aad1;cursor:not-allowed;opacity:.6}.main-menu-badge{font-size:11px;color:#f43f5e;border:1px solid #f43f5e;padding:2px 6px;text-transform:uppercase}.main-menu-footer{display:flex;justify-content:space-between;gap:12px}@media(prefers-reduced-motion:reduce){.main-menu-mode-button{transition:none}}.minimap{position:fixed;bottom:16px;right:16px;width:160px;height:160px;background:#0f0f23eb;border:2px solid #22d3ee;z-index:950}.minimap-grid-line{stroke:#a6aad140;stroke-width:.5}.minimap-dot{fill:#f43f5e}.minimap-dot--own{fill:#22d3ee}.minimap-dot--base{fill:#67e8f9}.minimap-dot--scrap{fill:#facc15}.minimap-dot--portal{fill:#a78bfa}.hud-stats-panel{position:fixed;top:16px;left:16px;padding:8px 12px;background:#0f0f23eb;border:2px solid #22d3ee;color:#e2e8f0;font-family:Pixelify Sans,monospace;font-size:14px;z-index:950;display:flex;flex-direction:column;gap:4px}.hud-stats-row{display:flex;justify-content:space-between;gap:12px}.hud-stats-label{color:#a6aad1}.hud-stats-value{color:#67e8f9}.hud-stats-value--unavailable{color:#a6aad1;font-style:italic}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f23d9;display:flex;align-items:center;justify-content:center;z-index:1100;font-family:Pixelify Sans,monospace}.pause-overlay[hidden]{display:none}.pause-overlay-panel{background:#16163a;border:2px solid #22d3ee;border-radius:0;padding:32px;min-width:280px;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;gap:16px}.pause-overlay-title{font-family:"Press Start 2P",monospace;font-size:18px;color:#22d3ee;margin:0;text-transform:uppercase}.pause-overlay-hint{font-size:12px;color:#a6aad1;text-align:center}.connection-rejected-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f23eb;display:flex;align-items:center;justify-content:center;z-index:1200;font-family:Pixelify Sans,monospace}.connection-rejected-overlay[hidden]{display:none}.connection-rejected-panel{background:#16163a;border:2px solid #f472b6;padding:32px;min-width:280px;max-width:440px;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;gap:16px}.connection-rejected-title{font-family:"Press Start 2P",monospace;font-size:16px;color:#f472b6;margin:0;text-align:center;text-transform:uppercase}.connection-rejected-hint{font-size:12px;color:#a6aad1;text-align:center;line-height:1.5}