:root{color:#e6eadb;font-synthesis:none;--panel:#162b2bf2;--muted:#93aba1;--teal:#95d3bb;--gold:#e4be7c;--line:#bed2ba29;background:#bfc5b7;font-family:Avenir Next,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline-offset:3px;outline:2px solid #b5efce}button:disabled{cursor:not-allowed;opacity:.38}button:not(:disabled){transition:background .16s,color .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}button:not(:disabled):hover{color:#fff}#battlefield{outline:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:4px;justify-content:space-between;align-items:center;gap:18px;height:68px;padding:0 22px;display:flex;position:absolute;top:20px;left:24px;right:24px;box-shadow:0 8px 30px #1b352820}.brand{letter-spacing:2px;white-space:nowrap;align-items:center;gap:13px;font-size:18px;font-weight:700;display:flex}.brand-mark{color:var(--teal);font-size:37px;line-height:1}.brand small{letter-spacing:5px;color:#b9cab9;margin-top:4px;font-size:9px;display:block}.edition{letter-spacing:1.6px;color:#829a91;border-left:1px solid var(--line);margin-left:12px;padding-left:17px;font-size:9px;line-height:1.6}.resources{gap:34px;display:flex}.resources>div{grid-template-columns:22px auto;align-items:center;column-gap:10px;display:grid}.resource-icon{color:var(--teal);grid-row:span 2;font-size:20px}.resource-icon.power{color:var(--gold);font-size:29px}.resources strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.15}.resources small{color:var(--muted);letter-spacing:2px;font-size:10px}.header-actions{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:14px;display:flex}.live-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #a9e5b744}.icon-button{border:1px solid var(--line);border-radius:3px;width:33px;height:33px;font-size:18px}.icon-button:hover{background:#ffffff12}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:600}.mission{background:linear-gradient(100deg,#1c2e29d9,#1c2e29b3);border-left:2px solid #9ac4a8;border-radius:0 3px 3px 0;width:235px;padding:18px 17px 12px;position:absolute;top:114px;left:28px;box-shadow:0 6px 22px #233d2610}.mission .live-dot{margin-right:7px}.mission h2{letter-spacing:1px;margin:12px 0 7px;font-size:17px;font-weight:600}.mission p{color:#bfcab6;margin:0;font-size:11px;line-height:1.7}.mission-rule{background:var(--line);height:1px;margin:14px 0 11px}.objective{color:#b6c6b7;align-items:center;gap:8px;font-size:11px;line-height:2.2;display:flex}.objective i{text-align:center;color:#17382e;border:1px solid #83958a;width:13px;height:13px;font-size:10px;font-style:normal;line-height:11px}.objective.done i{background:var(--teal);border-color:var(--teal)}.objective.done{color:#dce8ce}.text-button{color:#9bb2a1;justify-content:space-between;width:100%;margin-top:8px;padding:5px 0;font-size:10px;display:flex}.text-button span{border:1px solid var(--line);text-align:center;width:15px;height:15px}.map-panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;width:240px;padding:9px 9px 0;position:absolute;bottom:42px;left:24px;box-shadow:0 8px 24px #233d2622}.map-heading{letter-spacing:1px;justify-content:space-between;align-items:center;padding:2px 1px 9px;font-size:11px;display:flex}.map-heading>span+span{color:var(--muted);letter-spacing:1.4px;font-size:8px}#minimap{cursor:crosshair;border:1px solid #bbc5a33d;width:220px;height:191px;display:block}.map-footer{color:#b6c6b8;justify-content:space-between;align-items:center;height:31px;font-size:9px;display:flex}.map-footer i{width:5px;height:5px;margin-right:4px;display:inline-block}.ally{background:#69b9a1}.enemy{background:#d98068}.map-footer button{font-size:10px}.command-panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;min-height:214px;display:flex;position:absolute;bottom:42px;left:278px;right:24px;box-shadow:0 8px 24px #233d2622}.selection-info{border-right:1px solid var(--line);flex-shrink:0;width:282px;padding:14px 17px 11px}.selection-top{justify-content:space-between;align-items:center;display:flex}.selection-top .eyebrow{letter-spacing:1.4px;font-size:8px}.selection-top>span+span{color:var(--teal);font-family:Avenir Next,sans-serif;font-size:20px}.selected-body{align-items:center;gap:2px;height:114px;display:flex}.selected-body img{object-fit:contain;filter:drop-shadow(0 7px 5px #0002);width:116px;height:100px;margin-left:-10px}.selected-body>div{flex:1;min-width:0}.selected-body h3{white-space:nowrap;margin:0 0 6px;font-size:16px;font-weight:600}.selected-body p{color:#a4b5a6;margin:0 0 8px;font-size:10px;line-height:1.6}.selected-body small{color:#adc4b0;font-size:9px}.health-track{background:#536355;height:3px;margin-bottom:4px}.health-track i{background:var(--teal);height:100%;display:block}.order-buttons{gap:5px;display:flex}.order-buttons button{border:1px solid var(--line);white-space:nowrap;flex:1;padding:8px 6px;font-size:10px}.order-buttons button:hover,.order-buttons button.active{background:#87b49c25;border-color:#92b49c}kbd{color:#93ac99;margin-left:5px;font-family:inherit;font-size:9px}.production{flex:1;min-width:0;padding:14px 17px 10px}.production-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tabs{gap:18px;display:flex}.tabs button{color:#8fa69c;white-space:nowrap;border-bottom:2px solid #0000;padding:0 0 8px;font-size:12px}.tabs button.active{color:#e2ecda;border-color:var(--teal)}#action-hint{color:#91a99a;white-space:nowrap;font-size:9px}#action-cards{gap:8px;height:112px;display:flex}.action-card{text-align:left;background:linear-gradient(130deg,#a0baa710,#9fb5a702);border:1px solid #a8c1a926;border-radius:2px;flex:1;min-width:76px;max-width:155px;padding:0 9px 8px;position:relative;overflow:hidden}.action-card:hover{background:#adcfab1a;border-color:#c0d4ac80}.action-card img{object-fit:contain;filter:drop-shadow(0 4px 3px #0003);width:100%;height:62px;margin-bottom:2px;display:block}.action-card .card-label{white-space:nowrap;font-size:11px;font-weight:500;display:block}.action-card .card-cost{color:var(--gold);justify-content:space-between;align-items:center;margin-top:4px;font-size:10px;display:flex}.card-cost small{color:#91a093;font-size:8px}.card-number{color:#829a8a;font-size:8px;position:absolute;top:5px;left:7px}.action-card.unaffordable .card-cost{color:#d28b75}#queue{align-items:center;gap:10px;height:20px;margin-top:11px;display:flex}.queue-label{color:#8ea99b;white-space:nowrap;font-size:9px}#queue-items{color:#8ea99b;flex:1;align-items:center;gap:5px;font-size:9px;display:flex}.queue-item{background:#7ca89018;align-items:center;gap:6px;min-width:60px;padding:4px 7px;display:flex;position:relative;overflow:hidden}.queue-item i{background:var(--teal);height:2px;position:absolute;bottom:0;left:0}.bottom-hint{color:#344b42;text-shadow:0 1px 4px #e7d9b5;gap:20px;font-size:10px;display:flex;position:absolute;bottom:15px;left:282px;right:25px}.bottom-hint #fps{margin-left:auto;font-family:monospace;font-size:10px}#notifications{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%)}.toast{text-align:center;white-space:nowrap;background:#233e35eb;border:1px solid #b3cfab55;border-radius:3px;padding:11px 22px;font-size:12px;animation:.2s ease-out toast-in;box-shadow:0 5px 14px #172e2b22}.toast.warn{color:#ffe0ba;border-color:#dc987199}.toast.alert{background:#663d32eb;border-color:#efb09488}#selection-box{pointer-events:none;z-index:5;background:#7ddbb41c;border:1px solid #aceed0;display:none;position:absolute}#cursor-hint{pointer-events:none;z-index:6;background:#1b3630ed;border:1px solid #95c7a766;border-radius:3px;max-width:280px;padding:8px 12px;font-size:11px;display:none;position:absolute}.screen{z-index:10;position:absolute;inset:0}.intro-shade{background:linear-gradient(90deg,#142c2dfc 0%,#183330f7 30%,#213d33a6 46%,#213d3300 70%);position:absolute;inset:0}.briefing{width:430px;max-width:40vw;position:absolute;top:50%;left:6vw;transform:translateY(-50%)}.briefing>.eyebrow{color:#91b4a1;letter-spacing:3px;margin-bottom:27px;font-size:9px}.intro-kicker{letter-spacing:4px;align-items:center;gap:13px;font-size:19px;font-weight:600;display:flex}.intro-kicker .brand-mark{font-size:36px}.briefing h1{letter-spacing:8px;margin:15px 0 20px;font-size:65px;font-weight:600;line-height:1.3}.briefing h1>span{letter-spacing:3px;color:#d0ddc5;margin-top:17px;font-size:24px;font-weight:400;line-height:1.6;display:block}.intro-copy{color:#b0c5b5;max-width:365px;margin-bottom:27px;font-size:12px;line-height:2}.briefing-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;margin-bottom:26px;padding:20px 0;display:flex}.briefing-steps>div{align-items:flex-start;gap:9px;display:flex}.briefing-steps b{color:#91b99e;font:22px Avenir Next,sans-serif}.briefing-steps span{white-space:nowrap;font-size:11px}.briefing-steps small{color:#8daa99;margin-top:6px;font-size:8px;display:block}.difficulty-label{color:#d3e2cc;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.difficulty-label>span{color:#8fa99a;font-size:8px}.difficulty-options{gap:8px;margin-bottom:16px;display:flex}.difficulty-options button{border:1px solid #aec8a72b;border-radius:2px;flex:1;padding:11px 6px;font-size:12px}.difficulty-options small{color:#90a99a;margin-top:5px;font-size:8px;display:block}.difficulty-options button.active{color:#d7efcb;background:#a4d1b619;border-color:#a6d3b594}.primary{letter-spacing:2px;background:#b8d9ba;border-radius:2px;justify-content:space-between;align-items:center;width:100%;padding:16px 21px;font-size:14px;font-weight:600;display:flex;color:#203e33!important}.primary:hover{background:#d1ecc9}.primary>span+span{font-size:22px;font-weight:400;line-height:1}.intro-foot{color:#839f8f;text-align:center;letter-spacing:1px;margin-top:14px;font-size:9px}.load-track{background:#a7c2a21c;height:2px;margin-top:3px}.load-track i{background:#b8d9ba;width:0;height:100%;transition:width .2s;display:block}.intro-map-tag{letter-spacing:2px;color:#e5ebd5;text-shadow:0 2px 8px #273e30;font-size:12px;position:absolute;bottom:6vh;right:5vw}.intro-map-tag small{color:#eff5dc;letter-spacing:3px;margin:9px 0 0 13px;font-size:9px;display:block}.intro-map-tag .live-dot{margin-right:7px}.modal{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#122725aa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-card{background:#1d3634;border:1px solid #a2bba540;border-radius:5px;width:470px;max-width:90vw;padding:35px 38px;box-shadow:0 25px 80px #071b2866}.modal-card .eyebrow{color:#9abea5}.modal-card h2{letter-spacing:3px;margin:15px 0;font-size:30px;font-weight:500}.modal-card p{color:#b4c6b7;font-size:12px;line-height:1.9}.modal-card .primary{margin-top:23px}.modal-card .secondary{border:1px solid var(--line);width:100%;margin-top:10px;padding:12px;font-size:12px}.settings-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;display:flex}.settings-row button{color:#a7d2b6;border:1px solid #a4c0a344;padding:7px 12px;font-size:11px}.help-grid{color:#b7cbbb;grid-template-columns:145px 1fr;gap:12px;margin:23px 0;font-size:11px;display:grid}.help-grid b{color:#e2e9d5;font-weight:500}.result-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;padding:18px 0;display:grid}.result-stats strong{color:#d7e7c5;font-size:25px;font-weight:500;display:block}.result-stats span{color:#95ae9d;font-size:9px}.alert-color{color:#e0a286!important}.low-power{color:#edaa7c!important}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1250px){.edition{display:none}.resources{gap:20px}.selection-info{width:245px;padding:12px}.selected-body img{width:100px}.production{padding:13px}.bottom-hint{gap:12px;font-size:9px}#action-hint{display:none}.briefing{width:385px;max-width:43vw;left:5vw}.briefing h1{font-size:54px}.briefing-steps{gap:16px}.action-card{padding:0 6px 8px}.resources strong{font-size:20px}}@media (height<=780px){.briefing>.eyebrow{margin-bottom:13px}.briefing h1{margin:10px 0 12px;font-size:48px}.briefing h1>span{margin-top:10px;font-size:20px}.intro-copy{margin-bottom:17px;font-size:11px}.briefing-steps{margin-bottom:18px;padding:14px 0}.mission{padding-top:12px;top:101px}.mission h2{font-size:15px}.command-panel{min-height:199px}.selected-body{height:103px}.map-panel{width:221px}#minimap{width:201px;height:175px}.command-panel{left:235px}.bottom-hint{left:239px}}@media (width<=1000px){.topbar{padding:0 12px;top:12px;left:12px;right:12px}.brand{gap:8px;font-size:14px}.resources{gap:13px}.resources strong{font-size:17px}.resources>div{column-gap:3px}.header-actions{gap:7px}.mission{width:210px;left:15px}.selection-info{width:195px;padding:10px}.selected-body img{width:80px}.selected-body h3{font-size:13px}.selected-body p{font-size:9px}.order-buttons button{padding:7px 4px;font-size:8px}kbd{display:none}.command-panel{right:12px}.production{padding:12px 9px}.action-card{min-width:60px}.action-card .card-label{font-size:10px}.card-cost small,.bottom-hint span:nth-child(n+4){display:none}.briefing{max-width:47vw}.intro-shade{background:linear-gradient(90deg,#142c2dfc,#183330ed 42%,#213d3311 80%)}}@media (width<=720px){.briefing{width:400px;max-width:86vw;left:7vw}.intro-shade{background:#16312ee8}.intro-map-tag{display:none}.resources{gap:8px}.resources small,.brand small{display:none}.brand{letter-spacing:1px;font-size:11px}.resource-icon{display:none}.resources>div{display:block}.resources strong{font-size:14px}.header-actions #clock,.header-actions>.live-dot,.mission{display:none}.map-panel{width:145px;padding:6px;bottom:36px;left:10px}#minimap{width:131px;height:118px}.map-heading{font-size:9px}.map-heading span+span{display:none}.map-footer{height:23px;font-size:8px}.map-footer button{font-size:8px}.command-panel{min-height:150px;bottom:36px;left:164px}.selection-info{display:none}.production{padding:9px}.production-heading{margin-bottom:7px}.tabs button{font-size:10px}.action-card{min-width:48px;height:87px;padding:0 4px 5px}.action-card img{height:43px}.action-card .card-label,.action-card .card-cost{font-size:9px}.card-number{display:none}#action-cards{gap:4px;height:87px}#queue{margin-top:7px}.bottom-hint{font-size:8px;bottom:12px;left:165px}.map-panel .map-footer>span{display:none}}