*{box-sizing:border-box;margin:0;padding:0}html,body{background:#111;width:100%;height:100%;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}#wrap{width:100%;height:100%;position:relative}#canvas{cursor:crosshair;width:100%;height:100%;display:block}#sidebar{color:#cfe3cf;-webkit-user-select:none;user-select:none;background:#1c2320ed;border:1px solid #364237;border-radius:10px;flex-direction:column;width:210px;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden}#topbar{background:#141a17;border-bottom:1px solid #364237;padding:8px 10px}#money{color:#ffd75e;font-size:18px;font-weight:700}#power{margin-top:2px;font-size:13px}#power.low{color:#ff6a5e}#minimap{cursor:pointer;background:#0a0d0b;border:1px solid #364237;margin:8px auto 4px;display:block}#saveload{gap:6px;padding:0 8px 4px;display:flex}#saveload button{color:#cfe3cf;cursor:pointer;background:#232e28;border:1px solid #4a5f4e;border-radius:4px;flex:1;padding:5px 0;font-size:12px}#saveload button:hover{background:#33423a}#panel{flex:1;padding:6px;overflow-y:auto}.sect{letter-spacing:1px;color:#8fae8f;text-transform:uppercase;margin:8px 2px 4px;font-size:11px}button.cmd{color:#dff0df;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:#2a3830;border:1px solid #4a5f4e;border-radius:4px;width:100%;margin:3px 0;padding:7px 8px;font-size:13px}button.cmd:hover{background:#38493e}button.cmd:disabled{opacity:.45;cursor:default}.btnrow{gap:4px;display:flex}.btnrow button.half{text-align:center;flex:1}.btnrow button.sel{background:#3c5a44;border-color:#7fce8b}#modeTabs #loadbtn{padding:8px 16px}button.cmd .cost{float:right;color:#ffd75e}.qrow{padding:3px 2px;font-size:12px}.qbar{background:#12241a;border-radius:3px;height:6px;margin-top:2px}.qbar>div{background:#5ec46a;border-radius:3px;height:100%}#selinfo{color:#a9c4a9;min-height:16px;padding:4px 2px;font-size:12px}#hint{color:#cfe3cf;z-index:5;background:#0a0e0bd1;border:1px solid #364237;border-radius:6px;max-width:300px;padding:10px 12px;font-size:12px;line-height:1.55;position:absolute;top:10px;left:10px}#hint b{color:#ffd75e}#hint .close{float:right;cursor:pointer;color:#8fae8f;margin-left:8px}#overlay{z-index:10;color:#fff;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#overlay h1{letter-spacing:2px;margin-bottom:10px;font-size:44px}#ovstats{color:#cfe3cf;text-align:center;margin-bottom:18px;font-size:15px;line-height:1.8}#overlay button,#menu button.big{color:#dff0df;cursor:pointer;background:#2a3830;border:1px solid #4a5f4e;border-radius:4px;padding:10px 26px;font-size:16px}#toast{color:#ffd75e;z-index:10;background:#0a0e0bd9;border-radius:4px;padding:6px 16px;font-size:14px;display:none;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}#menu{z-index:9;color:#dff0df;background:#060a07e0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#menu h1{letter-spacing:4px;color:#ffd75e;text-shadow:0 2px 8px #000;margin-bottom:4px;font-size:46px}#menu .sub{color:#8fae8f;margin-bottom:26px}.mrow{align-items:center;gap:8px;margin:7px 0;display:flex}.mrow .lbl{text-align:right;color:#8fae8f;width:110px;margin-right:6px;font-size:14px}.mrow select{color:#cfe3cf;cursor:pointer;background:#232e28;border:1px solid #4a5f4e;border-radius:4px;outline:none;padding:7px 10px;font-size:14px}.mrow select:hover{background:#33423a}.mrow button{color:#cfe3cf;cursor:pointer;background:#232e28;border:1px solid #4a5f4e;border-radius:4px;padding:8px 16px;font-size:14px}.mrow button.sel{color:#fff;background:#3c5a44;border-color:#7fce8b}.mrow button.small{padding:5px 9px;font-size:12px}.mrow button.small.sel{background:#3c5a44;border-color:#7fce8b}.mrow .gap{width:14px;display:inline-block}.mrow .dim{color:#5a6a5c;font-size:12px}#maprow button{margin-right:6px}#skirmishSetup,#campaignSetup{flex-direction:column;align-items:center;display:flex}#campaignSetup{max-height:56vh;padding:0 10px;overflow-y:auto}.setupCols{align-items:flex-start;gap:22px;display:flex}.setupLeft{flex-direction:column;align-items:flex-start;display:flex}#mapSel{color:#cfe3cf;background:#232e28;border:1px solid #4a5f4e;border-radius:4px;padding:7px 10px;font-size:14px}#mapPreview{background:#31402a;border:1px solid #4a5f4e;border-radius:4px}.setupRight .dim{color:#5a6a5c;font-size:11px}#campaignSetup h2{color:#ffd75e;letter-spacing:2px;margin:6px 0 10px}#campaignSetup .brief{color:#cfe3cf;max-width:520px;margin:6px 0;font-size:14px;line-height:1.5}#campaignSetup .brief.tagline{color:#8fae8f;margin-bottom:12px;font-style:italic}#campaignSetup .brief.authorized{color:#8fae8f;font-size:12px}#campaignSetup button.mission{text-align:left;min-width:460px;max-width:520px;padding:9px 14px;position:relative}#campaignSetup button.mission.locked{opacity:.45;cursor:default}#campaignSetup button.mission .prem{color:#8fae8f;margin-top:3px;font-size:12px;line-height:1.4;display:block}#campaignSetup button.mission .prog{float:right;color:#ffd75e;font-size:12px}#campaignSetup button.mission .tag{color:#ffd75e;border:1px solid #7a6a28;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:11px}#campaignSetup .actline{color:#ffd75e;letter-spacing:1px;align-self:flex-start;margin:14px 0 2px;font-size:12px}#campaignSetup details.intro{max-width:520px;margin:2px 0 6px}#campaignSetup details.intro>summary{color:#8fae8f;cursor:pointer;font-size:13px}#campaignSetup details.intro>summary:hover{color:#cfe3cf}#ovstats .debrief{color:#8fae8f;text-align:left;max-width:560px;margin:12px auto 0;font-size:13px;line-height:1.55}#ovstats .debrief.epilogue{color:#cfe3cf}#ovstats .objreport{text-align:left;margin:10px auto 0;font-size:13px;line-height:1.5;display:inline-block}#ovstats .objreport .complete{color:#7fdc8b}#ovstats .objreport .failed{color:#ff6a5e}#ovstats .objreport .active{color:#8fae8f}#ovstats .medal{color:#ffd75e;letter-spacing:1px;margin-top:10px;font-size:20px}#campaignSetup button.mission .medal{float:right;margin-left:8px}#objectives{padding:0 8px}#objectives .obj{color:#cfe3cf;margin:3px 0;font-size:12px}#objectives .obj.complete{color:#7fdc8b}#objectives .obj.failed{color:#ff6a5e;text-decoration:line-through}#objectives .obj.bonus{color:#8fae8f}#objectives .otime{color:#ffd75e;font-variant-numeric:tabular-nums}#objectives .otime.urgent{color:#ff6a5e}#overlay button{margin:0 5px}#startbtn{margin-top:24px}#dialogue{z-index:6;cursor:pointer;background:#0a0e0bdb;border:1px solid #364237;border-left:3px solid #5ea356;border-radius:6px;max-width:min(520px,40vw);padding:8px 12px;display:none;position:absolute;bottom:14px;left:12px}#dialogue .dline{color:#dff0df;margin:3px 0;font-size:13px;line-height:1.5}#dialogue .dline.past{opacity:.45}#dialogue .dbadge{text-align:center;vertical-align:1px;border:1px solid;border-radius:3px;min-width:22px;margin-right:6px;padding:1px 3px;font-size:10px;font-weight:700;display:inline-block}#dialogue .dwho{margin-right:6px;font-weight:700}#dialogue .dtext{color:#cfe3cf}#cmdbar{z-index:5;background:#1c2320eb;border:1px solid #364237;border-radius:8px;gap:6px;padding:6px 8px;display:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.cbunit{color:#dff0df;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#2a3830;border:1px solid #4a5f4e;border-radius:5px;min-width:78px;padding:5px 8px;font-size:12px}.cbunit:hover{background:#38493e}.cbunit b{color:#ffd75e}.cbhp{background:#12241a;border-radius:2px;height:4px;margin-top:3px}.cbhp>div{background:#5ec46a;border-radius:2px;height:100%}#tooltip{color:#dff0df;z-index:30;pointer-events:none;background:#0a0e0bf0;border:1px solid #4a5f4e;border-radius:6px;max-width:230px;padding:8px 10px;font-size:12px;line-height:1.5;display:none;position:absolute}#tooltip .tname{color:#ffd75e;font-weight:700}#tooltip .tstat{color:#a9c4a9}#alerts{padding:2px 8px}.alert{cursor:pointer;border-radius:4px;margin:3px 0;padding:4px 8px;font-size:12px}.alert.warn{color:#ffc27a;background:#4a3220;border:1px solid #7a5a34}.alert.bad{color:#ff9a8a;background:#4a2320;border:1px solid #7a3a34}.alert.info{color:#9ec4e8;background:#23384a70;border:1px solid #3a5a7a}#gear{cursor:pointer;color:#8fae8f;font-size:17px;position:absolute;top:8px;right:10px}#gear:hover{color:#dff0df}#settings{z-index:25;color:#dff0df;background:#060a07cc;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#setbox{background:#1c2320;border:1px solid #4a5f4e;border-radius:10px;min-width:300px;padding:22px 26px}#setbox h2{color:#ffd75e;letter-spacing:1px;margin-bottom:14px}.srow{justify-content:space-between;align-items:center;gap:14px;margin:11px 0;font-size:14px;display:flex}.srow input[type=range]{width:130px}.srow .seg{gap:4px;display:flex}.srow .seg button{color:#cfe3cf;cursor:pointer;background:#232e28;border:1px solid #4a5f4e;border-radius:4px;padding:4px 10px}.srow .seg button.sel{background:#3c5a44;border-color:#7fce8b}.setbtn{color:#dff0df;cursor:pointer;background:#2a3830;border:1px solid #4a5f4e;border-radius:4px;width:100%;padding:8px}.setbtn:hover{background:#38493e}#abortYes:hover,#abortbtn:hover{background:#5a2b28!important}.qrow.cancelable{cursor:pointer}.qrow.cancelable:hover{background:#3a2a28;border-radius:3px}.cmd{position:relative;overflow:hidden}.qbadge{color:#0e130f;background:#4da3ff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:2px;right:2px}.qprog{background:#0006;width:100%;height:4px;position:absolute;bottom:0;left:0}.qprog>div{background:#5ec46a;height:100%}.stats-table{border-collapse:collapse;text-align:right;width:100%;margin-top:10px;font-size:13px}.stats-table th{color:#ffd75e;text-align:right;border-bottom:1px solid #4a5f4e;padding:4px 8px}.stats-table th:first-child,.stats-table td:first-child{text-align:left;font-weight:700}.stats-table td{border-bottom:1px solid #2a3830;padding:4px 8px}