.battle-viewport{min-width:0}.battle-stage{position:relative}.mobile-battle-toolbar,.mobile-battle-status,.mobile-controls{display:none}.has-touch:not(.mobile-scene) .mobile-controls{background:#162016;justify-content:space-around;gap:16px;padding:16px;display:flex}.mobile-control-side{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.mobile-stick-group{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:6px;display:flex}.mobile-stick-label{letter-spacing:.04em;color:#deed83;font-size:14px;font-weight:750}.mobile-stick-group>small{color:#bcc8ae;font-size:12px}.mobile-stick{width:var(--stick-size,126px);height:var(--stick-size,126px);touch-action:none;-webkit-touch-callout:none;cursor:grab;background:radial-gradient(circle,#394832 0 25%,#23351e 26% 56%,#111d13 57%);border:2px solid #95aa65;border-radius:50%;position:relative;box-shadow:inset 0 0 0 7px #b1c87912,0 3px 14px #0005}.mobile-stick.active{cursor:grabbing;border-color:#e1ef99;box-shadow:0 0 0 3px #deed8320}.mobile-stick:disabled{opacity:.4}.mobile-stick-knob{color:#f2f6e8;pointer-events:none;background:linear-gradient(#6a8151,#344e2a);border:2px solid #d3e1ab;border-radius:50%;place-items:center;width:42%;height:42%;display:grid;position:absolute;box-shadow:0 3px 9px #0007}.aim .mobile-stick{background:radial-gradient(circle,#30515a 0 25%,#1c3740 26% 56%,#11242b 57%);border-color:#7cbeca}.aim .mobile-stick-knob{background:linear-gradient(#507e89,#294e58);border-color:#b3e3e8}.aim .mobile-stick-label{color:#b3e3e8}.stick-axis{opacity:.15;pointer-events:none;background:#d8e9bb;position:absolute}.stick-axis.horizontal{width:80%;height:1px;top:50%;left:10%}.stick-axis.vertical{width:1px;height:80%;top:10%;left:50%}.mobile-ability{color:#d5f0f2;touch-action:manipulation;background:#23434a;border:1px solid #7bb8c4;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-width:100px;min-height:44px;padding:5px 8px;display:flex}.mobile-ability>span{flex-direction:column;font-size:14px;line-height:1.3;display:flex}.mobile-ability strong{font-size:12px;font-weight:500}.mobile-ability:disabled{color:#a7b3aa;cursor:default;background:#27362c;border-color:#4f6557}.mobile-ability:active:not(:disabled){background:#396571}.battle-viewport.immersive{z-index:80;overscroll-behavior:none;background:#0c130e;margin:0;position:fixed;overflow:hidden}.battle-viewport:-webkit-full-screen{background:#0c130e}.battle-viewport:fullscreen{background:#0c130e}.battle-viewport .mobile-scene{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--stick-size:clamp(88px, calc(var(--scene-height) - 180px), 140px);transform-origin:0 0;padding:max(4px, var(--safe-top)) max(8px, var(--safe-right)) max(4px, var(--safe-bottom)) max(8px, var(--safe-left));box-sizing:border-box;margin:0;display:block;position:absolute;top:0;left:0;overflow:hidden;container:tank-scene/size}.battle-viewport .mobile-scene[data-rotation="90"]{--safe-top:env(safe-area-inset-right,0px);--safe-right:env(safe-area-inset-bottom,0px);--safe-bottom:env(safe-area-inset-left,0px);--safe-left:env(safe-area-inset-top,0px)}.battle-viewport .mobile-scene[data-rotation="-90"]{--safe-top:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-right,0px);--safe-left:env(safe-area-inset-bottom,0px)}.mobile-scene>.battle-panel{background:0 0;border:0;flex-direction:column;width:100%;height:100%;display:flex;overflow:visible}.mobile-scene .panel-bar,.mobile-scene .combat-hud,.mobile-scene .battle-footer,.mobile-scene .coop-controls,.mobile-scene .battle-sidebar,.mobile-scene .network-battle-bar{display:none}.mobile-scene .mobile-battle-toolbar{background:#152016;border-bottom:1px solid #425538;flex:0 0 44px;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-hud-values{color:#b4c2a5;align-items:center;gap:clamp(8px,1.5vw,20px);font-size:14px;display:flex}.mobile-hud-values>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.mobile-hud-values strong{color:#eef3df;font-size:14px}.mobile-toolbar-actions{flex-shrink:0;display:flex}.mobile-toolbar-actions .icon-button{color:#dce9c4;touch-action:manipulation;width:44px;min-width:44px;height:44px}.mobile-scene .mobile-battle-status{color:#b5c7a0;flex:0 0 24px;justify-content:space-between;align-items:center;gap:12px;min-height:24px;font-size:14px;display:flex}.mobile-battle-status>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-battle-status>strong{color:#deed83;flex-shrink:0}.mobile-battle-status .secondary-button{min-height:24px;padding:2px 8px;font-size:12px}.mobile-scene .battle-stage{grid-template-columns:calc(var(--stick-size) + 12px) minmax(0, 1fr) calc(var(--stick-size) + 12px);flex:1;align-items:center;gap:8px;min-height:0;display:grid}.mobile-scene .canvas-wrap{width:min(100%, calc((var(--scene-height) - max(4px, var(--safe-top)) - max(4px, var(--safe-bottom)) - 68px) * 14 / 9));aspect-ratio:14/9;grid-area:1/2;justify-self:center;max-height:100%}.mobile-scene .canvas-wrap canvas{aspect-ratio:14/9;width:100%;height:100%}.mobile-scene .mobile-controls{display:contents}.mobile-scene .movement-side{grid-area:1/1}.mobile-scene .aiming-side{grid-area:1/3}.mobile-scene .mobile-control-side{gap:8px}.mobile-scene .refit-panel{z-index:15;inset:calc(max(4px, var(--safe-top)) + 44px) max(8px, var(--safe-right)) max(4px, var(--safe-bottom)) max(8px, var(--safe-left));overscroll-behavior:contain;touch-action:pan-y;padding:12px;position:absolute;overflow:auto}.mobile-scene .refit-heading{gap:8px;margin-bottom:6px}.mobile-scene .refit-heading h3{font-size:18px}.mobile-scene .refit-panel>p{margin-bottom:8px}.mobile-scene .refit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-scene .refit-choice{min-height:100px;padding:8px}.mobile-scene .refit-commanders{gap:12px}.battle-viewport .battle-pause-dialog{z-index:60;overscroll-behavior:contain;touch-action:pan-y;color:#e6ecd9;background:#1b281b;border:1px solid #748554;border-radius:8px;outline:none;gap:16px;width:min(560px,100% - 32px);max-width:none;max-height:calc(100% - 24px);padding:24px;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.battle-pause-dialog .battle-pause-close{width:44px;height:44px;position:absolute;top:8px;right:8px}.battle-pause-dialog [data-slot=dialog-title]{padding-right:40px}.battle-pause-dialog .primary-button,.battle-pause-dialog .secondary-button{min-height:44px;font-size:14px}.battle-viewport .result-overlay{overscroll-behavior:contain;touch-action:pan-y;z-index:10;overflow:auto}.mobile-scene .result-overlay{padding:12px}.mobile-scene .result-emblem{display:none}.mobile-scene .result-card{max-width:600px;margin:auto}.mobile-scene .result-card h2{margin-bottom:8px;font-size:24px}.mobile-scene .result-card>p:not(.eyebrow){max-width:none;font-size:14px}.mobile-scene .result-card .eyebrow{margin-bottom:4px;font-size:12px}.mobile-scene .result-stats{margin:8px 0;padding:8px 0}.mobile-scene .result-stats strong{font-size:22px}.mobile-scene .result-stats span{font-size:12px}.mobile-scene .result-actions .primary-button,.mobile-scene .result-actions .secondary-button{min-height:44px;padding:8px 14px;font-size:14px}@media (prefers-reduced-motion:reduce){.battle-viewport *{scroll-behavior:auto}}@container tank-scene (height<=300px){.mobile-stick-group>small,.mobile-stick-label{display:none}.mobile-scene .mobile-control-side{gap:4px}.mobile-scene .refit-choice small{font-size:12px}}.combat-settings{border:0;gap:10px;padding:12px 0;display:grid}.combat-settings legend{padding-bottom:8px;font-weight:600}.combat-settings label{cursor:pointer;align-items:center;gap:10px;min-height:32px;font-size:14px;display:flex}.combat-settings input{accent-color:#a5b667;width:18px;height:18px}.expedition-scene{color:#e1e8d7;background:#121e1c;border:1px solid #435345;min-width:0;position:relative}.exp-toolbar{background:#1c2b27;border-bottom:1px solid #435345;align-items:center;gap:20px;padding:13px 17px;display:flex}.exp-toolbar>div:first-child{flex-direction:column;gap:3px;display:flex}.exp-toolbar strong{font-size:17px}.exp-score{color:#b6c7ae;margin-left:auto;font:12px monospace}.exp-tools{gap:6px;display:flex}.exp-tools button,.exp-menu button:not(.primary-button):not(.secondary-button){color:#e1edcd;cursor:pointer;background:#253b32;border:1px solid #65795e;padding:10px}.exp-tools button:hover,.exp-menu button:hover{background:#334f3f!important;border-color:#c7dd8b!important}:is(.exp-tools button:focus-visible,.exp-menu button:focus-visible){outline-offset:3px;outline:3px solid #d7e997}.exp-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;display:grid}.exp-field{background:#192b2b;min-width:0;position:relative}.exp-field canvas{aspect-ratio:896/576;touch-action:none;outline:none;width:100%;display:block}.exp-bottom-hud{color:#c8d9b6;background:#1c302a;flex-wrap:wrap;gap:20px;padding:10px 14px;font:12px monospace;display:flex}.exp-bottom-hud b{color:#cde4a7}.exp-mission-panel{padding:20px 18px}.exp-mission-panel h3{margin:5px 0 10px;font-size:18px}.exp-mission-panel>p:not(.eyebrow){color:#acbda7;font-size:12px;line-height:1.6}.exp-objective{border-bottom:1px solid #3a4a3a;flex-direction:column;gap:7px;padding:15px 0;font-size:12px;display:flex}.exp-objective b{color:#e2c088;font-size:13px}.exp-objective span{color:#b9c7b1;line-height:1.5}.exp-objective.complete{opacity:.65}.exp-objective.complete b{color:#9ee1b1}.exp-mission-panel>.eyebrow:not(:first-child){margin-top:22px}.exp-modules{color:#becdad;flex-direction:column;gap:6px;font-size:12px;display:flex}.exp-modules span{justify-content:space-between;display:flex}.exp-log{border-left:2px solid #b4d589;margin-top:20px;padding-left:10px}.exp-footer{color:#a4b89c;border-top:1px solid #405440;justify-content:space-between;gap:15px;padding:12px 16px;font-size:11px;line-height:1.7;display:flex}.exp-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#091916c9;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.exp-menu{background:#172922;border:1px solid #819866;width:100%;max-width:730px;max-height:100%;padding:26px;overflow:auto;box-shadow:0 20px 60px #0008}.exp-menu h2{color:#e5efc2;margin:10px 0 16px;font-size:clamp(20px,3vw,30px);line-height:1.2}.exp-menu p{color:#c3d0b6;margin:10px 0 16px;font-size:13px;line-height:1.7}.exp-player-label{justify-content:space-between;gap:15px;margin:14px 0;font-size:11px;display:flex}.exp-player-label span{color:#c6ac75}.exp-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.exp-choices button{text-align:left;flex-direction:column;gap:12px;min-height:150px;display:flex;padding:17px!important}.exp-choices small{color:#bed49c;font-size:9px}.exp-choices strong{font-size:17px;line-height:1.2}.exp-choices span{color:#b7c8ae;font-size:12px;line-height:1.5}.exp-station-actions{grid-template-columns:1fr 1fr;gap:10px;font-size:11px;display:grid}.exp-menu button:disabled{opacity:.4;cursor:default}.exp-menu-footer{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.exp-error{color:#ffd296!important}.exp-network{color:#eacc90;background:#3f3621;padding:8px 15px;font-size:12px}.expedition-viewport.is-immersive{z-index:80;background:#0b1916;position:fixed;overflow:hidden}.expedition-scene.mobile-scene{border:0;flex-direction:column;display:flex;position:absolute;overflow:hidden}.expedition-scene.mobile-scene .exp-toolbar{gap:10px;height:42px;min-height:42px;padding:4px 12px}.expedition-scene.mobile-scene .exp-toolbar .eyebrow{display:none}.expedition-scene.mobile-scene .exp-toolbar strong{font-size:13px}.expedition-scene.mobile-scene .exp-score{font-size:10px}.expedition-scene.mobile-scene .exp-tools button{padding:5px}.expedition-scene.mobile-scene .exp-layout{flex:1;min-height:0;display:block}.expedition-scene.mobile-scene .exp-field{justify-content:center;align-items:center;height:100%;display:flex}.expedition-scene.mobile-scene canvas{object-fit:contain;width:auto;max-width:100%;height:100%}.expedition-scene.mobile-scene .exp-mission-panel,.expedition-scene.mobile-scene .exp-footer{display:none}.expedition-scene.mobile-scene .exp-bottom-hud{pointer-events:none;background:#162b24b8;padding:5px 12px;font-size:10px;position:absolute;top:0;left:0;right:0}.expedition-scene.mobile-scene .mobile-controls{pointer-events:none;--stick-size:92px;justify-content:space-between;align-items:flex-end;padding:12px 20px;display:flex;position:absolute;inset:0}.expedition-scene.mobile-scene .mobile-control-side{pointer-events:auto;gap:5px}.expedition-scene.mobile-scene .mobile-stick-group>small,.expedition-scene.mobile-scene .mobile-stick-label{display:none}.expedition-scene.mobile-scene .mobile-ability{width:118px;min-height:36px}.expedition-scene.mobile-scene .mobile-ability strong{font-size:9px}.expedition-scene.mobile-scene .exp-overlay{padding:8px}.expedition-scene.mobile-scene .exp-menu{max-width:800px;padding:15px}.expedition-scene.mobile-scene .exp-menu h2{margin:5px 0 10px;font-size:22px}.expedition-scene.mobile-scene .exp-choices button{gap:6px;min-height:115px;padding:10px!important}.expedition-scene.mobile-scene .exp-choices strong{font-size:14px}.expedition-scene.mobile-scene .exp-choices span{font-size:11px}.expedition-scene.mobile-scene .exp-network{z-index:22;position:absolute;top:42px;left:0;right:0}.expedition-launch{background:#243729;border:1px solid #637b50;margin-top:16px;padding:20px}.expedition-launch p{color:#bacdaf;font-size:13px;line-height:1.7}.expedition-launch button{margin:8px 8px 0 0}.ruleset-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ruleset-options label{min-width:0;padding:12px 8px!important}.ruleset-options span{font-size:12px!important}@media (max-width:1050px){.exp-layout{grid-template-columns:minmax(0,1fr) 210px}.exp-mission-panel{padding:15px 12px}}@media (max-width:760px){.exp-layout{display:block}.exp-footer{flex-direction:column;gap:5px}.exp-toolbar{gap:10px}.exp-toolbar strong{font-size:14px}.exp-score{display:none}.exp-choices{grid-template-columns:1fr}.exp-menu{padding:16px}.mobile-scene .exp-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.exp-choices button{min-height:auto}.exp-mission-panel{display:none}.exp-bottom-hud{gap:8px;font-size:10px}.exp-overlay{padding:8px}}.exp-starting-gear{gap:12px;margin:15px 0 22px;display:grid}.exp-starting-gear label{letter-spacing:.08em;color:#aebe9b;gap:7px;font-size:10px;display:grid}.exp-starting-gear select{color:#dde9cb;background:#1d3028;border:1px solid #627750;padding:10px;font-size:13px}.exp-starting-gear small{color:#aebe9b;font-size:11px;line-height:1.5}.expedition-scene.mobile-scene .exp-field{container-type:size}.expedition-scene.mobile-scene canvas{object-fit:fill;width:min(100cqw,155.556cqh);height:auto;max-height:100%}.exp-evolutions{background:#162a24;border:1px solid #597159;margin:16px 0;font-size:12px}.exp-evolutions summary{cursor:pointer;color:#e4deae;justify-content:space-between;gap:8px;padding:12px;display:flex}.exp-evolutions summary:before{content:"▸"}.exp-evolutions[open] summary:before{content:"▾"}.exp-evolutions summary span{color:#b7d6b3;white-space:nowrap;align-self:center;font-size:9px}.exp-evolutions>p{color:#b4c6b1;padding:0 12px;font-size:11px;line-height:1.6}.exp-evolution{border-top:1px solid #3a5041;gap:8px;padding:12px;display:grid}.exp-evolution.active{background:#263e2d}.exp-evolution b{justify-content:space-between;display:flex}.exp-evolution>span{color:#b4c6b1;font-size:11px;line-height:1.5}.exp-evolution>div{flex-wrap:wrap;gap:5px;display:flex}.exp-evolution>div span{color:#a4bca5;background:#0f221e;padding:5px;font-size:10px}.exp-evolution>div .fitted{color:#daf2af;background:#3c5231}.exp-choices .exp-synergy{color:#ffdd98;margin-top:auto;line-height:1.4}.exp-routebar{z-index:8;background:#182b24;border-bottom:1px solid #485843;align-items:center;gap:18px;min-height:72px;padding:10px 16px;display:flex;position:sticky;top:0}.exp-route-select{color:#b6c58d;flex:none;align-items:center;gap:8px;display:flex}.exp-route-select select{color:#e2e7ce;cursor:pointer;background:#23382d;border:1px solid #5b7356;border-radius:3px;min-width:0;max-width:205px;padding:9px 7px;font:12px system-ui}.exp-route-select select:focus-visible{outline-offset:2px;outline:2px solid #d2e49a}.exp-track-button:focus-visible{outline-offset:2px;outline:2px solid #d2e49a}.exp-route-info{flex-direction:column;flex:1;gap:3px;min-width:0;font:12px/1.35 system-ui;display:flex}.exp-route-info strong{color:#e1dab0;font-weight:600}.exp-route-info span{color:#bacdb8}.exp-route-info small{color:#9bb289;font-size:11px}.exp-route-info em{color:#e4b986;white-space:nowrap;font-style:normal}.exp-route-info em.urgent{color:#ffc396}.exp-route-distance{color:#dbd29f;flex-direction:column;flex:0 0 56px;align-items:center;gap:4px;font:11px monospace;display:flex}.exp-track-button{color:#cdd7b3;text-align:left;cursor:pointer;background:#24382b;border:1px solid #536a4e;border-radius:3px;width:100%;padding:7px 8px;font:11px/1.5 system-ui}.exp-track-button:hover,.exp-track-button[aria-pressed=true]{color:#eef2c9;background:#344735;border-color:#c6ce8c}.exp-field-update{z-index:4;color:#e6eccb;pointer-events:none;background:#10271eea;border:1px solid #83a568;border-left:3px solid #c4dc89;width:min(430px,66%);padding:9px 12px;font:12px/1.45 system-ui;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #05140e70}.exp-field-update.danger{color:#ffdfb7;background:#30281bea;border-color:#b28657}.expedition-scene.mobile-scene .exp-routebar{flex-shrink:0;gap:10px;min-height:48px;padding:5px 10px}.expedition-scene.mobile-scene .exp-route-select{gap:5px}.expedition-scene.mobile-scene .exp-route-select select{width:153px;padding:6px 4px;font-size:11px}.expedition-scene.mobile-scene .exp-route-info{gap:2px;font-size:10px}.expedition-scene.mobile-scene .exp-route-info small{display:none}.expedition-scene.mobile-scene .exp-route-distance{flex-basis:40px;gap:0;font-size:10px}.expedition-scene.mobile-scene .exp-field-update{width:min(360px,60%);padding:5px 9px;font-size:10px;top:29px}@media (max-width:620px){.expedition-scene:not(.mobile-scene) .exp-routebar{flex-wrap:wrap;gap:8px;padding:8px}.expedition-scene:not(.mobile-scene) .exp-route-select{width:100%}.expedition-scene:not(.mobile-scene) .exp-route-info{font-size:11px}}