:root{--display-font: "Palatino Linotype", Palatino, Georgia, serif;--interface-scale: 1;--app-height: 100dvh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f0e5;background:#090d13;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:var(--app-height, 100vh)}body{position:fixed;inset:0;margin:0;overflow:hidden;overscroll-behavior:none}body.native-android{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body.native-android button,body.native-android input,body.native-android select{touch-action:manipulation}body.native-android button:focus-visible,body.native-android input:focus-visible,body.native-android select:focus-visible{outline:2px solid #79d2ff;outline-offset:2px}button{font:inherit;color:inherit}#viewport{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}#viewport canvas{width:100%!important;height:100%!important;display:block}.topbar{position:fixed;z-index:24;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 16px;background:linear-gradient(#080c12f5,#080c12b8,transparent);pointer-events:none}.topbar>div:first-child{display:grid}.topbar strong{letter-spacing:.08em}.eyebrow{color:#b7a884;font-size:10px;letter-spacing:.22em;font-weight:800}.turn{display:grid;text-align:center;font-size:12px}.topbar button{justify-self:end;pointer-events:auto;border:1px solid #9b8a67;background:#171c23e8;padding:7px 9px;border-radius:3px;font-size:9px;font-weight:800}.top-actions{justify-self:end;display:flex;gap:6px;pointer-events:auto}.top-actions button{color:#c9d0d5;border-color:#4f5a64}.top-actions #next{color:#f4f0e5;border-color:#9b8a67}.setup-team-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;width:100%;margin-bottom:12px;padding:11px 13px;border:1px solid #78673f;background:linear-gradient(90deg,#211b12,#151c24);color:#d6dde2;text-align:left;cursor:pointer}.setup-team-control span{font-size:8px;font-weight:900;letter-spacing:.13em}.setup-team-control strong{color:#ffe09a;font-size:12px}.setup-team-control small{grid-column:1 / -1;color:#87939c;font-size:8px}.custom-rules{display:grid;gap:9px;margin:10px 0 18px;padding:14px;border:1px solid #55492f;background:linear-gradient(135deg,#171b20,#211b12)}.custom-rules h2{margin:0 0 4px;color:#f1d68d;font-size:12px;letter-spacing:.1em}.custom-rule-label{color:#8f9aa3;font-size:8px;font-weight:900;letter-spacing:.13em}.custom-rule-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.custom-rule-options button{min-height:38px;padding:7px;border:1px solid #3c4852;background:#131b23;color:#aeb8bf;font-size:9px;font-weight:800;cursor:pointer}.custom-rule-options button.selected{border-color:#d0a947;background:#493817;color:#ffe7a5}.match-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.custom-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.custom-wall-grid>div{display:grid;grid-template-columns:1fr 32px 28px 32px;align-items:center;gap:3px;padding:7px;border:1px solid #35414a;background:#10171e}.custom-wall-grid span{color:#aeb8bf;font-size:8px;font-weight:800}.custom-wall-grid strong{color:#f1d68d;text-align:center}.custom-wall-grid button{min-height:30px;border:1px solid #5e5541;background:#1b242d;color:#f1d68d;cursor:pointer}.custom-wall-grid button:disabled{opacity:.3}.friend-lobby{display:grid;gap:6px;margin-bottom:16px;padding:14px;border:1px solid #3f6474;background:linear-gradient(135deg,#10202a,#111820)}.friend-lobby>span{color:#73cce8;font-size:8px;font-weight:900;letter-spacing:.14em}.friend-lobby>strong{color:#d7edf4;font-size:12px}.friend-lobby>small{color:#8298a2;font-size:9px}.friend-lobby>div{display:grid;grid-template-columns:1fr 130px 1fr;gap:6px;margin-top:5px}.friend-lobby button,.friend-lobby input{min-height:38px;border:1px solid #426776;background:#142732;color:#d7edf4;text-align:center;font-weight:800}.friend-lobby.connected{border-color:#4f9473}.friend-match-status{position:fixed;z-index:38;top:69px;right:12px;padding:7px 11px;border:1px solid #3f6474;background:#0c151de8;color:#aee8f5;font-size:9px;font-weight:800;pointer-events:none}.online-turn-lock{position:fixed;z-index:50;inset:0;width:100%;height:var(--app-height, 100dvh);display:grid;place-content:center;gap:7px;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;background:#071019cc;text-align:center;pointer-events:auto}.online-turn-lock[hidden]{display:none}.online-turn-lock strong{color:#d7edf4;font:700 20px var(--display-font);letter-spacing:.08em}.online-turn-lock small{color:#a6bac3}kbd{color:#d9c99e;font:700 10px inherit;border:1px solid #746b59;border-radius:3px;padding:2px 5px;background:#10141b}.phase-rail{position:fixed;z-index:23;top:60px;left:50%;transform:translate(-50%);display:flex;gap:3px}.phase-rail span{min-width:78px;padding:6px;color:#6e7984;background:#111821d9;border-top:2px solid #39434e;text-align:center;font-size:9px;font-weight:800;letter-spacing:.1em}.phase-rail .active{color:#fff2ca;border-color:#e6b857;background:#4b3d22cc}.phase-banner{position:fixed;z-index:42;left:50%;top:24%;width:min(560px,82vw);padding:18px 30px;transform:translate(-50%,-50%);border-top:1px solid #e4bd62;border-bottom:1px solid #e4bd62;background:linear-gradient(90deg,transparent,#080e17ed 14%,#080e17ed 86%,transparent);text-align:center;pointer-events:none;animation:phase-banner-in 1.65s ease both}.phase-banner[hidden]{display:none}.phase-banner span,.phase-banner small{display:block;color:#aeb8bf;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.phase-banner strong{display:block;margin:6px 0;color:#ffe4a0;font-size:clamp(22px,4vw,38px);letter-spacing:.12em;text-shadow:0 0 26px #e5a92e99;text-transform:uppercase}@keyframes phase-banner-in{0%{opacity:0;transform:translate(-50%,-35%) scale(.9)}18%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1.04)}}.hud-dock{position:fixed;z-index:26;top:94px;left:50%;display:flex;gap:4px;transform:translate(-50%);padding:4px;border:1px solid #3b4650;border-radius:5px;background:#080e16e8;box-shadow:0 9px 24px #0007;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-dock[hidden],[data-hud-content][hidden]{display:none}.hud-dock button{min-width:102px;display:grid;gap:1px;padding:6px 10px;border:1px solid transparent;border-radius:3px;background:transparent;color:#9ba5ad;cursor:pointer}.hud-dock button span{font-size:9px;font-weight:900;letter-spacing:.12em}.hud-dock button small{color:#68737d;font-size:7px}.hud-dock button:hover{border-color:#58636d;color:#e5e9eb}.hud-dock button.active{border-color:#d0a947;background:#44361d;color:#ffe8ad}.hud-dock button.active small{color:#c8b98e}.build-panel,.telemetry,.squad-panel{position:fixed;z-index:25;top:140px;width:260px;max-height:calc(100vh - 205px);overflow-y:auto;padding:13px;background:#0a1018ed;border:1px solid #4a555f;box-shadow:0 18px 48px #0009;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.build-panel,.squad-panel{left:18px}.telemetry{right:18px;width:310px}.audio-panel{position:fixed;z-index:32;top:62px;right:18px;width:238px;display:grid;gap:10px;padding:14px;border:1px solid #665a3f;background:#090f17f2;box-shadow:0 18px 48px #000a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.audio-panel[hidden]{display:none}.controller-panel{position:fixed;z-index:33;top:62px;right:18px;width:min(430px,calc(100vw - 36px));display:grid;gap:10px;padding:15px;border:1px solid #655b43;background:#090f17f5;box-shadow:0 18px 52px #000b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controller-panel[hidden]{display:none}.controller-panel>strong{color:#f1d68d;font-size:11px;letter-spacing:.08em}.controller-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.controller-panel span{padding:7px;border:1px solid #2e3944;background:#111922;color:#b8c1c8;font-size:9px}.controller-panel kbd{display:inline-block;min-width:36px;margin-right:4px;border-color:#6e603f;color:#ffe19a;text-align:center}.controller-panel small{color:#7f8b95;font-size:8px;letter-spacing:.05em}.settings-panel{position:fixed;z-index:46;top:50%;left:50%;width:min(390px,calc(100vw - 36px));display:grid;gap:10px;padding:20px;transform:translate(-50%,-50%);border:1px solid #c39b49;background:#080e17f8;box-shadow:0 24px 90px #000d}.settings-panel[hidden]{display:none}.settings-panel>strong{color:#f1d68d;font:900 22px var(--display-font);letter-spacing:.15em}.settings-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:9px;border:1px solid #303b45;background:#111821;color:#b6c0c7;font-size:9px;font-weight:800;letter-spacing:.08em}.settings-panel input[type=range]{width:145px;accent-color:#d4ac51}.settings-panel input[type=checkbox]{width:18px;height:18px;accent-color:#d4ac51}.settings-panel select{min-width:145px;padding:7px;border:1px solid #62583f;background:#151d26;color:#efd486;font-size:10px;font-weight:800}.settings-panel button,.settings-panel a{padding:10px;border:1px solid #62583f;background:#2f2719;color:#efd486;font-size:9px;font-weight:900;letter-spacing:.1em;text-align:center;text-decoration:none;cursor:pointer}.tutorial{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle,#172536aa,#030609e8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tutorial[hidden]{display:none}.tutorial>div{width:min(600px,92vw);max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:28px;border:1px solid #b58d42;background:linear-gradient(145deg,#101923f8,#080d14fa);box-shadow:0 28px 100px #000e;touch-action:pan-y}.tutorial strong{display:block;margin:8px 0 12px;color:#f4d98e;font:900 clamp(24px,5vw,38px)/1 var(--display-font);letter-spacing:.06em;text-transform:uppercase}.tutorial p{color:#c4ccd2;font-size:13px;line-height:1.65}.tutorial small{display:block;padding:10px;border-left:2px solid #d0a947;background:#171d23;color:#e8d29a;font-size:10px;line-height:1.5}.tutorial footer{position:sticky;z-index:2;inset:auto 0 -28px;display:flex;justify-content:space-between;gap:12px;margin:20px -28px -28px;padding:14px 28px max(14px,env(safe-area-inset-bottom));border-top:1px solid #3f4850;background:#080e16f5;box-shadow:0 -12px 24px #080e16cc}.tutorial-navigation{display:flex;gap:8px}.tutorial button{min-height:48px;padding:10px 18px;border:1px solid #5b6670;background:#151e27;color:#c9d0d5;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tutorial button:disabled{opacity:.35;cursor:default}.tutorial #tutorial-next{border-color:#c59a45;background:#44351b;color:#ffe6a5}.training-coach{position:fixed;z-index:34;left:max(14px,env(safe-area-inset-left));bottom:max(48px,calc(env(safe-area-inset-bottom) + 42px));width:min(370px,calc(100vw - 28px));padding:15px;border:1px solid #c59a45;border-left:5px solid #e0bd65;background:linear-gradient(145deg,#111b26f7,#080d14f7);box-shadow:0 16px 48px #000c;color:#d9e0e4}.training-coach[hidden]{display:none}.training-coach header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d8b85f;font-size:9px;font-weight:900;letter-spacing:.13em}.training-coach header button{padding:6px 8px;border:1px solid #59636d;background:#151e27;color:#aeb8bf;font-size:8px;font-weight:900;letter-spacing:.08em;cursor:pointer}.training-coach>strong{display:block;margin:8px 0 5px;color:#ffe5a0;font-size:17px;letter-spacing:.05em;text-transform:uppercase}.training-coach p{margin:0 0 8px;color:#c4ccd2;font-size:11px;line-height:1.5}.training-coach>small{display:block;padding:8px 9px;border-left:2px solid #70c8ff;background:#14202b;color:#b9cfde;font-size:9px;line-height:1.45}.training-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}.training-progress i{height:4px;background:#34404a}.training-progress i.active{background:#e0bd65;box-shadow:0 0 9px #e0bd6599}.training-progress i.done{background:#5ed39a}.training-complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.training-complete-actions[hidden]{display:none}.training-complete-actions button{padding:10px;border:1px solid #59636d;background:#17212b;color:#dce2e6;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.training-complete-actions button:first-child{border-color:#d0a947;background:#4a3818;color:#fff0be}.build-panel,.telemetry,.squad-panel,.audio-panel,.controller-panel,.settings-panel{zoom:var(--interface-scale)}body.high-contrast .build-panel,body.high-contrast .telemetry,body.high-contrast .squad-panel,body.high-contrast .topbar,body.high-contrast .hud-dock{border-color:#f0cc72;background-color:#05080bf7}body.high-contrast .message{border-color:#f0cc72;background:#030507f5;color:#fff}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.audio-panel label{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:8px;color:#aab3ba;font-size:9px;font-weight:800;letter-spacing:.1em}.audio-panel input{width:100%;accent-color:#d4ac51}.audio-panel button{padding:8px;border:1px solid #665a3f;background:#32281a;color:#f2d58a;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer}.audio-panel #audio-enable{border-color:#d2a94e;background:#4a3819;color:#fff0b9}.audio-panel small{color:#7f8a93;font-size:8px;line-height:1.45}.sound-gate{position:fixed;z-index:79;right:18px;bottom:48px}.sound-gate[hidden]{display:none}.sound-gate button{display:grid;gap:2px;min-width:190px;padding:11px 14px;border:1px solid #e2b95c;background:linear-gradient(110deg,#4c3718,#211a13);box-shadow:0 8px 32px #000b,0 0 24px #d6a64033;color:#ffe6a5;text-align:left;cursor:pointer}.sound-gate span{font-size:10px;font-weight:950;letter-spacing:.14em}.sound-gate small{color:#bcae88;font-size:8px}body.touch-capable .sound-gate{inset:max(96px,calc(72px + env(safe-area-inset-top))) auto auto max(12px,env(safe-area-inset-left))}.top-actions #audio-toggle.active{border-color:#d4ac51;color:#ffe6a4;background:#3a2f1c}.faction-controls{display:grid;gap:5px;margin-top:10px}.faction-controls select{width:100%;padding:7px;border:1px solid #59636d;background:#19212a;color:#f1d68d;font:700 11px inherit}.faction-controls select:disabled{opacity:.65}.faction-controls small{color:#89949e;font-size:9px;line-height:1.35}.roster-controls{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;margin-top:10px}.roster-controls strong{text-align:center;color:#f1d68d;font-size:10px;letter-spacing:.08em}.roster-controls>strong:only-child{grid-column:1 / -1}.roster-controls button{height:30px;border:1px solid #59636d;background:#19212a;color:#f1d68d;cursor:pointer}.roster-controls button:disabled{opacity:.3}#squad{display:grid;gap:6px;margin-top:10px}#squad button{display:grid;gap:3px;padding:8px 10px;border:1px solid #303943;background:#151c24;text-align:left;cursor:pointer;color:inherit}#squad button.selected{border-color:#f1d68d;background:#3a3020}#squad button:disabled{opacity:.3}#squad span{font-size:11px;font-weight:800;letter-spacing:.08em}#squad small{color:#929da8;font-size:9px}#build-options{display:grid;gap:6px;margin-top:10px}.build-budget{display:flex;justify-content:space-between;padding:8px 9px;border:1px solid #685b3d;background:#302719;color:#f1d68d;font-size:9px;font-weight:900;letter-spacing:.1em}.build-budget small{color:#b7a884;font-size:9px}.map-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.map-controls select{min-width:0;padding:6px;border:1px solid #4b5661;background:#151c24;color:#d9c99e;font-size:9px}.map-controls select:disabled{opacity:.5}#build-options button{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #303943;background:#151c24;text-align:left;cursor:pointer}#build-options button.selected{border-color:#e1b55b;background:#3a3020}#build-options button:disabled{opacity:.35}#build-options span{display:flex;flex:1;justify-content:space-between;font-size:12px;font-weight:700}#build-options small{color:#ad9f7d}.build-panel p,.telemetry p{color:#87929d;font-size:10px;line-height:2;margin:10px 0 0}.telemetry>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #27313b;font-size:12px}.telemetry label{color:#8d98a3}.telemetry strong{color:#f2cf79}.telemetry>.aim-status{display:block;margin:7px 0 2px;padding:8px 9px;border:1px solid #75643c;background:linear-gradient(90deg,#332819,#1d1b18);color:#f5d889;font-size:8px;font-weight:900;letter-spacing:.09em;line-height:1.4;text-align:center}.telemetry>.aim-status.blocked{border-color:#794846;background:linear-gradient(90deg,#351d1d,#211719);color:#f0aaa3}.shot-options,.attack-options{display:grid!important;grid-template-columns:1fr;gap:5px;padding-top:10px!important}.attack-options{grid-template-columns:repeat(3,1fr)!important}.shot-options button,.attack-options button{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #303943;background:#151c24;color:inherit;font-size:10px;cursor:pointer}.attack-options button{display:grid;justify-items:center;gap:4px;padding:6px 3px}.shot-options button.selected,.attack-options button.selected{border-color:#f1d68d;background:#3a3020}.shot-options button:disabled,.attack-options button:disabled{opacity:.35}.arsenal-heading{grid-column:1 / -1;color:#b7a884;font-size:9px;font-weight:900;letter-spacing:.12em}.weapon-option{align-items:flex-start!important}.weapon-option>span{display:grid;gap:3px;text-align:left}.weapon-option strong{color:#dce2e6;font-size:10px;line-height:1.2}.weapon-option small{color:#7f8b95;font-size:8px;line-height:1.3}.weapon-option.selected strong{color:#f2cf79}.super-option{grid-column:1 / -1;grid-template-columns:auto 1fr!important;justify-items:start!important;text-align:left;border-color:#7f6a36!important;background:linear-gradient(110deg,#241d17,#332918)!important}.super-option>span{display:grid;gap:2px}.super-option strong{color:#ffe59a;font-size:10px}.super-option small{color:#b5a77e;font-size:8px}.super-option.selected{box-shadow:0 0 18px #ffdd7347}.airstrike-heading{margin-top:4px;color:#84d9ff}.airstrike-option{min-width:0;align-content:start;border-color:#355c73!important;background:linear-gradient(145deg,#152a38,#111a22)!important}.airstrike-option>span{display:grid;gap:3px;min-width:0;text-align:left}.airstrike-option strong{color:#bdeaff;font-size:9px;line-height:1.15}.airstrike-option small{color:#82a9bc;font-size:7px;line-height:1.25}.airstrike-option.selected{border-color:#8be2ff!important;background:linear-gradient(145deg,#214b62,#172c3a)!important;box-shadow:0 0 18px #65cfff38}.siege-crew-grid{display:grid;gap:7px;width:100%}.siege-crew-grid>span{display:grid;gap:3px;padding:9px;border:1px solid #34404a;background:#111821}.siege-crew-grid small{color:#89949e;font-size:8px;letter-spacing:.08em}.siege-crew-grid strong{color:#f1d68d;font-size:10px}.siege-crew-grid p{margin:2px 0 0;color:#87929d;font-size:9px}.message{position:fixed;left:50%;bottom:54px;transform:translate(-50%);min-width:440px;padding:10px 18px;background:#080d14dd;border:1px solid #46515c;text-align:center;color:#dce2e6;font-size:11px}.touch-controls{position:fixed;z-index:31;inset:auto max(14px,env(safe-area-inset-right)) max(42px,calc(12px + env(safe-area-inset-bottom))) max(14px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls[hidden],.touch-pad-wrap[hidden],.touch-power[hidden],.touch-controls button[hidden]{display:none}.touch-pad-wrap,.touch-action-wrap{display:grid;gap:5px;pointer-events:auto}.touch-pad-wrap>small{color:#f5d88d;font-size:8px;font-weight:950;letter-spacing:.16em;text-align:center;text-shadow:0 2px 5px #000}.touch-pad{width:154px;height:154px;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:4px;padding:5px;border:1px solid #8e7848;border-radius:50%;background:#07101ac7;box-shadow:0 12px 40px #000c;touch-action:none}.touch-pad button,.touch-action-wrap button{min-width:46px;min-height:46px;border:1px solid #756745;border-radius:9px;background:#121d28e8;color:#ffe5a1;box-shadow:inset 0 0 16px #e7b6490f,0 4px 15px #0009;font-size:12px;font-weight:950;touch-action:none;user-select:none;-webkit-user-select:none}.touch-pad button{padding:2px;font-size:8px;line-height:1}.touch-pad button:active,.touch-action-wrap button:active{border-color:#79d2ff;background:#25445c;transform:scale(.96)}.touch-pad [data-touch-direction=up]{grid-area:1 / 2}.touch-pad [data-touch-direction=left]{grid-area:2 / 1}.touch-pad i{position:relative;z-index:3;grid-area:2 / 2;border:1px solid #88b8d4;border-radius:50%;background:radial-gradient(circle at 38% 34%,#60788a,#17232d 68%);box-shadow:0 4px 12px #000b,inset 0 0 8px #bce7ff2e;pointer-events:none;transition:transform .04s linear}.touch-pad button{pointer-events:none;opacity:.82}.touch-pad [data-touch-direction=right]{grid-area:2 / 3}.touch-pad [data-touch-direction=down]{grid-area:3 / 2}.touch-action-wrap{width:min(250px,38vw)}.touch-power,.touch-action-row,.touch-footer-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.touch-action-status{position:fixed;z-index:26;top:143px;left:50%;width:min(360px,46vw);display:flex;align-items:stretch;justify-content:center;gap:3px;padding:0;transform:translate(-50%);border:0;background:transparent;box-shadow:none;pointer-events:none}.touch-action-status[hidden]{display:none}.touch-action-status span{flex:1;display:flex;justify-content:space-between;gap:4px;padding:4px 6px;border:1px solid #446b58;border-radius:4px;background:#173526dc;color:#bcf4d1;font-size:8px;font-weight:900;letter-spacing:.04em}.touch-action-status span.spent{border-color:#78613a;background:#3b2f1c;color:#f4d48a}.touch-action-status strong{display:flex;align-items:center;padding:3px 7px;border:1px solid #78683e;border-radius:4px;background:#211b10d9;color:#fff0b2;font-size:8px;letter-spacing:.08em;text-align:center;white-space:nowrap}.touch-action-wrap .touch-primary{min-height:55px;border-color:#d4aa50;background:linear-gradient(120deg,#5b4118e8,#2d2418ed);font-size:14px;letter-spacing:.12em}.touch-action-wrap .touch-end{min-height:38px;color:#bfc9d0;border-color:#53616d;font-size:9px;letter-spacing:.1em}.touch-footer-row #touch-reset-view,.touch-footer-row #touch-camera-lock{min-height:38px;color:#9fdcff;border-color:#42677d;font-size:8px;letter-spacing:.06em}.touch-footer-row #touch-camera-lock.active{color:#07121a;background:#77d8ff}.orientation-hint{display:none}body.touch-capable #app>footer{display:none}body.touch-capable .message{bottom:max(205px,calc(172px + env(safe-area-inset-bottom)));width:min(540px,55vw);min-width:0;padding:8px 12px;font-size:9px;pointer-events:none}body[data-graphics-quality=balanced] .build-panel,body[data-graphics-quality=balanced] .telemetry,body[data-graphics-quality=balanced] .squad-panel,body[data-graphics-quality=balanced] .hud-dock{-webkit-backdrop-filter:none;backdrop-filter:none}body.touch-capable .build-panel,body.touch-capable .telemetry,body.touch-capable .squad-panel{top:196px;max-height:calc(100vh - 315px)}body.touch-capable .telemetry{right:max(12px,env(safe-area-inset-right));left:auto;width:min(380px,46vw);max-height:min(330px,calc(100vh - 315px));display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:9px}body.touch-capable .telemetry[hidden]{display:none}body.touch-capable .telemetry>.eyebrow,body.touch-capable .telemetry>.aim-status,body.touch-capable .telemetry>.attack-options,body.touch-capable .telemetry>.shot-options,body.touch-capable .telemetry>p{grid-column:1 / -1}body.touch-capable .telemetry>div{padding:4px 0;font-size:10px}body.touch-capable .telemetry>.aim-status{margin:3px 0 0;padding:6px}body.touch-capable .telemetry>.attack-options,body.touch-capable .telemetry>.shot-options{padding-top:5px!important}body.touch-capable .telemetry>.shot-options{grid-template-columns:1fr 1fr!important}body.touch-capable .telemetry .weapon-option{min-height:44px;padding:5px 6px}body.touch-capable .telemetry .weapon-option kbd,body.touch-capable .telemetry>p{display:none}body.touch-capable .telemetry .weapon-option strong{font-size:9px}body.touch-capable .telemetry .weapon-option small{font-size:7px;line-height:1.2}@media(pointer:coarse){button,select,input{min-height:44px}.setup-choice{min-height:92px}.setup-actions button,.setup-roster button{min-height:48px}.hud-dock button{min-height:44px}.build-panel,.telemetry,.squad-panel{max-height:calc(100vh - 285px)}}@media(pointer:coarse)and (orientation:portrait)and (max-width:760px){body.battle-active .orientation-hint{position:fixed;z-index:120;inset:0;display:grid;place-content:center;gap:8px;padding:32px;background:#05090df5;color:#f3d789;text-align:center}.orientation-hint strong{font:900 24px/1 var(--display-font);letter-spacing:.12em}.orientation-hint small{color:#adb8c0;font-size:11px}.setup-screen{padding:max(34px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.setup-card{max-height:calc(100dvh - 42px);padding:12px}.setup-brand{margin-bottom:10px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:540px){.tutorial{place-items:stretch center;padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom))}.tutorial>div{width:min(720px,94vw);max-height:calc(100dvh - 16px);padding:18px 22px}.tutorial strong{margin:5px 0 8px;font-size:clamp(22px,5vw,30px)}.tutorial p{margin:8px 0;font-size:12px;line-height:1.45}.tutorial small{padding:8px;line-height:1.35}.tutorial footer{bottom:-18px;margin:12px -22px -18px;padding:8px 22px max(8px,env(safe-area-inset-bottom))}.tutorial button{min-height:44px}.topbar{padding:max(5px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 5px max(18px,env(safe-area-inset-left))}.topbar>div:first-child,.top-actions button:not(#next):not(#settings-toggle){display:none}.topbar{grid-template-columns:1fr auto}.turn{text-align:left}.phase-rail{top:45px}.phase-rail span{min-width:56px;padding:4px;font-size:7px}.hud-dock{top:68px;padding:3px}.touch-action-status{top:111px;width:min(292px,46vw)}.touch-action-status span{padding:3px 5px;font-size:7px}.touch-action-status strong{padding:3px 5px;font-size:7px;letter-spacing:.05em}.hud-dock button{min-width:76px;min-height:40px;padding:4px 6px}.build-panel,.telemetry,.squad-panel,body.touch-capable .build-panel,body.touch-capable .telemetry,body.touch-capable .squad-panel{top:151px;right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 160px);padding:9px}body.touch-capable .telemetry{right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 160px);grid-template-columns:repeat(2,minmax(0,1fr))}body.phone-panel-open .message{display:none}.touch-controls{inset:auto max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.touch-pad{width:112px;height:112px;padding:4px}.touch-pad button,.touch-action-wrap button{min-width:40px;min-height:40px}.touch-action-wrap{width:min(208px,42vw);gap:3px}.touch-power,.touch-action-row,.touch-footer-row{gap:3px}.touch-action-wrap .touch-primary{min-height:42px;font-size:11px}.touch-action-wrap .touch-end,.touch-footer-row #touch-reset-view,.touch-footer-row #touch-camera-lock{min-height:34px}body.touch-capable .message{bottom:max(126px,calc(105px + env(safe-area-inset-bottom)));width:min(430px,46vw);padding:5px 8px;font-size:8px}.setup-screen{padding:max(34px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.setup-card{max-height:calc(100dvh - 42px);padding:12px}.setup-brand{margin-bottom:10px}.setup-brand strong{font-size:19px}.setup-card h1{font-size:20px}.setup-card>p{margin-bottom:10px;font-size:10px}.biome-choice,.faction-choice{min-height:104px}.setup-actions{position:sticky;z-index:4;bottom:-12px;margin:10px -12px -12px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#080e16f4}}.replay-panel{position:fixed;z-index:70;left:50%;bottom:48px;transform:translate(-50%);width:min(720px,calc(100vw - 36px));display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:16px;align-items:center;padding:13px 16px;border:1px solid #d0a947;background:#090f17f2;box-shadow:0 14px 60px #000b}.replay-panel[hidden]{display:none}.replay-readout{display:grid;gap:3px;min-width:0}.replay-readout strong{color:#f1d68d;font-size:12px;letter-spacing:.06em}.replay-readout small{overflow:hidden;color:#aab4bc;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.replay-controls{display:flex;gap:5px}.replay-controls button{min-width:42px;padding:8px 10px;border:1px solid #59636d;background:#17212b;color:#e3e8eb;font-size:10px;font-weight:800;cursor:pointer}.replay-controls #replay-toggle{min-width:70px;border-color:#d0a947;color:#f6dda0}body.replay-active .top-actions button,body.replay-active .build-panel button,body.replay-active .telemetry button,body.replay-active .squad-panel button,body.replay-active .setup-screen button{pointer-events:none;opacity:.45}body.replay-active .message{bottom:140px}.victory{position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,88vw);max-height:88vh;overflow-y:auto;padding:32px;background:#080d14f2;border:2px solid #d6b45f;box-shadow:0 20px 80px #000;text-align:center;animation:victory-reveal .7s cubic-bezier(.2,.8,.2,1) both}@keyframes victory-reveal{0%{opacity:0;transform:translate(-50%,-44%) scale(.84);filter:brightness(2)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.victory[hidden]{display:none}.victory strong{display:block;margin:10px 0;color:#f2d58a;font-size:24px;text-transform:uppercase;letter-spacing:.08em}.victory p{color:#c6cdd3;font-size:13px}.victory-telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.victory-telemetry span{display:grid;gap:4px;padding:10px 6px;border:1px solid #303b45;background:#111820}.victory-telemetry small{color:#87939d;font-size:8px;letter-spacing:.08em}.victory-telemetry strong{margin:0;color:#f1d68d;font-size:15px}.victory-telemetry p{grid-column:1 / -1;margin:5px 0 0;color:#9ea9b2;font-size:9px;line-height:1.45}.victory-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.victory-actions button{padding:13px;border:1px solid #59636d;background:#17212b;color:#dce2e6;font-size:11px;font-weight:900;letter-spacing:.1em;cursor:pointer}.victory-actions #victory-rematch{border-color:#d0a947;background:#4a3818;color:#fff0be}.victory-actions #telemetry-clear{color:#ba8f8b}.setup-screen{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:86px 24px 54px;background:radial-gradient(circle at 50% 48%,#172332d9,#070b11f2 72%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.setup-screen[hidden]{display:none}.setup-card{width:min(920px,100%);max-height:calc(100vh - 130px);overflow-y:auto;padding:28px;border:1px solid #71664f;background:#0b1119f2;box-shadow:0 24px 90px #000b}.setup-card h1{margin:5px 0 6px;color:#f1d68d;font:800 26px/1.1 inherit;letter-spacing:.04em;text-transform:uppercase}.setup-card>p{margin:0 0 20px;color:#9ea9b2;font-size:12px}.setup-card h2{margin:20px 0 8px;color:#c8b98e;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.setup-choice-grid{display:grid;gap:8px}.biome-grid{grid-template-columns:repeat(2,1fr)}.size-grid{grid-template-columns:repeat(3,1fr)}.faction-grid{grid-template-columns:repeat(4,1fr)}.setup-choice{min-height:72px;display:grid;align-content:center;gap:6px;padding:12px;border:1px solid #35414c;background:#121a23;color:#d7dde1;text-align:left;cursor:pointer}.setup-choice strong{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.setup-choice small{color:#85919c;font-size:9px;line-height:1.35}.setup-choice:hover{border-color:#8e8060;background:#1a242e}.setup-choice.selected{border-color:#e0bd65;background:#3b3120;box-shadow:inset 3px 0 #e0bd65}.training-launch{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin-bottom:14px;padding:14px;border:1px solid #9b7b3e;border-left:5px solid #e0bd65;background:linear-gradient(110deg,#302719,#101923)}.training-launch .eyebrow,.training-launch strong,.training-launch small{grid-column:1}.training-launch strong{color:#ffe2a0;font-size:15px;letter-spacing:.07em}.training-launch small{color:#aeb8bf;font-size:9px;line-height:1.45}.training-launch button{grid-column:2;grid-row:1 / 4;align-self:stretch;min-width:190px;padding:10px 14px;border:1px solid #d0a947;background:#4a3818;color:#fff0be;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}.setup-screen button:focus-visible,.tutorial button:focus-visible,.settings-panel button:focus-visible,.victory button:focus-visible{outline:3px solid #70c8ff;outline-offset:3px;box-shadow:0 0 0 6px #173d5db8,0 0 24px #70c8ff99}.faction-choice{border-top:3px solid var(--faction-color)}.faction-detail{display:grid;gap:5px;margin-top:14px;padding:13px;border:1px solid #35414c;background:#101720}.faction-detail strong{color:#f1d68d;font-size:14px}.faction-detail span{color:#c7d0d7;font-size:11px}.faction-detail small{color:#87939d;font-size:9px;line-height:1.6}.setup-roster{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;margin-top:14px}.setup-roster strong{text-align:center;color:#f1d68d;font-size:12px}.setup-roster button{height:38px;border:1px solid #6d624d;background:#19222c;color:#f1d68d;font-size:18px;cursor:pointer}.setup-roster button:disabled{opacity:.3}.roster-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:10px 0}.roster-preview span{padding:5px 8px;border:1px solid #303b45;color:#aeb8bf;background:#111820;font-size:9px}.setup-actions{display:grid;grid-template-columns:minmax(120px,.28fr) 1fr;gap:8px;margin-top:18px}.setup-actions button{padding:13px;font-weight:900;letter-spacing:.12em;cursor:pointer}#setup-back{border:1px solid #59636d;background:#19212a;color:#c6cdd3}#setup-back[hidden]{display:none}#setup-confirm{border:1px solid #d0a947;background:#4a3818;color:#fff0be}.match-summary{display:grid;gap:10px}.match-summary section{display:grid;gap:6px;padding:16px;border:1px solid #35414c;border-left:4px solid var(--summary-color, #d0a947);background:#101720}.match-summary section strong{color:#f1d68d;font-size:15px;text-transform:uppercase;letter-spacing:.06em}.match-summary section small{color:#98a3ac;font-size:10px;line-height:1.55}.mirror-warning{margin:0!important;padding:11px 14px;border:1px solid #987548;background:#3a2919;color:#ffd994!important;font-size:10px!important;letter-spacing:.06em}footer{position:fixed;inset:auto 0 0;height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#76818c;background:#080c12e8;font-size:10px}@media(max-width:850px){.build-panel,.telemetry,.squad-panel{width:240px}.message{min-width:0;width:55%}.top-actions button:not(#next):not(#ai-toggle){display:none}}@media(max-width:700px){.biome-grid,.faction-grid{grid-template-columns:repeat(2,1fr)}.setup-card{padding:18px}}@media(max-width:700px){.training-launch{grid-template-columns:1fr}.training-launch button{grid-column:1;grid-row:auto;min-width:0;margin-top:7px}}@media(pointer:coarse){.training-coach{top:max(62px,calc(env(safe-area-inset-top) + 48px));bottom:auto;width:min(360px,46vw);max-height:48vh;overflow-y:auto;padding:11px}.training-coach>strong{margin-block:5px 3px;font-size:14px}.training-coach p{margin-bottom:5px;font-size:9px;line-height:1.35}.training-coach>small{padding:5px 7px;font-size:8px}}@media(max-width:720px){.replay-panel{grid-template-columns:1fr;gap:9px}.replay-controls{justify-content:center;flex-wrap:wrap}body.replay-active .message{bottom:178px}}@media(max-width:620px){.topbar>div:first-child{display:none}.topbar{grid-template-columns:1fr auto}.turn{text-align:left}.phase-rail span{min-width:58px;font-size:7px}.hud-dock{top:90px;width:calc(100vw - 24px)}.hud-dock button{min-width:0;flex:1}.build-panel,.telemetry,.squad-panel{top:138px;right:12px;left:12px;width:auto;max-height:calc(100vh - 205px)}.audio-panel{top:58px;right:10px;width:min(238px,calc(100vw - 20px))}}.cinematic-vignette{pointer-events:none;position:fixed;z-index:32;inset:0;opacity:0;background:radial-gradient(circle at center,transparent 38%,#020407 100%);transition:opacity .08s linear}.cinematic-flash{pointer-events:none;position:fixed;z-index:33;inset:0;opacity:0;mix-blend-mode:screen}.cinematic-letterbox{pointer-events:none;position:fixed;z-index:34;left:0;width:100%;height:clamp(18px,4.2vh,48px);background:linear-gradient(#030507,#080b0e);transition:transform .08s linear}.cinematic-letterbox-top{top:0;transform:translateY(-100%)}.cinematic-letterbox-bottom{bottom:0;transform:translateY(100%)}.setup-brand{display:grid;justify-items:center;gap:2px;margin:-8px 0 20px;text-align:center}.setup-brand span{color:#e5c878;font:800 12px/1 var(--display-font);letter-spacing:.38em}.setup-brand strong{color:#fff4d2;font:700 clamp(24px,4vw,42px)/1.05 var(--display-font);letter-spacing:.1em;text-shadow:0 4px 24px #d49b3566}.setup-brand i{width:min(390px,70%);height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,#d9b656,transparent)}.setup-card h1,.victory>strong{font-family:var(--display-font)}.setup-card{scrollbar-color:#8c7340 #101720;background:linear-gradient(145deg,#101923f5,#080d14f7);border-color:#9b8147;box-shadow:inset 0 0 70px #d29b2810,0 28px 100px #000d}.setup-choice{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.setup-choice:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0008}.biome-choice{min-height:150px;justify-content:end;align-content:end;padding-top:78px;isolation:isolate}.biome-choice-art{position:absolute;z-index:-1;inset:0;background-position:center;background-size:cover;filter:saturate(.86) contrast(1.08);transition:transform .35s ease,filter .35s ease}.biome-choice:hover .biome-choice-art,.biome-choice.selected .biome-choice-art{transform:scale(1.045);filter:saturate(1.08) contrast(1.12)}.biome-choice strong{color:#fff0c6;font-family:var(--display-font);text-shadow:0 2px 8px #000}.biome-choice small{color:#bec6ca;text-shadow:0 2px 5px #000}.size-choice{grid-template-columns:auto 1fr;align-items:center;min-height:86px}.size-choice>b{grid-row:1 / 3;color:#d7b75f;font:700 32px/1 var(--display-font)}.faction-choice{min-height:172px;align-content:end;padding:0;border-top-width:3px;background:linear-gradient(180deg,#151e27,#080d13)}.faction-portrait{position:absolute;inset:0;display:block;overflow:hidden}.faction-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,#090e14e8 82%)}.faction-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.03);filter:saturate(.85) contrast(1.06);transition:transform .28s ease,filter .28s ease}.faction-choice:hover .faction-portrait img,.faction-choice.selected .faction-portrait img{transform:scale(1.09);filter:saturate(1.06) contrast(1.1)}.faction-choice-copy{position:relative;z-index:2;display:grid;gap:3px;width:100%;padding:10px;text-align:left}.faction-choice-copy strong{color:#fff1ca;font-family:var(--display-font);font-size:13px;text-shadow:0 2px 6px #000}.faction-choice-copy small{color:#aeb7bd}.faction-detail{grid-template-columns:112px 1fr;align-items:stretch;padding:0;overflow:hidden;border-left:4px solid var(--faction-color)}.faction-detail-portrait{position:relative;display:block;min-height:112px;overflow:hidden;background:#101822}.faction-detail-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.faction-detail-copy{display:grid;align-content:center;gap:5px;padding:13px}.faction-detail-copy>strong{color:#f1d68d;font:700 17px/1.1 var(--display-font)}.faction-detail-copy>span{color:#d7dde1;font-size:11px}.faction-detail-copy>small{color:#87939d;font-size:9px;line-height:1.6}.battlefield-summary{min-height:126px;justify-content:end;background-position:center;background-size:cover!important}.faction-summary{grid-template-columns:112px 1fr;align-items:center;padding:0!important;overflow:hidden}.faction-summary>span:last-child{display:grid;gap:6px;padding:16px}.summary-portrait{position:relative;display:block;width:112px;height:112px;overflow:hidden;background:#101822}.summary-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.loading-screen{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow:hidden;background:#05080b}.loading-screen[hidden]{display:none}.loading-backdrop{position:absolute;inset:-3%;background-position:center;background-size:cover;animation:loading-drift 1.35s ease-out both}.loading-content{position:relative;display:grid;justify-items:center;gap:10px;width:min(620px,82vw);padding:36px;text-align:center}.loading-content span{color:#d8b65f;font:800 12px/1 var(--display-font);letter-spacing:.4em}.loading-content strong{color:#fff0c4;font:700 clamp(20px,4vw,36px)/1.1 var(--display-font);letter-spacing:.1em;text-shadow:0 3px 24px #000}.loading-content small{color:#b8c0c5;font-size:9px;letter-spacing:.18em}.loading-content i{width:100%;height:3px;margin-top:14px;overflow:hidden;background:#27313a}.loading-content i:after{content:"";display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8b682c,#ffe199);animation:loading-progress 1.2s ease-out both}@keyframes loading-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loading-drift{0%{opacity:.35;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.victory{overflow-x:hidden;overflow-y:auto;isolation:isolate;padding-top:190px;background:linear-gradient(180deg,#080d1488,#080d14f7 36%)}.victory-faction-art{position:absolute;z-index:0;inset:0 0 auto;height:245px;overflow:hidden;border-bottom:1px solid var(--victory-color, #d6b45f)}.victory-faction-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#080d14 94%)}.victory>:not(.victory-faction-art){position:relative;z-index:1}.victory-portrait{position:absolute;inset:0;display:block}.victory-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.9) contrast(1.08)}@media(max-width:700px){.faction-grid{grid-template-columns:repeat(2,1fr)}.faction-choice{min-height:148px}.setup-brand strong{font-size:24px}}