:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;color:#ecece0;background:#181d19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#181d19;--panel:#232a24;--text:#ecece0;--muted:#a0a798;--line:#41493e;--accent:#d2dc86;--cyan:#78d2c3}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;font-size:.875rem;font-weight:500;line-height:1.4;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}button:not(:disabled):hover{background-color:#30392e;border-color:#8c957f}[tabindex]:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button svg{flex-shrink:0}h1,h2,p{margin:0}h1{font-size:1.125rem;font-weight:550;letter-spacing:.025em}h1 span{color:var(--muted);margin:0 5px}h2{font-size:1.125rem;font-weight:650;line-height:1.5}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:.75rem}.app-shell{max-width:1440px;margin:0 auto;padding:0 30px}.app-header{min-height:86px;justify-content:space-between;gap:20px}.app-header,.brand{display:flex;align-items:center}.brand{gap:17px}.brand svg{color:var(--accent)}.brand span{font-size:1.4rem;letter-spacing:.25em;font-weight:600}.header-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;background:transparent;border:1px solid #747c68;border-radius:4px;transition:background-color .12s,border-color .12s}.header-actions .button{border-color:#525b4c;font-size:.8rem;min-height:40px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.battle-area{min-width:0}.map-panel,.squad-panel{background:#1e241f;border:1px solid var(--line);border-radius:4px}.map-heading{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.simulation-status{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:.85rem;font-weight:600}.simulation-status.running{color:var(--cyan)}.simulation-status time{margin-left:13px;padding-left:15px;border-left:1px solid var(--line);color:var(--text);font-size:.875rem;font-weight:400;letter-spacing:.04em}.map-viewport{position:relative;width:min(100% - 24px,766px,max(400px,100dvh - 350px));aspect-ratio:1;margin:14px auto 0}.map-canvas{width:100%;height:100%;touch-action:none;border-radius:2px}.map-canvas canvas{display:block;width:100%!important;height:100%!important;margin:0!important;touch-action:none}.map-loading{position:absolute;inset:0;display:grid;place-content:center;white-space:pre-line;text-align:center;background:var(--panel);color:var(--muted);font-size:.875rem;pointer-events:none}.map-utilities{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 20px 8px;color:var(--muted)}.map-gesture-hint{font-size:.65rem;line-height:1.6;color:var(--muted);margin:0 20px 10px}.touch-gestures{display:none}.map-canvas.pan-mode canvas{cursor:grab}.unit-row .unit-number{color:var(--unit-color,var(--accent))}.enemy-count-controls{display:flex;flex-wrap:wrap;gap:8px}.enemy-count-controls input{flex:1 1;min-width:0;width:70px;font:inherit;color:var(--text);background:#252d24;border:1px solid var(--line);border-radius:4px;padding:9px}.respawn-toggle{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:.875rem}.respawn-toggle input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent)}.ammo-policy{flex-wrap:wrap}.map-legend{display:flex;align-items:center;gap:7px;font-size:.7rem}.legend-dot{width:6px;height:6px;border-radius:50%;margin-left:10px}.legend-dot:first-child{margin-left:0}.ally-dot{background:var(--cyan)}.enemy-dot{background:#d88571}.legend-line{width:12px;border-top:2px dashed var(--cyan);margin-left:10px}.map-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:3px;padding:0}.vision-button{color:var(--muted)}.vision-button.on{color:var(--accent)}.zoom-controls{display:flex;align-items:center;gap:3px}.zoom-controls span{min-width:38px;text-align:center;font-size:.65rem}.controls-area{margin-top:18px}.main-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mode-controls{display:flex;flex-wrap:wrap;gap:8px}.tool-button{min-height:50px}.active-tool{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);background:#232b22}.key-hint{color:#87917d;font-size:.65rem;font-family:monospace;border:1px solid #495240;border-radius:2px;padding:0 3px;margin-left:2px}.undo-button{padding:13px;min-height:50px;border-color:#50594c}.playback-controls{margin-left:auto;display:flex;align-items:center;gap:6px}.primary-button{background:var(--accent);border-color:var(--accent);color:#22281a;font-weight:750;min-height:50px;padding:12px 24px}.primary-button:not(:disabled):hover{background-color:#e0e9a0;border-color:#e0e9a0}.speed-button{min-height:50px;padding:12px 10px;border-color:#50594c;color:var(--muted)}.command-notice{white-space:pre-line;font-size:.8rem;line-height:1.8;color:#c1c7b9;border-left:2px solid #536446;padding-left:13px;margin-top:16px;min-height:46px}.keyboard-guide{display:flex;flex-wrap:wrap;gap:16px;color:#a0a798;font-size:.65rem;margin-top:16px;line-height:1.8}kbd{font-family:monospace;font-size:.65rem;border:1px solid #47503f;background:#20261e;padding:2px 5px;border-radius:3px}.squad-panel{padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.unit-list{display:flex;flex-direction:column;gap:8px}.unit-row{display:flex;align-items:center;width:100%;padding:0;border:1px solid #434c3e;border-left:3px solid var(--unit-color,var(--accent));border-radius:4px;background:transparent;text-align:left;min-height:64px;overflow:hidden}.unit-row.selected{border-color:var(--unit-color,var(--accent));box-shadow:inset 0 0 0 1px var(--unit-color,var(--accent));background:#272f25}.unit-row.inactive{opacity:.55}.unit-portrait{display:grid;place-items:center;width:54px;align-self:stretch;flex-shrink:0;background:#30372b;border-right:1px solid #454d3d}.unit-portrait img{width:47px;height:47px;object-fit:contain;transform:rotate(-35deg)}.unit-row-content{min-width:0;flex:1 1;padding:9px 10px}.unit-row-top{display:flex;align-items:center;gap:9px}.unit-number{color:var(--accent);font-size:.8rem}.unit-row-top strong{font-size:.9375rem;font-weight:650}.unit-state{margin-left:auto;color:#c1c7b9;font-size:.75rem;white-space:nowrap}.unit-vitals{margin-top:7px;display:flex;align-items:center;gap:12px}.unit-vitals>.mono{font-size:.7rem;color:#c1c7b9;white-space:nowrap}.health-track{height:4px;flex:1 1;background:#3e4636}.health-track>span,.stat-track>span{display:block;height:100%;background:var(--accent)}.section-block{border-top:1px solid #565f4d;margin-top:18px;padding-top:17px}.unit-position{font-size:.75rem;color:var(--muted)}.equipment{display:flex;align-items:center;gap:13px}.equipment-portrait{width:68px;height:76px;border:1px solid #646d55;border-radius:4px;background:#2b3328;display:grid;place-items:center;flex-shrink:0}.equipment-portrait img{width:63px;transform:rotate(-35deg)}.equipment-info{flex:1 1;min-width:0}.weapon-name{font-size:.8rem;font-weight:600;display:block;margin-bottom:11px}.stat-row{display:flex;align-items:center;gap:7px;font-size:.75rem;margin-top:7px}.stat-row>span:first-child{width:2.2em;flex-shrink:0;white-space:nowrap}.stat-track{flex:1 1;height:5px;background:#3e4636}.stat-row>.mono{font-size:.7rem;min-width:61px;flex-shrink:0;white-space:nowrap;text-align:right}.reserve-row{font-size:.7rem;color:var(--muted);margin-top:8px}.command-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.command-pair .button{padding:9px 6px;font-size:.78rem}.fire-held{color:#e4bd88;border-color:#947547}.reload-progress{height:3px;background:#434a37;margin-top:8px}.reload-progress>span{display:block;height:100%;background:var(--accent)}.target-policy{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:var(--muted);font-size:.7rem;min-height:25px}.text-button{color:var(--cyan);border:0;background:transparent;padding:5px 0;font-size:.7rem}.target-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.target-chip{display:flex;align-items:center;gap:5px;color:#e1ac99;border:1px solid #775247;background:#322723;border-radius:3px;font-size:.65rem;padding:7px}.aim-context{border-left:2px solid var(--cyan);margin-top:10px;padding-left:10px;font-size:.7rem;line-height:1.6}.aim-context>div{display:flex;gap:18px}.aim-context strong{color:var(--cyan);font-weight:500}.inline-notice{color:#e4bd88;font-size:.75rem;line-height:1.7;margin-top:10px}.waypoint-list{list-style:none;padding:0;margin:0 0 10px;max-height:235px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#58614c #20271f}.waypoint-list li{display:flex;align-items:center;min-height:39px;border:1px solid #424b3e;margin-bottom:5px;border-radius:3px}.waypoint-list li.active{border-color:#6b9585;background:#27372d}.waypoint-select{flex:1 1;display:flex;gap:10px;align-self:stretch;background:transparent;border:0;min-width:0;text-align:left;padding:5px 9px}.waypoint-number,.waypoint-select{align-items:center;font-size:.75rem}.waypoint-number{color:var(--cyan);border:1.5px solid var(--cyan);border-radius:50%;width:23px;height:23px;display:inline-flex;justify-content:center}.waypoint-action{margin-left:auto;font-size:.65rem;color:#a4b1a5}.clear-path{width:100%;font-size:.75rem;min-height:36px;padding:7px}.empty-plan{color:var(--muted);font-size:.72rem;line-height:1.85;padding:0 0 12px}.mission p{color:#c1c7b9;font-size:.75rem;line-height:1.85}.mission .section-title{margin-bottom:7px}.mission .mono{color:var(--accent);font-size:.8rem}.training-note{display:block;color:var(--muted);font-size:.65rem;margin-top:10px}.app-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333d31;margin:24px 0 20px;padding-top:12px;font-size:.6rem;color:#8e9985;letter-spacing:.07em}.dialog{color:var(--text);background:#232a24;border:1px solid #73815e;border-radius:7px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px;box-shadow:0 18px 90px #0008}.dialog::backdrop{background:#101610d9}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog h2{font-size:1.25rem;font-weight:650}.help-steps{list-style:none;padding:0;margin:22px 0}.help-steps li{display:flex;align-items:flex-start;gap:16px;margin-top:23px}.help-step{font-size:.8rem;color:var(--accent);border:1px solid #707b51;padding:6px;border-radius:3px}.help-extra strong,.help-steps strong{font-size:.875rem}.help-extra p,.help-steps p{font-size:.8rem;line-height:1.9;margin-top:7px;color:#c1c7b9;overflow-wrap:anywhere}.help-extra{border-top:1px solid var(--line);padding-top:20px}.help-extra p+p{margin-top:14px}.dialog-action{width:100%;margin-top:24px}.result-dialog{text-align:center;padding:35px}.result-dialog>svg{color:var(--accent);margin-bottom:15px}.result-dialog p{margin:16px 0;white-space:pre-line;font-size:.875rem;line-height:1.85;color:#c1c7b9}.result-stats{display:flex;justify-content:center;gap:50px;border-block:1px solid var(--line);padding:20px 0}.result-stats div{display:flex;flex-direction:column;gap:8px}.result-stats span{font-size:.75rem;color:var(--muted)}.result-stats strong{color:var(--accent);font-size:1.35rem}@media (min-width:1600px){.app-shell{max-width:1520px}}@media (max-width:1140px){.app-shell{padding:0 20px}.game-layout{grid-template-columns:minmax(0,1fr) 305px;gap:16px}.squad-panel{padding:15px}.brand span{font-size:1.15rem;letter-spacing:.2em}.key-hint{display:none}.tool-button{padding:10px 12px}.undo-button span{display:none}.playback-controls .primary-button{padding-inline:16px}.unit-row-content{padding-inline:8px}.unit-vitals{gap:9px}}@media (max-width:860px){.app-shell{max-width:740px}.app-header{min-height:76px;flex-wrap:wrap;padding:16px 0;gap:15px}.app-header h1{order:3;flex-basis:100%;font-size:.95rem}.game-layout{grid-template-columns:1fr;gap:22px}.map-viewport{width:min(100% - 24px,766px)}.squad-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.roster{grid-row:span 2}.section-block{margin-top:0}.inspector{border-top:0;padding-top:0}.mission{grid-column:1/-1;padding-top:15px}.mission p br{display:none}.unit-row{min-height:71px}}@media (max-width:560px){.desktop-gestures{display:none}.touch-gestures{display:inline}.app-shell{padding:0 12px}.brand{gap:10px}.brand svg{width:28px;height:28px}.brand span{font-size:1rem;letter-spacing:.2em}.header-actions{gap:5px}.header-actions .button{padding:10px;min-height:44px}.header-actions .button>span{display:none}.app-header h1{font-size:.95rem}.map-heading{padding:12px;flex-wrap:wrap;gap:8px}.map-heading h2,.simulation-status{white-space:nowrap}.map-heading h2{font-size:.875rem}.simulation-status{font-size:.75rem}.simulation-status time{font-size:.75rem;margin-left:5px;padding-left:9px}.map-viewport{width:100%;margin:8px auto 0}.map-utilities{padding:0 7px 4px;gap:0;flex-wrap:wrap}.map-legend{font-size:.6rem;gap:5px}.legend-dot,.legend-line{margin-left:5px}.legend-line{width:10px}.map-view-controls,.zoom-controls{gap:0}.icon-button{width:44px;height:44px}.zoom-controls .icon-button{width:35px}.zoom-controls span{min-width:32px}.controls-area{margin-top:12px}.main-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:9px}.mode-controls{display:flex;flex-wrap:wrap;gap:7px}.tool-button{flex:1 1 44%;min-width:max-content;white-space:nowrap;font-size:.78rem;padding:10px 7px;min-height:46px;gap:7px}.tool-button svg{width:17px}.undo-button{width:44px;min-height:46px;padding:0}.playback-controls{grid-column:1/-1;width:100%;margin-left:0}.playback-controls .primary-button{flex:1 1;min-height:46px}.speed-button{min-height:46px;min-width:44px}.command-notice{font-size:.75rem;line-height:1.85;margin-top:13px;min-height:45px}.keyboard-guide{display:none}.squad-panel{display:block;padding:16px}.section-block{margin-top:19px;padding-top:18px}.inspector{border-top:1px solid #565f4d}.unit-row-content{padding-inline:12px}.unit-vitals{gap:12px}.unit-state{font-size:.75rem}.unit-vitals>.mono{font-size:.7rem}.unit-portrait{width:58px}.stat-row{font-size:.75rem}.stat-row>.mono{font-size:.7rem}.stat-row>span:first-child{width:2.2em}.reserve-row{font-size:.75rem}.command-pair .button{font-size:.85rem}.command-pair{display:flex;flex-wrap:wrap}.command-pair .button{flex:1 1 44%;min-width:max-content;white-space:nowrap}.target-policy{font-size:.75rem}.waypoint-list li,.waypoint-select{min-height:44px}.empty-plan{font-size:.8rem}.clear-path,.text-button{min-height:44px}.text-button{font-size:.75rem}.target-chip{min-height:44px}.aim-context,.mission p{font-size:.8rem}.mission p br{display:initial}.training-note{font-size:.7rem}.app-footer{font-size:.6rem;margin-top:20px;flex-wrap:wrap;gap:5px}.dialog{padding:20px}.dialog h2{font-size:1.125rem}.help-steps li{gap:12px}}@media (max-width:380px){.equipment-portrait{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.weapon-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.weapon-range{margin-left:auto;font-size:.65rem;font-weight:400;color:var(--muted)}.loadout-settings{margin-top:15px}.setting-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;font-size:.75rem;margin:12px 0 7px;color:#d5dacb}.setting-label>span{color:var(--muted);font-size:.65rem}.loadout-settings select{color:var(--text);width:100%;max-width:100%;min-height:44px;padding:9px 10px;font:inherit;font-size:.8rem;background:#1a211b;border:1px solid #616d53;border-radius:4px}.loadout-settings select:disabled{opacity:.65}.setting-note,.weapon-description{font-size:.7rem;line-height:1.7;color:var(--muted);margin-top:7px;white-space:pre-line;overflow-wrap:anywhere}.segmented-control{display:flex;flex-wrap:wrap;gap:5px}.segmented-control button{flex:1 1 auto;min-width:max-content;min-height:40px;border:1px solid #505d46;border-radius:3px;background:#1e271f;color:var(--muted);padding:7px 9px;font-size:.75rem}.segmented-control button.selected{border-color:var(--accent);color:var(--accent);background:#333c27}.cover-status{display:flex;align-items:center;gap:7px;margin-top:14px;color:#aeb89f;font-size:.7rem;line-height:1.65}.cover-status svg{flex-shrink:0}.cover-status.braced{color:var(--accent)}.shot-feedback{font-size:.7rem;color:#e5c994;margin-top:5px;line-height:1.7}.throwables{border-top:1px solid #414c3d;padding-top:3px;margin-top:10px}.throwables .command-pair{margin-top:0}.pending-throw{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:.7rem;color:#e5c994;gap:8px;margin-top:5px}.legend-cover{width:9px;height:7px;border:solid #c6bc8a;border-width:1px 1px 3px;margin-left:13px;display:inline-block}.pan-toggle{min-height:30px;padding:6px 8px;font-size:.65rem}@media (min-width:861px){.battle-area{position:sticky;top:12px;align-self:start}}@media (max-width:560px){.segmented-control button,.setting-label{font-size:.8rem}.segmented-control button{min-height:44px}.cover-status,.pending-throw,.setting-note,.shot-feedback,.weapon-description{font-size:.75rem}.setting-label>span{font-size:.7rem}.pan-toggle{min-height:44px;padding-inline:7px}.legend-cover{margin-left:5px}.map-legend{flex-wrap:wrap}}.route-utilities{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.route-utilities .button{font-size:.75rem}.route-utilities>span{color:var(--muted);font-size:.65rem;line-height:1.65}.barrel-controls,.door-controls{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.door-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.door-actions .button{flex:1 1 80px;font-size:.75rem;padding:9px 7px}.abandon-button{width:100%;margin-top:13px;color:#dfad96;border-color:#765846}.contact-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;width:100%;min-height:44px;margin-top:6px;padding:8px 10px;border:1px solid #624a3f;background:#282522;border-radius:3px;font-size:.75rem;text-align:left}.contact-row .mono{color:#df9b85;font-size:.7rem}.map-utilities{flex-wrap:wrap}@media (max-width:560px){.route-utilities>span{flex-basis:100%}.door-actions{flex-direction:column}.door-actions .button{flex-basis:auto}}.action-controls{display:grid;gap:12px;margin:20px 0}.action-controls .setting-note{margin:0}.action-participants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-participants label{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px;border:1px solid var(--border);border-left:3px solid var(--unit-color);border-radius:4px;font-size:13px}.action-participants input{width:17px;height:17px;accent-color:var(--unit-color);flex:0 0 auto}.pending-action{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:4px;font-size:13px;line-height:1.5}.pending-action .text-button{justify-self:start}.waypoint-reorder{display:flex;gap:2px;flex:0 0 auto}.waypoint-reorder button{width:26px;min-height:36px;font-size:17px}.trap-warning{color:#f19b86;border-color:#b76554}@media (max-width:390px){.action-participants{grid-template-columns:1fr}.waypoint-list li{flex-wrap:wrap}.waypoint-select{flex-basis:60%}}.lesson-content,.orientation-note,.practice-detail,.practice-guide p,.setting-note,.tutorial-intro{white-space:pre-line;overflow-wrap:anywhere}.action-participants label,.pending-action{border-color:var(--line);font-size:.8125rem}.action-participants label{min-height:44px}.waypoint-reorder button{min-width:32px;min-height:44px;font-size:1rem}.waypoint-action{overflow-wrap:anywhere}.saved-loadout{color:var(--cyan)}select{max-width:100%}.difficulty-settings .setting-note{margin-top:12px}.mobile-command-tabs,.mobile-sheet-heading,.mobile-unit-strip,.orientation-note{display:none}.tutorial-dialog{width:min(920px,calc(100% - 24px))}.tutorial-intro{color:var(--muted);font-size:.875rem;line-height:1.7;margin-top:14px}.tutorial-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;margin-top:20px}.lesson-list{display:flex;flex-direction:column;gap:8px}.lesson-list .button{text-align:left;justify-content:flex-start;font-size:.8125rem}.lesson-list .mono{color:var(--accent);flex:0 0 24px}.lesson-content h3{font-size:1.35rem;margin:10px 0}.tutorial-step{color:var(--cyan);font-size:.8rem}.lesson-goal{color:var(--accent);font-size:.95rem;line-height:1.8}.lesson-content ol,.practice-detail ol{padding-left:1.4rem;margin:20px 0}.lesson-content li,.practice-detail li{font-size:.9rem;line-height:1.85;margin-bottom:16px;padding-left:4px}.lesson-tip{border-left:2px solid var(--cyan);padding:10px 14px;font-size:.85rem;color:var(--muted);line-height:1.8;margin-bottom:20px}.lesson-content>.primary-button{width:100%}.lesson-navigation{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.lesson-navigation button{flex:1 1}.practice-guide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid #667c5e;border-radius:4px;background:#293323;margin-bottom:14px;padding:12px 16px}.practice-guide strong{color:var(--accent)}.practice-guide p{font-size:.85rem;line-height:1.7;margin-top:4px}.practice-actions{display:flex;flex-wrap:wrap;gap:8px}.practice-actions .button{font-size:.75rem;padding:8px}.practice-detail{flex-basis:100%;max-height:38dvh;overflow-y:auto}@media (max-width:860px){.app-shell{max-width:none;padding:0 10px 156px}.app-header{min-height:60px;padding:8px 0;flex-wrap:nowrap;gap:8px}.app-header h1{display:none}.brand{gap:8px}.brand span{font-size:.95rem;letter-spacing:.17em}.brand svg{width:27px;height:27px}.header-actions .button{padding:8px;min-height:44px}.header-actions .button span{display:none}.orientation-note{display:block;font-size:.75rem;line-height:1.6;color:var(--muted);margin:0 0 8px}.mobile-unit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}.quick-unit{min-height:52px;min-width:0;border:1px solid var(--line);border-top:3px solid var(--unit-color);border-radius:4px;padding:6px 3px;background:#202920;text-align:center}.quick-unit.selected{border-color:var(--unit-color);background:#303c2a}.quick-unit strong{color:var(--unit-color);font-size:.875rem}.quick-unit strong span{display:inline-block;color:var(--text);margin-left:5px;font-size:.75rem}.quick-vitals{display:block;font-size:.625rem;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.map-heading{padding:8px 10px;flex-wrap:wrap}.map-heading h2{font-size:.875rem;white-space:normal}.map-viewport{width:100%;margin:4px auto 0}.map-legend{display:none}.map-utilities{padding:2px 4px 6px}.map-view-controls{gap:3px;justify-content:space-between;width:100%}.pan-toggle{font-size:.6875rem;min-height:44px;padding:5px}.zoom-controls .icon-button{width:36px}.zoom-controls span{min-width:36px}.map-gesture-hint{margin:0 10px 8px;font-size:.6875rem}.desktop-gestures{display:none}.touch-gestures{display:inline}.controls-area{margin-top:10px}.mode-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1 1;gap:5px}.mode-controls .button{min-width:0;font-size:.75rem;padding:8px 5px;gap:5px;flex-wrap:wrap}.mode-controls svg{width:17px;height:17px}.key-hint,.keyboard-guide{display:none}.undo-button{min-height:48px;padding:8px}.undo-button span{display:none}.playback-controls{position:fixed;inset:auto 0 0;display:flex;gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#1e261f;border-top:1px solid var(--line);z-index:40}.playback-controls .primary-button{flex:1 1;min-width:0;font-size:.875rem;padding:10px}.playback-controls .speed-button{min-width:52px;min-height:48px}.mobile-command-tabs{position:fixed;inset:auto 0 calc(70px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 12px;background:#1e261f;z-index:40;border-top:1px solid var(--line)}.mobile-command-tabs .button{font-size:.8rem;min-width:0;padding:7px 3px}.squad-panel{display:none;position:fixed;inset:auto 8px calc(126px + env(safe-area-inset-bottom));z-index:55;max-height:68dvh;overflow-y:auto;overscroll-behavior:contain;padding:12px;box-shadow:0 -12px 50px #0008;border-color:#859168}.squad-panel[data-mobile-view]:not([data-mobile-view=closed]){display:block}.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-12px;background:#1e241f;padding:8px 0;border-bottom:1px solid var(--line);z-index:1}.mobile-sheet-heading strong{font-size:.875rem}.mobile-sheet-heading .button{min-height:44px;font-size:.8rem;padding:6px 12px}.squad-panel .roster,.squad-panel [data-mobile-section]{display:none}.squad-panel[data-mobile-view=mission] [data-mobile-section=mission],.squad-panel[data-mobile-view=plan] [data-mobile-section=plan],.squad-panel[data-mobile-view=unit] [data-mobile-section=unit]{display:block}.squad-panel .section-block{padding-top:16px;margin-top:12px}.unit-row-top,.unit-vitals{flex-wrap:wrap}.command-notice{margin-top:10px;min-height:0;font-size:.75rem}.route-utilities>span{display:none}.route-utilities .button{min-height:44px}.setting-note,.weapon-description{font-size:.8rem}.setting-label>span{font-size:.7rem}.command-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.command-pair .button{overflow-wrap:anywhere}.waypoint-list{max-height:none}.waypoint-list li{flex-wrap:wrap}.waypoint-select{flex:1 1 55%;flex-wrap:wrap;padding:8px}.waypoint-action{flex-basis:100%;text-align:left;margin-left:0}.mission p br{display:inline}.app-footer{margin-bottom:0}.tutorial-dialog{padding:16px;max-height:calc(100dvh - 20px)}.tutorial-layout{grid-template-columns:1fr;gap:16px}.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:24dvh;overflow-y:auto}.lesson-list .button{padding:6px;font-size:.75rem;min-height:44px;min-width:0;overflow-wrap:anywhere}.lesson-content h3{font-size:1.2rem}.dialog-top{flex-wrap:wrap}.practice-guide{padding:10px}.practice-guide p{font-size:.75rem}.practice-actions{gap:5px}.practice-actions .button{min-height:44px}}@media (max-width:860px) and (orientation:landscape) and (max-height:560px){.app-shell{padding-bottom:12px}.app-header{min-height:50px;padding-block:3px}.orientation-note{display:none}.map-panel{width:min(calc(100dvh - 50px),52vw)}.map-heading{padding-block:4px}.map-viewport{width:min(100%,calc(100dvh - 152px));margin:0 auto}.map-gesture-hint,.map-view-controls .pan-toggle:nth-child(3),.vision-button{display:none}.mobile-unit-strip{top:57px;width:calc(100vw - min(100dvh - 50px, 52vw) - 34px)}.controls-area,.mobile-unit-strip{position:absolute;right:12px;margin:0}.controls-area{left:calc(min(100dvh - 50px, 52vw) + 22px);top:119px}.mode-controls{width:100%}.main-toolbar{gap:5px}.command-notice,.route-utilities{display:none}.playback-controls{bottom:6px}.mobile-command-tabs,.playback-controls{left:calc(min(100dvh - 50px, 52vw) + 22px);right:12px;padding:6px 0;border:0}.mobile-command-tabs{bottom:68px}.squad-panel{left:auto;right:8px;bottom:8px;top:52px;width:min(440px,calc(100vw - 30px));max-height:none}.app-footer{display:none}.practice-guide{position:relative;width:min(calc(100dvh - 50px),52vw);font-size:.75rem}.practice-guide+.mobile-unit-strip{top:57px}}@media (max-width:390px){.action-participants,.command-pair,.segmented-control{grid-template-columns:1fr}.segmented-control{flex-wrap:wrap}.segmented-control button{flex:1 1 80px}}@media (max-width:860px){.command-pair .button,.mode-controls .tool-button{white-space:normal;overflow-wrap:anywhere;min-width:0}.command-pair{display:grid}.mode-controls .tool-button{flex-basis:auto}}@media (max-width:860px) and (orientation:portrait){.app-shell{--mobile-play:calc(3.25rem + 20px + env(safe-area-inset-bottom));--mobile-tabs:calc(2.75rem + 12px);--mobile-tools:calc(2.75rem + 12px);padding-bottom:calc(var(--mobile-play) + var(--mobile-tabs) + var(--mobile-tools) + 24px)}.playback-controls{min-height:var(--mobile-play)}.mobile-command-tabs{bottom:var(--mobile-play);min-height:var(--mobile-tabs)}.main-toolbar{position:fixed;left:0;right:0;bottom:calc(var(--mobile-play) + var(--mobile-tabs));min-height:var(--mobile-tools);background:#1e261f;z-index:40;padding:6px 12px;border-top:1px solid var(--line)}.squad-panel{bottom:calc(var(--mobile-play) + var(--mobile-tabs) + var(--mobile-tools) + 6px);max-height:calc(100dvh - var(--mobile-play) - var(--mobile-tabs) - var(--mobile-tools) - 70px)}}.mobile-controls-toggle{display:none}@media (max-width:860px){.mobile-controls-toggle{display:inline-flex}.app-shell{--mobile-unit:calc(3rem + 12px + env(safe-area-inset-bottom));--mobile-play:calc(3rem + 14px);--mobile-tabs:calc(2.75rem + 12px);--mobile-tools:calc(2.75rem + 12px);padding-bottom:calc(var(--mobile-unit) + var(--mobile-play) + var(--mobile-tabs) + var(--mobile-tools) + 12px)}.mobile-unit-strip{position:fixed;inset:auto 0 0;width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 10px calc(6px + env(safe-area-inset-bottom));margin:0;min-height:var(--mobile-unit);background:#1e261ff5;z-index:42}.quick-unit{min-height:48px;padding:3px}.quick-unit strong span{margin-left:4px}.playback-controls{bottom:var(--mobile-unit);min-height:var(--mobile-play);padding:6px 10px}.mobile-command-tabs{bottom:calc(var(--mobile-unit) + var(--mobile-play));min-height:var(--mobile-tabs);padding-inline:10px}.main-toolbar{position:fixed;inset:auto 0 calc(var(--mobile-unit) + var(--mobile-play) + var(--mobile-tabs));min-height:var(--mobile-tools);padding:6px 10px;z-index:40;background:#1e261ff5;border-top:1px solid var(--line)}.squad-panel{bottom:calc(var(--mobile-unit) + var(--mobile-play) + var(--mobile-tabs) + var(--mobile-tools) + 5px);max-height:calc(100dvh - var(--mobile-unit) - var(--mobile-play) - var(--mobile-tabs) - var(--mobile-tools) - 65px)}.app-shell[data-controls-open=false]{padding-bottom:calc(var(--mobile-unit) + var(--mobile-play) + 12px)}.app-shell[data-controls-open=false] .command-notice,.app-shell[data-controls-open=false] .map-gesture-hint,.app-shell[data-controls-open=false] .map-utilities,.app-shell[data-controls-open=false] .mobile-command-tabs,.app-shell[data-controls-open=false] .mode-controls,.app-shell[data-controls-open=false] .route-utilities,.app-shell[data-controls-open=false] .undo-button{display:none}.app-shell[data-controls-open=false] .main-toolbar{padding:0;border:0;min-height:0}.orientation-note{font-size:.6875rem}.game-layout{gap:0}}@media (max-width:860px) and (orientation:landscape) and (max-height:560px){.app-shell{padding:0 6px 62px}.app-header{height:42px;min-height:42px;padding:0 4px}.header-actions .button{min-height:36px;padding:6px 9px}.map-panel{width:100%;border:0}.map-heading{padding:0 6px 3px}.map-viewport{width:100%;height:calc(100dvh - 122px);aspect-ratio:auto;margin:0}.app-shell[data-controls-open=true] .map-viewport{height:calc(100dvh - 177px)}.map-gesture-hint,.map-utilities{display:none}.app-shell[data-controls-open=true] .map-utilities{display:block;position:fixed;left:8px;bottom:114px;width:270px;padding:3px 6px;background:#1e261ff2;border:1px solid var(--line);border-radius:4px;z-index:40}.controls-area{position:static}.mobile-unit-strip,.practice-guide+.mobile-unit-strip{left:0;right:auto;top:auto;bottom:0;width:min(63%,540px);min-height:60px}.quick-vitals{font-size:.625rem}.playback-controls{left:auto;right:8px;bottom:4px;width:calc(37% - 10px);min-height:52px;padding:4px 0}.playback-controls .primary-button{font-size:.8rem}.playback-controls .speed-button{min-width:40px;padding:8px}.mobile-command-tabs{left:8px;right:auto;width:39%}.main-toolbar,.mobile-command-tabs{bottom:62px;min-height:48px;padding:3px 0}.main-toolbar{left:calc(39% + 18px);right:8px;top:auto;border:0;display:flex;gap:5px}.mode-controls{flex:1 1;width:auto}.mobile-command-tabs .button,.mode-controls .button{min-height:44px;font-size:.75rem}.undo-button{min-height:44px}.squad-panel{left:auto;top:42px;right:6px;bottom:64px;width:min(320px,46vw);max-height:none}.practice-guide{position:absolute;top:66px;left:10px;width:min(480px,60vw);z-index:25;max-height:calc(100dvh - 135px);overflow-y:auto;background:#273022ee}.practice-guide .practice-actions .button{min-height:36px}}@media (max-width:860px){.brand{min-width:0;gap:5px}.brand span{font-size:clamp(13px,2.7vw,18px);letter-spacing:.16em}.header-actions{flex-shrink:0;gap:4px}.app-header{gap:5px}}@media (max-width:860px) and (orientation:portrait){.app-shell{height:100dvh;display:flex;flex-direction:column}.app-header,.orientation-note,.practice-guide{flex-shrink:0}.battle-area,.game-layout,.map-panel{display:flex;flex-direction:column;flex:1 1;min-height:0}.map-gesture-hint,.map-heading,.map-utilities{flex-shrink:0}.app-shell[data-controls-open=false] .map-viewport,.map-viewport{flex:1 1;aspect-ratio:auto;height:auto;min-height:180px}.controls-area{margin:0}.command-notice{position:fixed;left:10px;right:10px;bottom:calc(var(--mobile-unit) + var(--mobile-play) + var(--mobile-tabs) + var(--mobile-tools) + 8px);padding:6px 10px;max-height:5rem;overflow-y:auto;margin:0;background:#1e261ff2;z-index:30}.app-footer{display:none}}@media (max-width:860px) and (orientation:landscape) and (max-height:560px){.app-shell[data-controls-open=false],.app-shell[data-controls-open=true]{padding-bottom:60px}}@media (min-width:861px){.app-shell{max-width:none;padding:0 20px 96px}.app-header{min-height:64px}.mobile-controls-toggle{display:inline-flex}.game-layout{grid-template-columns:minmax(0,1fr);gap:0}.map-viewport{width:calc(100% - 16px);height:max(320px,calc(100dvh - 300px));aspect-ratio:auto;margin-top:4px}.app-shell[data-controls-open=false] .map-viewport{height:max(320px,calc(100dvh - 210px))}.mobile-unit-strip{position:fixed;left:20px;bottom:8px;width:min(50vw,600px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;background:#1e261ff5;border:1px solid var(--line);border-radius:5px;z-index:42}.quick-unit{min-height:52px;min-width:0;border:1px solid var(--line);border-top:3px solid var(--unit-color);border-radius:4px;padding:6px;background:#202920;text-align:center}.quick-unit.selected{border-color:var(--unit-color);background:#303c2a}.quick-unit strong{color:var(--unit-color);font-size:1rem}.quick-unit strong span{margin-left:8px;color:var(--text);font-size:.875rem}.quick-vitals{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}.playback-controls{position:fixed;bottom:18px;right:20px;z-index:42;margin:0}.main-toolbar{position:fixed;bottom:89px;left:20px;right:340px;margin:0;z-index:40}.main-toolbar .button{min-height:44px;padding:9px}.mobile-command-tabs{position:fixed;right:20px;bottom:89px;width:300px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;z-index:40}.mobile-command-tabs .button{padding:8px 5px;font-size:.8rem}.squad-panel{display:none;position:fixed;top:68px;right:20px;bottom:145px;width:300px;padding:12px;overflow-y:auto;overscroll-behavior:contain;z-index:55;box-shadow:-12px 0 40px #0008}.app-shell[data-controls-open=true] .squad-panel:not([data-mobile-view=closed]){display:block}.squad-panel .roster,.squad-panel [data-mobile-section]{display:none}.squad-panel[data-mobile-view=mission] [data-mobile-section=mission],.squad-panel[data-mobile-view=plan] [data-mobile-section=plan],.squad-panel[data-mobile-view=unit] [data-mobile-section=unit]{display:block}.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-12px;padding:8px 0;background:#1e241f;border-bottom:1px solid var(--line);z-index:1}.squad-panel .inspector{border-top:0;margin-top:0}.route-utilities{position:fixed;bottom:18px;right:285px;margin:0;z-index:40}.app-footer,.keyboard-guide,.route-utilities>span{display:none}.command-notice{position:fixed;bottom:146px;left:20px;width:min(600px,calc(100% - 360px));margin:0;min-height:0;padding:5px 10px;background:#1e261ff2;z-index:39}.app-shell[data-controls-open=false] .command-notice,.app-shell[data-controls-open=false] .map-gesture-hint,.app-shell[data-controls-open=false] .map-utilities,.app-shell[data-controls-open=false] .mobile-command-tabs,.app-shell[data-controls-open=false] .mode-controls,.app-shell[data-controls-open=false] .route-utilities,.app-shell[data-controls-open=false] .undo-button{display:none}}