:root{color-scheme:dark;background:radial-gradient(circle at 30% 30%,#17335f,#0a1226 55%,#040813);color:#f5f8ff;font-family:DM Mono,SFMono-Regular,ui-monospace,monospace;--sai-top: env(safe-area-inset-top, 0px);--sai-right: env(safe-area-inset-right, 0px);--sai-bottom: env(safe-area-inset-bottom, 0px);--sai-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:#070d1f;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{position:fixed;top:0;right:0;bottom:0;left:0;top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left)}@media (display-mode: standalone),(display-mode: fullscreen){#app{top:0;right:0;bottom:0;left:0}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;padding:16px;gap:12px;color:#eaf1ff;text-shadow:0 0 20px rgba(152,203,255,.65)}.hud .pane{background:#101b30d1;border:1px solid rgba(170,213,255,.65);border-radius:10px;padding:12px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 38px #0009}.hud h1{margin:0 0 6px;font-size:18px;letter-spacing:.03em;color:#fff}.hud p{margin:2px 0;font-size:13px;line-height:1.35}.hud-logo{position:absolute;top:12px;left:50%;transform:translate(-50%);height:24px;width:auto;opacity:.6;mix-blend-mode:screen}.round-timer{position:absolute;top:42px;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;letter-spacing:.1em;color:#c8dcffe6;text-shadow:0 0 10px rgba(100,180,255,.5)}.round-timer.timer-warning{color:#f90;animation:timer-pulse 1s ease-in-out infinite}.round-timer.round-ending{color:#f44;font-size:16px}.domination-status{text-align:center;font-size:14px;font-weight:700;letter-spacing:.1em;margin-top:6px;padding:4px 8px;border-radius:4px;animation:domination-pulse .8s ease-in-out infinite}.domination-friendly{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);background:#00ff8814}.domination-enemy{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5);background:#ff444414}@keyframes domination-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.sector-conquest-hud{position:absolute;top:42px;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center}.zone-grid{display:flex;gap:4px;justify-content:center}.zone-cell{width:28px;height:24px;border:1.5px solid rgba(100,150,200,.25);border-radius:3px;background:#28283c80;display:flex;align-items:center;justify-content:center;transition:border-color .4s,background .4s;overflow:hidden;padding:2px}.zone-dots{display:flex;flex-wrap:wrap;gap:1.5px;justify-content:center;align-items:center}.dot{display:inline-block;width:4px;height:4px;border-radius:50%}.dot-my{background:#0f8;box-shadow:0 0 3px #00ff8880}.dot-enemy{background:#f44;box-shadow:0 0 3px #ff444480}.sector-control-label{color:#b4c8dc99;font-size:9px;letter-spacing:.15em;margin-top:3px}.rank-notification{position:absolute;z-index:100;top:70px;left:50%;transform:translate(-50%);text-align:center;padding:12px 24px;background:#002814d9;border:2px solid rgba(100,255,150,.6);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.rank-notification-show{opacity:1}.rank-notification-hide{opacity:0}.rank-notification-title{font-size:20px;font-weight:700;color:#4f8;letter-spacing:.15em;text-shadow:0 0 15px rgba(68,255,136,.7);margin-bottom:4px}.rank-notification-unlocks{font-size:14px;color:#96ffc8e6;letter-spacing:.1em}.respawn-overlay{position:absolute;z-index:150;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;pointer-events:none}.respawn-overlay-title{font-size:36px;font-weight:700;color:#f44;letter-spacing:.2em;text-shadow:0 0 20px rgba(255,68,68,.8);margin-bottom:16px}.respawn-overlay-countdown{font-size:72px;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.6);line-height:1;margin-bottom:8px}.respawn-overlay-label{font-size:16px;color:#c8c8c8cc;letter-spacing:.15em;text-transform:uppercase}@media (max-width: 700px){.respawn-overlay-title{font-size:24px}.respawn-overlay-countdown{font-size:48px}.respawn-overlay-label{font-size:12px}}.team-stats{position:absolute;top:12px;left:16px;font-size:14px;padding:8px 12px!important;white-space:nowrap}@media (max-width: 768px),(pointer: coarse){.hud{padding:8px;gap:6px}.hud .pane{padding:6px 8px;border-radius:6px;transform:scale(.65);transform-origin:top right}.hud h1{font-size:12px;margin:0 0 3px}.hud p{font-size:9px;margin:1px 0;line-height:1.2}.hud-logo{height:16px;top:6px}}.main-menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;gap:24px;overflow:hidden}.splash-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat}.splash-current{z-index:1}.splash-next{z-index:2;opacity:0}.splash-next.splash-fade-in{animation:splashFadeIn 1.5s ease-in-out forwards}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.main-menu:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#0a142899,#050a14bf 55%,#02050ad9);pointer-events:none;z-index:-1}.menu-logo{position:relative;z-index:1;max-width:500px;width:80%;height:auto;margin:0 0 40px;mix-blend-mode:screen;pointer-events:none}.menu-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:16px}.main-menu .menu-buttons{display:flex;flex-direction:column;gap:16px}.main-menu .menu-buttons-row{display:flex;gap:16px}.main-menu .menu-buttons-row button{flex:1;padding-left:0;padding-right:0}.main-menu button{position:relative;font-family:inherit;font-size:24px;letter-spacing:.1em;padding:16px 64px;background:#101b3080;border:2px solid rgba(170,213,255,.5);border-radius:8px;color:#eaf1ff;cursor:pointer;transition:all .2s ease}.main-menu button:hover{background:#1e3250a6;border-color:#c8e6ffcc;transform:scale(1.02)}.main-menu button:active{transform:scale(.98)}.menu-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;letter-spacing:.1em;padding:4px 10px;border-radius:5px;background:linear-gradient(135deg,#0c6,#0f8);color:#041a0f;line-height:1.3;animation:badge-pulse 2s ease-in-out infinite;white-space:nowrap}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.demo-notice{position:relative;z-index:1;text-align:center;color:#aac8ffb3;font-size:14px;line-height:1.5;padding:0 20px;pointer-events:none}.demo-notice p{margin:0}.demo-highlight{color:#64ff96e6;font-weight:700}.steam-wishlist-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0;padding:10px 16px;background:linear-gradient(135deg,#0c6,#0f8);border:none;border-radius:6px;color:#041a0f;text-decoration:none;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.1em;transition:all .2s ease;box-sizing:border-box}.steam-wishlist-link:hover{background:linear-gradient(135deg,#0d7,#3fa);transform:scale(1.02);color:#041a0f}.steam-icon{height:14px;width:auto;opacity:.85}.main-menu .version{position:absolute;z-index:1;bottom:15px;left:20px;font-size:12px;color:#aac8ff40}.discord-link{display:flex;align-items:center;justify-content:center;gap:8px;min-width:240px;padding:10px 16px;background:#5865f24d;border:1px solid rgba(88,101,242,.6);border-radius:8px;color:#c8d2ffe6;text-decoration:none;font-size:14px;transition:all .2s ease;z-index:1;margin-bottom:20px}.discord-link:hover{background:#5865f280;border-color:#5865f2e6;color:#fff}.discord-icon{width:20px;height:auto}.main-menu .discord-link{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:.1em;padding:10px 16px;margin-bottom:0}.main-menu button.selected,.quit-confirm button.selected{background:#3c64a0b3;border-color:#c8e6ff}.steam-wishlist-link.selected{background:linear-gradient(135deg,#0d7,#3fa);outline:2px solid rgba(200,230,255,1)}.discord-link.selected{background:#5865f280;border-color:#c8e6ff;color:#fff}.quit-confirm{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#000000b3;z-index:1001}.quit-confirm-box{background:#101b30d9;border:2px solid rgba(170,213,255,.5);border-radius:12px;padding:32px 48px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quit-confirm-box p{font-size:24px;color:#eaf1ff;margin:0 0 24px;text-shadow:0 0 20px rgba(152,203,255,.5)}.confirm-buttons{display:flex;gap:20px;justify-content:center}.confirm-buttons button{font-family:inherit;font-size:20px;letter-spacing:.1em;padding:12px 40px;background:#101b3099;border:2px solid rgba(170,213,255,.5);border-radius:8px;color:#eaf1ff;cursor:pointer;transition:all .2s ease}.confirm-buttons button:hover{background:#1e3250bf;border-color:#c8e6ffcc}.confirm-help-btn{font-family:inherit;font-size:16px;letter-spacing:.1em;padding:8px 24px;margin-top:16px;background:#101b3066;border:1px solid rgba(170,213,255,.3);border-radius:6px;color:#aad5ffcc;cursor:pointer;transition:all .2s ease}.confirm-help-btn:hover,.confirm-help-btn.selected{background:#1e325099;border-color:#c8e6ff99;color:#eaf1ff}.confirm-commentary-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.confirm-commentary-row.is-disabled{opacity:.6}.confirm-commentary-row.is-paused .confirm-commentary-label{color:#ffd08ceb}.confirm-commentary-label{font-size:11px;letter-spacing:.12em;color:#aad5ff8c}.confirm-commentary-switch{width:38px;height:18px;border-radius:9px;background:#000a19cc;border:1px solid rgba(100,180,255,.2);position:relative;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.confirm-commentary-switch.is-disabled{cursor:not-allowed;opacity:.65}.confirm-commentary-switch.on{background:#00b46459;border-color:#00ff8880;box-shadow:0 0 8px #0f83}.confirm-commentary-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#8caad280;transition:left .2s ease,background .25s ease}.confirm-commentary-switch.on .confirm-commentary-knob{left:20px;background:#00ff88e6}.confirm-commentary-row.selected .confirm-commentary-label{color:#c8e6ffe6}.confirm-commentary-row.selected .confirm-commentary-switch{border-color:#c8e6ff99;box-shadow:0 0 6px #aad5ff4d}.confirm-commentary-row.is-paused .confirm-commentary-switch{border-color:#ffbe5ab3;box-shadow:0 0 10px #ffbe5a2e}.confirm-commentary-hint{display:none;max-width:320px;margin:8px auto 0;font-size:11px;line-height:1.4;color:#ffdfb0eb;text-align:center}.confirm-commentary-hint.visible{display:block}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#000000d9;z-index:1002}.help-modal-box{background:#101b30f2;border:2px solid rgba(170,213,255,.5);border-radius:12px;padding:24px 32px;max-width:600px;max-height:80vh;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-modal-title{font-size:28px;color:#eaf1ff;text-align:center;margin:0 0 16px;text-shadow:0 0 20px rgba(152,203,255,.5);letter-spacing:.15em}.help-modal-content{overflow-y:auto;flex:1;padding-right:12px;color:#c8dcffe6;font-size:14px;line-height:1.6}.help-modal-content::-webkit-scrollbar{width:6px}.help-modal-content::-webkit-scrollbar-track{background:#101b3080;border-radius:3px}.help-modal-content::-webkit-scrollbar-thumb{background:#aad5ff66;border-radius:3px}.help-modal-content::-webkit-scrollbar-thumb:hover{background:#aad5ff99}.help-modal-content h3{font-size:16px;color:#aad5ff;margin:20px 0 10px;letter-spacing:.1em;border-bottom:1px solid rgba(170,213,255,.3);padding-bottom:4px}.help-modal-content h3:first-child{margin-top:0}.help-modal-content p{margin:8px 0}.help-modal-content ul{margin:8px 0;padding-left:20px}.help-modal-content li{margin:4px 0}.help-modal-content table{width:100%;border-collapse:collapse;margin:10px 0}.help-modal-content td{padding:4px 8px;border-bottom:1px solid rgba(170,213,255,.15)}.help-modal-content td:first-child{color:#aad5ffcc;width:45%}.help-modal-hint{text-align:center;margin-top:16px;font-size:12px;color:#aad5ff80;letter-spacing:.1em}.help-modal-footer{margin-top:24px;display:flex;justify-content:center}.server-list{position:absolute;z-index:1;bottom:50px;left:30px;text-align:left}.server-list-title{font-size:11px;letter-spacing:.15em;color:#aac8ff99;margin-bottom:8px}.server-item{font-size:13px;margin:4px 0;display:flex;align-items:center;gap:8px}.server-item .server-status{font-size:10px}.server-item.online{color:#64ff96e6}.server-item.offline{color:#ff646480}.server-search{position:absolute;z-index:1;top:40px;left:50%;transform:translate(-50%);font-size:16px;letter-spacing:.1em;color:#ffc864e6;text-shadow:0 0 20px rgba(255,180,100,.5);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.connection-overlay{position:fixed;z-index:9999;top:70px;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;letter-spacing:.15em;color:#ffc864f2;text-shadow:0 0 30px rgba(255,180,100,.7),0 0 60px rgba(255,150,50,.4);animation:blink 1s ease-in-out infinite;pointer-events:none;text-transform:uppercase}.main-menu button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (max-width: 768px),(pointer: coarse){.menu-logo{max-width:280px;margin-bottom:30px}.main-menu button{font-size:18px;padding:14px 48px}.quit-confirm-box{padding:24px 32px}.quit-confirm-box p{font-size:18px}.confirm-buttons button{font-size:16px;padding:10px 30px}.server-list{bottom:30px;left:20px}.server-search{font-size:14px;top:30px}.main-menu .version{left:20px}.main-menu .discord-link{position:relative;bottom:auto;left:auto;transform:none;align-self:center;width:auto;min-width:0;font-size:11px;padding:10px 20px;margin-top:8px;box-sizing:border-box}}@media (pointer: coarse) and (orientation: landscape){.main-menu{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (pointer: coarse){*{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}canvas{touch-action:none}body{-webkit-touch-callout:none}}.nickname-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#000000d9;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nickname-box{background:#101b30f2;border:2px solid rgba(170,213,255,.6);border-radius:16px;padding:40px;width:90%;max-width:440px;text-align:center;box-shadow:0 0 50px #00a2ff4d}.nickname-box h2{margin:0 0 24px;font-size:20px;letter-spacing:.2em;color:#fff;text-transform:uppercase}.nickname-box .input-group{margin-bottom:24px;position:relative}.nickname-box input{width:100%;padding:14px 20px;background:#0a1428cc;border:1px solid rgba(170,213,255,.3);border-radius:8px;color:#fff;font-family:inherit;font-size:24px;text-align:center;outline:none;transition:border-color .2s}.nickname-box input:focus{border-color:#aad5ff;box-shadow:0 0 15px #aad5ff4d}.nickname-box .error-msg{color:#f44;font-size:13px;margin-top:8px;min-height:18px}.nickname-box .button-group{display:flex;flex-direction:column;gap:12px}.nickname-box button{width:100%;padding:14px;font-family:inherit;font-size:18px;letter-spacing:.1em;border-radius:8px;cursor:pointer;transition:all .2s}.nickname-box .btn-join{background:#0f8;color:#050915;border:none;font-weight:700}.nickname-box .btn-join:hover{background:#00cc6e;transform:scale(1.02)}.nickname-box .btn-random{background:transparent;color:#aad5ffcc;border:1px solid rgba(170,213,255,.4)}.nickname-box .btn-random:hover{border-color:#aad5ff;color:#fff}.nickname-box .btn-join.selected{outline:2px solid rgba(200,230,255,.9);outline-offset:2px;background:#00cc6e;transform:scale(1.02)}.nickname-box .btn-random.selected{outline:2px solid rgba(200,230,255,.9);outline-offset:2px;border-color:#aad5ff;color:#fff}@media (max-width: 480px){.nickname-box{padding:24px}.nickname-box input{font-size:20px}}@media (max-width: 450px){.discord-label-extra{display:none}}@media (max-width: 420px){.demo-br{display:none}}.team-scores{position:absolute;top:12px;right:16px;display:flex;gap:8px;justify-content:flex-end}.team-score-box{padding:4px 12px;border-radius:4px;font-size:14px;font-weight:700}.team-score-box.team-score-friendly{background:#0f83;border:1px solid rgba(0,255,136,.5);color:#0f8}.team-score-box.team-score-enemy{background:#f443;border:1px solid rgba(255,68,68,.5);color:#f44}.team-score-arrow{font-size:16px;display:flex;align-items:center;justify-content:center;min-width:16px}.team-score-arrow.team-score-friendly{color:#0f8}.team-score-arrow.team-score-enemy{color:#f44}.scoreboard{position:absolute;top:44px;right:16px;font-size:12px;letter-spacing:.03em;text-align:right}.scoreboard-row{margin:2px 0;white-space:nowrap}.scoreboard-row.scoreboard-first{font-size:14px;font-weight:700}.hud-bottom-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:40px;background:#101b30bf;border:1px solid rgba(170,213,255,.4);border-radius:8px;padding:10px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.power-section{display:flex;align-items:center;gap:10px}.power-bar-container{display:flex;align-items:center;gap:0}.power-bar{width:120px;height:12px;background:#00000080;border:1px solid rgba(170,213,255,.3);border-radius:6px 0 0 6px;overflow:hidden}.power-upgrade-segments{display:flex;gap:2px;margin-left:2px}.power-upgrade-segment{--fill: 0%;width:12px;height:12px;border-radius:2px;position:relative;overflow:hidden;display:none}.power-upgrade-segment.active{display:block}.power-upgrade-segment[data-level="1"]{background:#ffc8004d;border:1px solid rgba(255,200,0,.5)}.power-upgrade-segment[data-level="1"]:after{content:"";position:absolute;top:0;left:0;width:var(--fill);height:100%;background:linear-gradient(90deg,#fc0,#ffd633)}.power-upgrade-segment[data-level="2"]{background:#ff8c004d;border:1px solid rgba(255,140,0,.5)}.power-upgrade-segment[data-level="2"]:after{content:"";position:absolute;top:0;left:0;width:var(--fill);height:100%;background:linear-gradient(90deg,#ff8c00,#ffa033)}.power-upgrade-segment[data-level="3"]{background:#ff50004d;border:1px solid rgba(255,80,0,.5)}.power-upgrade-segment[data-level="3"]:after{content:"";position:absolute;top:0;left:0;width:var(--fill);height:100%;background:linear-gradient(90deg,#f50,#f73)}.power-fill{height:100%;background:linear-gradient(90deg,#0f8,#0c6);transition:width .2s ease,background .3s ease}.power-fill.power-low{background:linear-gradient(90deg,#ff9500,#c70)}.power-fill.power-critical{background:linear-gradient(90deg,#f33,#c00)}.power-text{font-size:13px;min-width:40px}.hud-bottom-bar .hud-speed{font-size:18px;font-weight:700;color:#c8dcffe6;min-width:50px;text-align:center}.player-section{display:flex;align-items:center;gap:12px}.hud-materials .hex-icon{display:inline-block;font-size:1.2em;margin-right:2px;transform:rotate(90deg);opacity:.5}.player-rank{color:gold;font-size:14px;transition:text-shadow .3s ease}.player-rank.rank-glow{animation:rank-glow-pulse .8s ease-in-out infinite;text-shadow:0 0 10px #ffd700,0 0 20px #ffaa00,0 0 30px #ff8800}@keyframes rank-glow-pulse{0%,to{text-shadow:0 0 10px #ffd700,0 0 20px #ffaa00,0 0 30px #ff8800}50%{text-shadow:0 0 15px #ffd700,0 0 30px #ffaa00,0 0 45px #ff8800,0 0 60px #ff6600}}.resource-notification-container{position:absolute;bottom:100%;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;overflow:visible}.resource-notification{position:absolute;font-size:16px;font-weight:700;color:#0fc;text-shadow:0 0 8px rgba(0,255,204,.8),0 0 16px rgba(0,255,204,.4);white-space:nowrap;animation:resource-drop .6s ease-out forwards;pointer-events:none;bottom:var(--stack-offset, 0)}@keyframes resource-drop{0%{transform:translateY(-50px) scale(1.1);opacity:1}70%{opacity:1}to{transform:translateY(0) scale(.8);opacity:0}}.hud-message-stack{position:absolute;left:50%;bottom:72px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,calc(100vw - 40px));pointer-events:none;z-index:95}.hud-message{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(140,190,255,.35);background:#08101ee6;color:#e1ecfff2;font-size:13px;letter-spacing:.03em;line-height:1.35;box-shadow:0 14px 32px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .18s ease}.hud-message-show{opacity:1;transform:translateY(0) scale(1)}.hud-message-hide{opacity:0;transform:translateY(6px) scale(.98)}.hud-message-info{border-color:#78b4ff66}.hud-message-warning{border-color:#ffbe5a8c;background:#281808eb;color:#ffe9c4f5}.hud-message-success{border-color:#00ff8873;background:#051e12eb;color:#c3ffe1f5}.debug-panel{position:absolute;top:50px;left:16px;background:#101b30d9;border:1px solid rgba(170,213,255,.5);border-radius:8px;padding:10px 14px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-panel p{margin:3px 0;color:#b4c8e6cc}.debug-panel-button{margin-top:6px;width:100%;padding:6px 8px;border:1px solid rgba(170,213,255,.35);border-radius:6px;background:#1a2b4cd9;color:#e1ecffeb;font:inherit;font-size:11px;cursor:pointer;pointer-events:auto}.debug-panel-button:hover{border-color:#d2e8ff8c}@media (max-width: 768px),(pointer: coarse){.hud-logo{display:none}.hud-bottom-bar{bottom:auto;top:0;left:0;right:0;transform:none;width:100%;gap:10px;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px));border-radius:0;border-left:none;border-right:none;border-top:none;justify-content:space-between;pointer-events:auto;cursor:pointer}.power-bar{width:60px;height:8px}.power-upgrade-segment{width:8px;height:8px}.power-text{font-size:10px;min-width:28px}.player-rank{font-size:10px}.resource-notification-container{bottom:auto;top:50%;transform:translateY(-50%);right:100%;left:auto;flex-direction:row;align-items:center;justify-content:flex-end;padding-right:4px}.resource-notification{font-size:12px;animation:resource-slide .5s ease-out forwards;bottom:auto;right:var(--stack-offset, 0)}.hud-message-stack{top:calc(52px + env(safe-area-inset-top,0px));bottom:auto;flex-direction:column-reverse;width:min(560px,calc(100vw - 24px))}.hud-message{padding:9px 12px;font-size:12px}@keyframes resource-slide{0%{transform:translate(-30px) scale(1.1);opacity:1}70%{opacity:1}to{transform:translate(0) scale(.9);opacity:0}}.hud-bottom-bar .hud-speed{font-size:12px;min-width:30px}.team-stats{top:calc(48px + env(safe-area-inset-top,0px));left:12px;padding:3px 8px!important;font-size:10px;transform:scale(1)!important;transform-origin:top left}.debug-panel{top:calc(80px + env(safe-area-inset-top,0px));left:12px;font-size:9px;padding:6px 8px}.team-scores{top:calc(48px + env(safe-area-inset-top,0px));right:12px}.sector-conquest-hud{top:calc(48px + env(safe-area-inset-top,0px));left:12px;right:auto;align-items:flex-start;text-align:left}.team-score-box{padding:3px 8px;font-size:10px}.scoreboard{top:calc(76px + env(safe-area-inset-top,0px));right:12px;font-size:9px}.round-timer{top:calc(48px + env(safe-area-inset-top,0px));font-size:12px}.hud-bottom-bar .hud-speed{position:absolute;left:50%;transform:translate(-50%)}}@media (max-width: 900px) and (orientation: landscape),(pointer: coarse) and (orientation: landscape){.hud-bottom-bar{padding:6px 16px;padding-top:calc(6px + env(safe-area-inset-top,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));gap:12px}.power-bar{width:60px;height:8px}.power-upgrade-segment{width:8px;height:8px}.power-text,.player-rank{font-size:10px}.hud-bottom-bar .hud-speed{font-size:12px;min-width:30px}.team-stats{top:calc(48px + env(safe-area-inset-top,0px))}.debug-panel{top:calc(80px + env(safe-area-inset-top,0px))}.team-scores{top:calc(48px + env(safe-area-inset-top,0px))}.scoreboard{top:calc(72px + env(safe-area-inset-top,0px))}.main-menu .server-list,.main-menu .version{position:fixed;z-index:1001}.main-menu .discord-link{position:fixed;z-index:1001;bottom:20px;left:auto;right:20px;transform:none;flex-direction:row;width:auto;max-width:none;min-width:auto;margin-top:0;padding:8px 14px}.main-menu .discord-link .discord-icon{margin-bottom:0}.round-timer{top:calc(40px + env(safe-area-inset-top,0px));font-size:12px}}@media (max-width: 1100px) and (orientation: landscape){.discord-label-extra{display:none}}@media (max-height: 830px) and (min-width: 769px){.main-menu .discord-link{left:auto;right:20px;bottom:20px;transform:none}}