*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#080810;font-family:Courier New,Courier,monospace;transition:background .5s ease}body[data-player="1"]{background:#08090f}body[data-player="2"]{background:#100808}canvas{display:block;touch-action:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 24px;z-index:10}#hud-header{display:flex;flex-direction:column;align-items:center;gap:8px}#hud-turn{font-size:11px;font-weight:600;letter-spacing:.35em;color:#ffffff4d;text-transform:uppercase;transition:color .4s ease}#hud-turn[data-player="1"]{color:#a0d2ffe6}#hud-turn[data-player="2"]{color:#ff8c64e6}#hud-ap{font-size:15px;letter-spacing:.3em;transition:color .4s ease;min-height:1em}body[data-player="1"] #hud-ap{color:#82b9ffd9}body[data-player="2"] #hud-ap{color:#ff8250d9}#hud-info{font-size:12px;letter-spacing:.25em;color:#dcc88ccc;min-height:1.4em}#turn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:200;overflow:hidden}#turn-overlay-card{background:#04040cf7;border:1px solid rgba(255,255,255,.1);border-left:3px solid transparent;padding:18px 36px 22px;font-family:Courier New,Courier,monospace;min-width:240px;opacity:0}#turn-overlay[data-player="1"] #turn-overlay-card{border-left-color:#82b9ffd9}#turn-overlay[data-player="2"] #turn-overlay-card{border-left-color:#ff7846d9}#turn-overlay-turn{font-size:9px;letter-spacing:.45em;color:#ffffff59;margin-bottom:8px;text-transform:uppercase}#turn-overlay-player{font-size:22px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}#turn-overlay[data-player="1"] #turn-overlay-player{color:#82b9fff2}#turn-overlay[data-player="2"] #turn-overlay-player{color:#ff7846f2}@keyframes turn-fly{0%{transform:translate(-110%);opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}14%{transform:translate(0);opacity:1;animation-timing-function:linear}86%{transform:translate(0);opacity:1;animation-timing-function:cubic-bezier(.8,0,1,1)}to{transform:translate(110%);opacity:0}}#squad-panel{position:fixed;top:50%;right:28px;transform:translateY(-50%);background:#06060ef5;border:1px solid rgba(255,255,255,.1);border-left:3px solid;padding:20px 24px 22px;z-index:20;font-family:Courier New,Courier,monospace;width:200px;pointer-events:auto}body[data-player="1"] #squad-panel{border-left-color:#82b9ff99}body[data-player="2"] #squad-panel{border-left-color:#ff784699}#squad-panel.hidden{display:none}#squad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}#squad-title{font-size:10px;font-weight:700;letter-spacing:.4em;color:#fffc}.zoc-badge{font-size:8px;letter-spacing:.15em;color:#c87137;background:#c871371f;border:1px solid rgba(200,113,55,.45);padding:1px 5px;margin-left:5px;border-radius:2px;vertical-align:middle}#squad-close{background:none;border:none;color:#ffffff4d;font-family:inherit;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}#squad-close:hover{color:#ffffffb3}.squad-unit-row{display:flex;align-items:baseline;gap:6px;margin-bottom:5px}.squad-unit-count{font-size:14px;font-weight:700;min-width:14px}body[data-player="1"] .squad-unit-count{color:#82b9ff}body[data-player="2"] .squad-unit-count{color:#ff8c5a}.squad-unit-sep{color:#fff6;font-size:11px}.squad-unit-name{font-size:12px;letter-spacing:.15em;color:#ffffffd9}#recruit-panel{position:fixed;top:50%;right:28px;transform:translateY(-50%);background:#06060ef5;border:1px solid rgba(255,255,255,.1);border-left:3px solid;padding:20px 24px 22px;z-index:20;font-family:Courier New,Courier,monospace;width:256px;pointer-events:auto}body[data-player="1"] #recruit-panel{border-left-color:#82b9ff99}body[data-player="2"] #recruit-panel{border-left-color:#ff784699}#recruit-panel.hidden{display:none}#recruit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}#recruit-title{font-size:10px;font-weight:700;letter-spacing:.4em;color:#fffc}#recruit-close{background:none;border:none;color:#ffffff4d;font-family:inherit;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}#recruit-close:hover{color:#ffffffb3}#recruit-garrison-label{font-size:9px;letter-spacing:.4em;color:#ffffff8c;margin-bottom:4px}#recruit-garrison{font-size:12px;letter-spacing:.15em;margin-bottom:16px}body[data-player="1"] #recruit-garrison{color:#82b9ffb3}body[data-player="2"] #recruit-garrison{color:#ff8250b3}#recruit-units{display:flex;flex-direction:column;gap:5px}.recruit-btn{display:flex;align-items:center;gap:0;background:none;border:1px solid rgba(255,255,255,.18);font-family:Courier New,Courier,monospace;font-size:12px;letter-spacing:.15em;padding:7px 10px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.recruit-count{min-width:20px;font-weight:700;font-size:14px}body[data-player="1"] .recruit-count{color:#82b9ff}body[data-player="2"] .recruit-count{color:#ff8c5a}.recruit-sep{margin:0 8px;color:#fff9;font-size:13px}.recruit-name{color:#ffffffe6}.recruit-btn:hover:not(:disabled){border-color:#ffffff59}body[data-player="1"] .recruit-btn:hover:not(:disabled){background:#82b9ff1a}body[data-player="2"] .recruit-btn:hover:not(:disabled){background:#ff78461a}.recruit-btn:disabled{cursor:default;opacity:.35}.panel-divider{height:1px;background:#ffffff14;margin:10px 0}.deploy-action-btn{width:100%;background:none;border:1px solid rgba(255,255,255,.2);color:#fffc;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;letter-spacing:.4em;padding:8px 12px;cursor:pointer;transition:background .15s,border-color .15s}.deploy-action-btn.secondary{border-color:#ffffff1a;color:#fff6;margin-top:5px}.deploy-action-btn:hover:not(:disabled){background:#ffffff14}.deploy-action-btn:disabled{opacity:.25;cursor:default}.deploy-hint{font-size:10px;letter-spacing:.3em;color:#ffffff8c;margin-bottom:14px;text-align:center}.deploy-total-label{display:block;font-size:9px;letter-spacing:.35em;color:#ffffff73;margin-bottom:10px}.deploy-unit-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.deploy-unit-name{flex:1;font-size:10px;letter-spacing:.05em;color:#ffffffb3}.deploy-stepper{display:flex;align-items:center;justify-content:center;gap:4px;width:72px;flex-shrink:0}.step-btn{width:20px;height:20px;background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-family:inherit;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.step-btn:hover:not(:disabled){background:#ffffff14}.step-btn:disabled{opacity:.2;cursor:default}.step-count{width:20px;text-align:center;font-size:13px;font-weight:700;display:inline-block}body[data-player="1"] .step-count{color:#82b9fff2}body[data-player="2"] .step-count{color:#ff8250f2}.deploy-avail{font-size:10px;letter-spacing:0;color:#ffffff73;white-space:nowrap;text-align:right;min-width:28px}.deploy-footer{display:flex;flex-direction:column}.key-hint{margin-left:auto;font-size:9px;letter-spacing:.05em;color:#ffffff47}#victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6;z-index:300;pointer-events:auto}#victory-overlay.hidden{display:none}#victory-card{background:#04040cfa;border:1px solid rgba(255,255,255,.12);border-left:3px solid transparent;padding:36px 56px 40px;font-family:Courier New,Courier,monospace;text-align:center}#victory-overlay[data-player="1"] #victory-card{border-left-color:#82b9ffd9}#victory-overlay[data-player="2"] #victory-card{border-left-color:#ff7846d9}#victory-label{font-size:9px;letter-spacing:.5em;color:#ffffff59;margin-bottom:10px;text-transform:uppercase}#victory-player{font-size:26px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;margin-bottom:30px}#victory-overlay[data-player="1"] #victory-player{color:#82b9fff2}#victory-overlay[data-player="2"] #victory-player{color:#ff7846f2}#victory-restart{background:none;border:1px solid rgba(255,255,255,.22);color:#ffffffa6;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;letter-spacing:.35em;padding:10px 20px;cursor:pointer;transition:background .15s,border-color .15s}#victory-restart:hover{background:#ffffff14;border-color:#ffffff73}#victory-download{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff59;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;letter-spacing:.3em;padding:7px 16px;margin-top:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}#victory-download:hover{background:#ffffff0f;border-color:#ffffff47;color:#fff9}.enemy-base-hint{font-size:10px;letter-spacing:.15em;line-height:1.7;color:#fff6;margin-top:2px}#settings-btn{position:fixed;top:24px;right:24px;width:32px;height:32px;background:#06060ee0;border:1px solid rgba(255,255,255,.16);color:#ffffff8c;cursor:pointer;z-index:15;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}#settings-btn:hover{background:#ffffff1a;border-color:#ffffff59;color:#ffffffe6}#settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:150;pointer-events:auto}#settings-modal.hidden{display:none}#settings-card{background:#04040cfa;border:1px solid rgba(255,255,255,.12);border-left:3px solid rgba(200,200,220,.35);padding:24px 32px 28px;font-family:Courier New,Courier,monospace;min-width:220px}#settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#settings-modal-title{font-size:10px;font-weight:700;letter-spacing:.4em;color:#fffc}#settings-close{background:none;border:none;color:#ffffff4d;font-family:inherit;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}#settings-close:hover{color:#ffffffb3}#settings-lang-label{font-size:9px;letter-spacing:.4em;color:#ffffff73;margin-bottom:10px}#settings-lang-btns{display:flex;gap:6px}.lang-btn{background:none;border:1px solid rgba(255,255,255,.14);color:#ffffff73;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:700;letter-spacing:.3em;padding:8px 18px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.lang-btn:hover{border-color:#ffffff4d;color:#ffffffbf}.lang-btn.active{border-color:#c8c8dc8c;color:#fffffff2;background:#ffffff0f}#help-btn{position:fixed;top:24px;left:24px;width:32px;height:32px;background:#06060ee0;border:1px solid rgba(255,255,255,.16);color:#ffffff8c;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;cursor:pointer;z-index:20;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}#help-btn:hover{background:#ffffff1a;border-color:#ffffff59;color:#ffffffe6}#action-log{position:fixed;top:68px;left:24px;width:224px;max-height:220px;overflow:hidden;pointer-events:none;display:flex;flex-direction:column}#action-log-entries{display:flex;flex-direction:column;gap:1px}.log-entry{font-size:9px;letter-spacing:.02em;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-sep{color:#ffffff38;font-size:8px;letter-spacing:.08em;margin:4px 0 2px}.log-p1{color:#6ea5f5cc}.log-p2{color:#f5693ccc}.log-victim{color:#ffd746e6;font-weight:600}#help-modal{position:fixed;top:0;left:0;width:280px;height:100vh;background:#04040cfa;border-right:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(200,200,220,.25);padding:28px 24px;font-family:Courier New,Courier,monospace;z-index:100;pointer-events:auto;display:flex;flex-direction:column;overflow-y:auto}#help-modal.hidden{display:none}#help-card{display:flex;flex-direction:column;flex:1}#help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#help-title{font-size:10px;font-weight:700;letter-spacing:.4em;color:#fffc}#help-close{background:none;border:none;color:#ffffff4d;font-family:inherit;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}#help-close:hover{color:#ffffffb3}#help-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:18px}.unit-tab{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff73;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:700;letter-spacing:.25em;padding:5px 8px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.unit-tab:hover{border-color:#ffffff47;color:#ffffffbf}.unit-tab.active{border-color:#c8c8dc8c;color:#fffffff2;background:#ffffff0f}#help-preview{display:flex;align-items:center;justify-content:center;margin-bottom:12px}#unit-preview-canvas{width:200px;height:200px;display:block}#unit-name{font-size:13px;font-weight:700;letter-spacing:.4em;color:#ffffffd9;text-align:center;text-transform:uppercase;margin-bottom:14px;min-height:1em}#unit-desc{font-size:11px;letter-spacing:.1em;line-height:1.75;color:#fff9}.unit-desc-bullet{display:flex;gap:8px;margin-bottom:4px}.unit-desc-bullet:before{content:"—";color:#fff6;flex-shrink:0}@media(max-height:520px){#help-modal{padding:14px 16px}#help-header,#help-tabs{margin-bottom:10px}#help-preview{display:none}#unit-name{margin-bottom:8px;font-size:11px}#unit-desc{font-size:10px;line-height:1.6}}@media(max-width:300px){#help-modal{width:100%}}#hud-hover{position:fixed;bottom:28px;right:28px;font-family:Courier New,Courier,monospace;font-size:10px;letter-spacing:.3em;color:#ffffff38;pointer-events:none;z-index:10}