@media(max-width:1180px){.topbar{gap:17px!important;padding-inline:17px!important}.brand{min-width:167px!important;padding-right:14px!important}.resource-row{gap:18px!important}.resource{min-width:84px!important}.resource b{font-size:17px!important}.resource.compact{min-width:75px!important}.resource.compact b{font-size:14px!important}.time-controls time{font-size:12px!important}.context-panel{width:260px!important}.command-panel{gap:12px!important;padding:14px!important}.tactical-skills{padding-left:12px!important}.ability{width:75px!important}.order-buttons button{width:62px!important}.order-buttons{gap:5px!important}.command-info>strong{font-size:14px!important}.control-hint{gap:15px!important}}@media(max-width:900px){.brand{min-width:148px!important}.brand>b{font-size:24px!important}.brand>b>span{font-size:15px!important;letter-spacing:2px!important}.brand small{font-size:7px!important;gap:8px!important}.resource-row{gap:14px!important}.resource.compact{display:none!important}.resource small{font-size:8px!important}.topbar{height:61px!important}.mission{top:77px!important;left:14px!important;width:285px!important}.mission strong{font-size:12px!important}.dock{left:14px!important;top:207px!important}.intro{left:69px!important;top:207px!important;width:230px!important}.context-panel{top:77px!important;right:14px!important;width:247px!important;max-height:calc(100% - 271px)!important;padding:13px!important}.context-panel h2{font-size:18px!important}.minimap-panel{left:14px!important;bottom:36px!important;width:176px!important}#minimap{height:118px!important}.minimap-panel footer{gap:5px!important;font-size:6px!important}.minimap-panel header{font-size:7px!important}.command-panel{left:204px!important;right:14px!important;bottom:36px!important;min-height:134px!important;display:block!important}.tactical-skills{position:absolute;right:12px;top:13px;padding-left:0!important;border:0!important;gap:5px!important}.ability{width:52px!important;height:55px!important;gap:5px!important}.ability svg{width:21px!important;height:21px!important}.ability span{font-size:7px!important}.command-info>.section-eyebrow{display:block;margin-right:175px;font-size:8px!important;line-height:1.5}.command-info>strong{max-width:calc(100% - 174px);font-size:11px!important;margin-bottom:15px!important}.command-info>p{font-size:10px!important;margin-right:175px}.selected-title{margin-right:175px;display:block!important}.selected-title>b{display:block;margin-top:5px;font-size:9px!important}.selected-title .section-eyebrow{font-size:8px!important}.order-buttons{margin-top:16px!important}.order-buttons button{width:58px!important;height:49px!important}.order-buttons span{font-size:8px!important}.control-hint{height:24px!important;padding-inline:14px!important;gap:13px!important;font-size:7px!important}.control-hint span:nth-child(4){display:none}.control-hint>b{font-size:7px!important}.toast{bottom:184px!important}.mode-banner{top:75px!important;font-size:8px!important;max-width:calc(100% - 30px);white-space:normal!important;text-align:center}.world-marker span{font-size:7px!important}}@media(max-width:600px){.topbar{height:57px!important;padding-inline:10px!important;gap:12px!important}.brand{min-width:104px!important;padding-right:8px!important}.brand>b{font-size:23px!important}.brand>b>span{font-size:11px!important;letter-spacing:.8px!important;margin-left:1px!important}.brand small{font-size:6px!important;letter-spacing:.3px!important;margin-top:4px!important;gap:5px!important}.resource-row{gap:11px!important;flex:1!important}.resource{min-width:0!important;gap:5px!important}.resource b{font-size:14px!important}.resource>i{font-size:20px!important}.resource.alloy>i{font-size:17px!important}.resource small{font-size:6px!important;letter-spacing:0!important}.time-controls{gap:3px!important}.time-controls time{display:none}.time-controls button{min-width:28px!important;width:28px!important;height:30px!important;padding:5px!important;font-size:10px!important}.mission{top:68px!important;left:10px!important;width:248px!important;padding:10px 12px!important}.mission>div:first-child{font-size:7px!important;letter-spacing:.7px!important}.mission strong{font-size:11px!important;margin-top:7px!important}.mission p{gap:7px!important;font-size:8px!important;margin-top:8px!important}.mission p>span:last-child{font-size:8px!important}.mission p>span:first-child{font-size:10px!important}.dock{left:10px!important;top:181px!important;gap:5px!important}.dock button{width:37px!important;height:37px!important}.dock button svg{width:18px!important;height:18px!important}.dock button span{display:none}.intro{top:181px!important;left:57px!important;width:200px!important;padding:12px!important}.intro>small{font-size:7px!important}.intro>strong{font-size:13px!important}.intro p{font-size:11px!important}.context-panel{top:181px!important;left:57px!important;right:10px!important;width:auto!important;max-height:calc(100% - 366px)!important;z-index:3}.context-panel h2{font-size:19px!important}.context-panel .detail-text{font-size:11px!important}.context-panel .build-list{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important}.build-list>button{padding:7px!important;gap:7px!important;min-height:63px!important}.build-list b{font-size:10px!important}.card-icon{width:30px!important;height:32px!important}.card-icon svg{width:23px!important;height:23px!important}.build-list .price{font-size:9px!important}.build-list small{font-size:7px!important}.context-panel .panel-rule{font-size:8px!important;margin-top:12px!important}.context-panel:has(.unit-portrait){max-height:calc(100% - 366px)!important}.unit-portrait{height:72px!important;margin-block:9px!important}.unit-portrait>svg{width:55px!important;height:55px!important}.stat-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.stat-grid b{font-size:15px!important}.stat-grid small{font-size:7px!important}.minimap-panel{bottom:184px!important;left:auto!important;right:10px!important;width:120px!important;opacity:.94}.minimap-panel header{padding:6px!important;font-size:6px!important;gap:3px!important}.minimap-panel header>span{font-size:0!important}.minimap-panel header>span i{font-size:6px!important}#minimap{height:88px!important}.minimap-panel footer{display:none!important}.command-panel{left:10px!important;right:10px!important;bottom:33px!important;min-height:137px!important;padding:13px!important}.command-info>.section-eyebrow{font-size:7px!important;margin-right:172px!important}.command-info>strong{max-width:calc(100% - 163px);font-size:11px!important;line-height:1.45!important;margin-top:7px!important}.command-info>p{margin-right:166px!important;font-size:9px!important;line-height:1.5!important}.tactical-skills{top:13px!important;right:11px!important;gap:5px!important}.ability{width:51px!important;height:57px!important}.ability>span{font-size:7px!important}.order-buttons{margin-top:17px!important;gap:6px!important}.order-buttons button{height:44px!important;flex:1!important;max-width:70px!important}.order-buttons svg{width:17px!important;height:17px!important}.order-buttons span{font-size:8px!important}.selected-title{margin-right:174px!important}.selected-title .section-eyebrow{font-size:7px!important}.control-hint{justify-content:space-between!important;height:23px!important;padding-inline:10px!important}.control-hint span{display:none}.control-hint>b{font-size:6px!important;margin-left:0!important;letter-spacing:.4px!important}.control-hint:after{content:"Kéo: camera · Chọn quân + lệnh để điều khiển";font:6px var(--font-tech);color:#92a8a7}.toast{bottom:184px!important;left:10px!important;right:10px!important;transform:none!important;font-size:11px!important;padding:10px!important;max-width:none!important;z-index:4}.mode-banner{top:68px!important;left:auto!important;right:10px!important;width:calc(100% - 20px)!important;transform:none!important;z-index:4;min-height:46px;display:flex;align-items:center;justify-content:center}.help-grid{grid-template-columns:1fr!important;gap:20px!important}.help-grid p{margin-top:8px!important}dialog{padding:26px 20px!important;max-height:calc(100dvh - 28px)!important}dialog h2{font-size:25px!important}dialog p{font-size:12px!important}.setting-row{align-items:flex-start!important}.setting-row small{font-size:10px!important;line-height:1.6!important}.setting-row button{font-size:10px!important;padding:8px!important}.setting-row button svg{width:17px!important}.result-stats{gap:20px!important;flex-wrap:wrap!important}.result-stats>span{font-size:8px!important}#loading p{font-size:10px!important;max-width:85%;text-align:center;line-height:1.7}}@media(max-height:600px)and (min-width:601px){.mission{width:282px!important;top:73px!important;padding:9px 12px!important}.mission strong{font-size:11px!important;margin-top:6px!important}.mission p{margin-top:7px!important}.dock{top:183px!important;gap:5px!important}.dock button{width:35px!important;height:35px!important}.intro{top:183px!important;width:236px!important;padding:12px!important}.intro strong{font-size:13px!important}.intro p{font-size:10px!important;line-height:1.5!important}.minimap-panel{width:154px!important}#minimap{height:90px!important}.minimap-panel header{font-size:6px!important}.minimap-panel footer{display:none!important}.command-panel{left:182px!important;min-height:102px!important;padding:12px!important}.ability{width:55px!important;height:61px!important}.tactical-skills{position:static!important;display:flex!important;padding-left:10px!important;border-left:1px solid var(--line)!important}.command-panel{display:flex!important}.command-info>.section-eyebrow,.command-info>p,.selected-title{margin-right:0!important}.command-info>strong{max-width:none!important;margin-bottom:7px!important}.order-buttons{margin-top:10px!important}.order-buttons button{height:42px!important}.context-panel{top:74px!important;max-height:calc(100% - 228px)!important}.context-panel .detail-text{font-size:10px!important}.context-panel h2{font-size:17px!important}.unit-portrait{height:65px!important}.unit-portrait>svg{width:50px!important}.control-hint>b{display:none!important}.toast{bottom:150px!important}}@media(max-width:375px){.brand{min-width:94px!important}.brand>b>span{font-size:10px!important}.resource-row,.topbar{gap:6px!important}.resource>i{display:none!important}.resource b{font-size:13px!important}.resource small{font-size:6px!important}.build-list .card-icon{display:none!important}.context-panel .build-list{gap:5px!important}.build-list>button{min-height:67px!important}.mission{width:236px!important}.intro{width:186px!important}.command-info>.section-eyebrow{margin-right:161px!important}.ability{width:48px!important}.tactical-skills{right:9px!important}.selected-title{margin-right:161px!important}.selected-title>b{font-size:8px!important}}@media(max-width:375px){.order-buttons [data-action=hold]{display:none!important}}:root{font-family:Segoe UI,Arial,sans-serif;color:#e4ece8;background:#111d23;font-synthesis:none;--panel:#111e25ed;--line:#a7c5c025;--muted:#99adae;--cyan:#70dce8;--amber:#f1bf78;--red:#f49a7c;--font-tech:Consolas,"Courier New",monospace}*{box-sizing:border-box}body{margin:0;overflow:hidden;min-height:100dvh}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:#273b42;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#38545b;border-color:#82d4dc80}button:active:not(:disabled){background:#40727a}button:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button svg,svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}button span{pointer-events:none}button svg{pointer-events:none}[hidden]{display:none!important}#battlefield{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0;touch-action:none;cursor:default}#battlefield[data-mode=orbital],#battlefield[data-mode=attackMove]{cursor:crosshair}#hud{position:fixed;inset:0;pointer-events:none;z-index:2}#hud button,#hud nav,#hud aside,#hud dialog,.topbar,.minimap-panel,.command-panel,.intro{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:67px;display:flex;align-items:center;gap:24px;padding:0 22px;background:linear-gradient(180deg,#101c23fa,#17262bea);border-bottom:1px solid #99c8cf38;box-shadow:0 4px 28px #0003}.brand{min-width:186px;padding-right:23px;border-right:1px solid var(--line)}.brand>b{display:block;font-size:27px;letter-spacing:-2px;font-weight:900;line-height:1;color:#b8eef1}.brand>b>span{font-size:18px;letter-spacing:3.5px;margin-left:3px;color:#e8e9db}.brand>small{display:flex;gap:15px;font:9px var(--font-tech);letter-spacing:1.1px;color:#9cb0b3;margin-top:6px}.brand em{color:var(--cyan);font-style:normal}.resource-row{display:flex;gap:35px;align-items:center;flex:1}.resource{display:flex;align-items:center;gap:10px;min-width:105px}.resource>i{font-size:26px;color:var(--amber);font-style:normal}.resource.alloy>i{color:var(--cyan);font-size:23px}.resource>span{display:flex;flex-direction:column;gap:3px}.resource b{font:600 20px var(--font-tech);letter-spacing:.1px}.resource small{font:9px var(--font-tech);letter-spacing:.7px;color:var(--muted)}.resource.compact{min-width:88px}.resource.compact>i{color:#a4b6a7}.resource.compact b{font-size:16px}.time-controls{display:flex;align-items:center;gap:7px}.time-controls time{font:14px var(--font-tech);margin-right:4px;color:#c8d3ca}.time-controls button{height:34px;min-width:36px;padding:6px 9px;display:flex;align-items:center;justify-content:center;background:#203139;border-color:#6a94924d}.time-controls [data-action=pause] span,.time-controls [data-action=settings] span{display:none}.time-controls svg{width:17px;height:17px}.time-controls .active{color:var(--amber)}.mission{position:absolute;left:22px;top:86px;width:330px;background:#17292cdf;padding:13px 15px 12px;border-left:2px solid var(--cyan);border-bottom:1px solid var(--line);box-shadow:0 4px 20px #0002}.mission>div:first-child{font:9px var(--font-tech);letter-spacing:1.3px;color:var(--cyan);display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #7ce7ef80}.mission strong{font-size:13px;font-weight:600;display:block;margin-top:9px}.mission p{display:flex;align-items:center;gap:10px;margin:10px 0 0;font:9px var(--font-tech);color:#c5cebd}.mission p>span:first-child{font-size:12px;letter-spacing:2px;white-space:nowrap}.mission p>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}.mission-track{height:2px;background:#75989822;margin-top:9px}.mission-track i{display:block;width:0;height:100%;background:var(--cyan);transition:width .2s}[data-team="0"]{color:var(--cyan)}[data-team="1"]{color:var(--red)}.dock{position:absolute;left:22px;top:222px;display:flex;flex-direction:column;gap:7px}.dock button{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#16282eeb;border:1px solid #aac5c033;box-shadow:0 2px 5px #0002}.dock button span{position:absolute;left:54px;font-size:11px;white-space:nowrap;padding:6px 10px;opacity:0;background:#15252cef;transform:translate(-4px);transition:opacity .12s,transform .12s;pointer-events:none}.dock button:hover span{opacity:1;transform:none}.dock button svg{width:20px;height:20px;color:#d1dcd0}.intro{position:absolute;left:82px;top:222px;width:266px;background:#182a30f0;border:1px solid #a7dce433;border-top:2px solid #719ca4;padding:16px;box-shadow:0 6px 28px #0002}.intro>small{font:8px var(--font-tech);letter-spacing:1px;color:var(--cyan)}.intro>strong{display:block;font-size:15px;font-weight:600;margin-top:9px}.intro p{font-size:12px;line-height:1.6;color:#b8cac6;margin:10px 0 13px}.intro p b{color:#e6eade;font-weight:600}kbd{font:10px var(--font-tech);background:#84969c25;border:1px solid #aac5c034;border-bottom-width:2px;border-radius:2px;padding:2px 4px;color:#d3e4e1}.intro>button{width:100%;padding:9px;font-size:11px;background:#35565d;border-color:#84d5de55}.context-panel{position:absolute;top:86px;right:20px;width:280px;max-height:calc(100% - 307px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d9292 #1a2a30;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 32px #0004;padding:16px 16px 18px}.context-panel>header{display:flex;justify-content:space-between;align-items:center}.section-eyebrow{font:9px var(--font-tech);letter-spacing:1px;color:var(--cyan)}.context-panel header button{padding:0;background:none;border:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:-5px -6px -5px 0}.context-panel header svg{width:15px;height:15px}.context-panel h2{margin:11px 0 9px;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.5px}.detail-text{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 14px}.land-status{font-size:10px;letter-spacing:.5px;color:var(--amber);border-bottom:1px solid var(--line);padding:3px 0 10px}.panel-rule{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:17px 0 9px;font:9px var(--font-tech);letter-spacing:.5px;color:#91a9aa}.panel-rule b{font-weight:400;color:#d8dfce;white-space:nowrap}.build-list,.unit-list,.research-list{display:flex;flex-direction:column;gap:7px}.build-list>button,.unit-list>button{display:flex;width:100%;align-items:center;gap:12px;padding:9px;text-align:left;background:#263a42;border-color:#a4b8ae1c;position:relative;min-height:71px}.card-icon{display:flex;align-items:center;justify-content:center;background:#12262d;border:1px solid #81bbc026;width:44px;height:44px;color:#a3c8cb;flex:none}.card-icon svg{width:30px;height:30px}.build-list button>span,.unit-list button>span{display:flex;flex-direction:column;gap:4px;min-width:0}.build-list b,.unit-list b{font-size:12px;font-weight:600}.build-list small,.unit-list small{font:8px var(--font-tech);color:#a4b6b0}.price{font:11px var(--font-tech);color:#d7d7b9}.price small{font-size:9px;margin:0 5px 0 2px}.price>b{color:var(--cyan);font-size:10px;font-weight:400}.sector-order button{padding:10px;display:flex;gap:8px;justify-content:center;width:100%;font-size:12px}.sector-order p{color:var(--muted);font-size:11px;line-height:1.6}.stat-row{display:flex;justify-content:space-between;font:10px var(--font-tech);padding:12px 0;border-block:1px solid var(--line)}.stat-row span{color:var(--muted)}.stat-row b{font-weight:400;color:#dbe4ca}.progress{height:3px;background:#6d8b8d2b;overflow:hidden}.progress>i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 7px #6ed5dc55;transition:width .25s}.queue-items{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.queue-items>button{display:flex;align-items:center;gap:4px;padding:7px 5px;background:#1d333c}.queue-items svg{width:16px;height:16px}.queue-items span{font:8px var(--font-tech)}.queue-items small{color:#a9a990;margin-left:3px}.research-list>button{display:flex;gap:10px;align-items:center;text-align:left;padding:12px 9px;background:#263940}.research-list button>span{flex:1;display:flex;flex-direction:column;gap:6px}.research-list button>i{color:var(--cyan)}.research-list b{font-size:12px;font-weight:600}.research-list small{font-size:9px;color:var(--muted)}.research-list em{font:9px var(--font-tech);font-style:normal;line-height:1.7;color:#cccfaf;text-align:right}.upgrade-dots{display:flex;gap:4px}.upgrade-dots>b{display:block;height:3px;width:20px;background:#627c7f55}.upgrade-dots>b.on{background:var(--cyan)}.unit-portrait{position:relative;height:100px;background:radial-gradient(ellipse at center,#41616c55,transparent 70%),#1d333b;border-block:1px solid #6c939133;display:flex;align-items:center;justify-content:center;margin:15px -16px}.unit-portrait>svg{width:79px;height:79px;color:#9ac2cb;stroke-width:1}.unit-portrait>span{position:absolute;left:15px;bottom:9px;font:8px var(--font-tech);color:var(--muted);letter-spacing:1px}.unit-portrait>b{position:absolute;right:15px;top:13px;color:#c7d8c6;font:22px var(--font-tech)}.unit-portrait b small{display:block;font-size:8px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:4px}.stat-grid>div{display:flex;flex-direction:column;gap:4px}.stat-grid small{font:8px var(--font-tech);color:var(--muted)}.stat-grid b{font:18px var(--font-tech);color:#d6ddc7}.minimap-panel{position:absolute;bottom:41px;left:20px;width:207px;background:#132329ed;border:1px solid #8bacaa50;box-shadow:0 5px 25px #0004}.minimap-panel header{display:flex;justify-content:space-between;padding:9px 10px;font:8px var(--font-tech);letter-spacing:.4px;color:#b4c7c5;border-bottom:1px solid var(--line)}.minimap-panel header>span{display:flex;align-items:center;gap:5px}.minimap-panel header i{width:4px;height:4px;background:var(--cyan);border-radius:50%}.minimap-panel header b{font-weight:400;color:var(--cyan)}#minimap{display:block;width:100%;height:145px;cursor:crosshair;touch-action:none}.minimap-panel footer{display:flex;gap:9px;align-items:center;padding:7px 8px 9px;font:7px var(--font-tech);color:#a2b8b7}.minimap-panel footer span{display:flex;align-items:center;gap:4px}.minimap-panel footer b{width:4px;height:4px}.blue{background:var(--cyan)}.red{background:var(--red)}#save-state{margin-left:auto;font-size:7px;white-space:nowrap}.command-panel{position:absolute;bottom:41px;left:242px;right:20px;min-height:129px;display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-top-color:#92c6c455;box-shadow:0 5px 24px #0003}.command-info{flex:1;min-width:0}.command-info>strong{font-size:16px;letter-spacing:-.2px;font-weight:500;display:block;margin:8px 0}.command-info>p{font-size:11px;color:var(--muted);line-height:1.6;max-width:430px;margin:5px 0}.tactical-skills{display:flex;gap:8px;flex:none;padding-left:17px;border-left:1px solid var(--line)}.ability{width:83px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;background:#1e343e;overflow:hidden;border-color:#87bdc13d}.ability svg{width:29px;height:29px;color:#a7dde3;z-index:1}.ability>span{font-size:9px;position:relative;z-index:1;white-space:nowrap}.ability kbd{position:absolute;top:3px;left:4px;font-size:8px;border:0;background:none;color:#8eb0b4;padding:0}.ability>i{position:absolute;inset:0;background:#04141ce8;transform-origin:bottom;transform:scaleY(0);transition:transform .25s;z-index:0}.ability.cooling svg{opacity:.45}.selected-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.selected-title>b{font:10px var(--font-tech);color:#bbc6ad}.order-buttons{display:flex;gap:7px;margin-top:13px}.order-buttons button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:72px;height:59px;background:#253b42;border-color:#8faaa72a}.order-buttons svg{width:20px;height:20px}.order-buttons span{font-size:9px}.control-hint{position:absolute;bottom:0;left:0;right:0;height:27px;background:#112029ed;display:flex;align-items:center;gap:20px;padding:0 22px;font:8px var(--font-tech);color:#91a5a5;border-top:1px solid #c5d1c411}.control-hint>b{margin-left:auto;font-size:8px;letter-spacing:.7px;font-weight:400;color:#90b6b9}.mode-banner{position:absolute;left:50%;top:83px;transform:translate(-50%);padding:11px 16px;font:10px var(--font-tech);color:#d3f1e3;background:#18363eea;border:1px solid #78e1df88;box-shadow:0 5px 25px #0004;white-space:nowrap}.toast{position:absolute;left:50%;bottom:190px;transform:translate(-50%);padding:12px 18px;max-width:500px;background:#182e35ef;border:1px solid #70b4bc55;box-shadow:0 5px 23px #0004;text-align:center;font-size:12px;line-height:1.5}.toast[data-kind=danger]{border-left:3px solid var(--red)}.toast[data-kind=success]{border-left:3px solid var(--cyan)}#selection-box{position:fixed;border:1px solid #91eaf2;background:#54cadd20;box-shadow:0 0 12px #4cddfa15;pointer-events:none}.world-marker{position:absolute;left:0;top:0;will-change:transform;pointer-events:none;width:66px;text-align:center;margin-left:-33px;font:8px var(--font-tech);text-shadow:0 1px 3px #000,0 0 3px #000;color:#c6ddd7}.world-marker span{display:block;margin-bottom:4px;white-space:nowrap;width:160px;position:relative;left:-47px;font-size:8px}.world-marker i{display:block;height:4px;background:#111c23ee;border:1px solid #15272a;box-shadow:0 0 1px #e1fae055}.world-marker i b{display:block;height:100%;background:#83dce1}.world-marker[data-team="1"] i b{background:#f09172}.world-marker[data-team="2"] i b{background:#c9bb8c}dialog{border:1px solid #90bcc265;background:#14252cf9;color:#dde8dd;padding:32px;width:min(760px,calc(100vw - 36px));max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 25px 120px #000b}dialog::backdrop{background:#06151da3;backdrop-filter:blur(5px)}dialog h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:13px 0 18px;line-height:1.15}dialog p{font-size:13px;line-height:1.8;color:#b2c4bf}dialog .dialog-close{position:absolute;right:12px;top:12px;background:none;border:0;width:32px;height:32px;padding:6px}dialog>button:not(.dialog-close){min-height:42px;padding:10px 18px;display:inline-flex;gap:9px;align-items:center;margin-top:14px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px;border-block:1px solid var(--line);padding:23px 0;margin:20px 0}.help-grid b{font:12px var(--font-tech);color:var(--cyan)}.help-grid p{font-size:12px;margin-bottom:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row>span{display:flex;flex-direction:column;gap:7px}.setting-row b{font-weight:500;font-size:14px}.setting-row small{font-size:11px;color:var(--muted)}.setting-row button{min-height:42px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.danger-row button{color:var(--red)}.result-stats{display:flex;gap:40px;margin:30px 0}.result-stats>span{display:flex;flex-direction:column;gap:6px;font:10px var(--font-tech);color:var(--muted)}.result-stats b{font-size:26px;color:var(--cyan);font-weight:400}.danger{color:var(--red)!important}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#13252d;z-index:10;color:#c8e1da}.load-emblem{width:70px;height:78px;font-size:50px;font-weight:900;color:var(--cyan);text-align:center;position:relative;border-bottom:2px solid var(--cyan);margin-bottom:30px}.load-emblem span{font:9px var(--font-tech);position:absolute;right:0;bottom:5px;letter-spacing:1px}#loading>b{font:12px var(--font-tech);letter-spacing:2px}#loading p{font-size:12px;color:var(--muted);margin-top:15px}#loading>i{height:2px;width:180px;background:#8bdee5;margin-top:24px;animation:load 1.3s ease-in-out infinite;transform-origin:left}@keyframes load{50%{transform:scaleX(.3);opacity:.3}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}.queue-items.production-queue{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:10px}.queue-group{display:flex;align-items:center;gap:9px;min-height:48px;padding:3px 4px 3px 10px;background:#1d333b;border:1px solid var(--line)}.queue-group[data-active=true]{border-left:2px solid var(--cyan);background:#243e46}.queue-group>svg{width:21px;height:21px;color:#a7d1d2}.queue-group .queue-group-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px}.queue-group .queue-group-name>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.queue-group .queue-group-name>small{color:var(--muted);font-size:10px;line-height:1.3}.queue-group[data-active=true] .queue-group-name>small{color:var(--cyan)}.queue-group-quantity{flex:none;white-space:nowrap;color:#e6e9d6;font:600 16px var(--font-tech);font-variant-numeric:tabular-nums}.queue-group>button{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border-color:transparent}.queue-group>button>svg{width:16px;height:16px;color:#c6d2ca}.queue-empty{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.6}#queue-summary{font-variant-numeric:tabular-nums}@media(max-width:375px){.queue-group{gap:6px;padding-left:7px}.queue-group>svg{display:none}.queue-group .queue-group-name>b{font-size:11px}.queue-group-quantity{font-size:15px}}.capture-marker{position:absolute;transform:translate(-50%,-100%);width:230px;padding:9px 11px 8px;background:#0c1b22f2;border:1px solid #9db8bf47;border-top:2px solid var(--capture-color);box-shadow:0 3px 15px #0005;pointer-events:none;color:#f4f6ed;--capture-color:#59dbef}.capture-marker-head{display:flex;align-items:center;gap:7px;line-height:1.35}.capture-marker-head strong{font:600 11px Segoe UI,Arial,sans-serif;flex:1}.capture-marker-head b{font:700 18px Consolas,monospace;color:var(--capture-color);font-variant-numeric:tabular-nums}.capture-state-symbol{color:var(--capture-color);font:700 17px Consolas,monospace;min-width:12px}.capture-marker small{display:block;font:11px Segoe UI,Arial,sans-serif;color:#c7d6d8;margin:3px 0 7px 19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capture-marker-track{height:4px;background:#78909445;overflow:hidden}.capture-marker-track i{height:100%;display:block;background:var(--capture-color)}.capture-marker[data-state=contested] .capture-marker-track,.capture-marker[data-state=blocked] .capture-marker-track{background:repeating-linear-gradient(115deg,#ffd18136 0 5px,#152730 5px 10px)}.capture-marker[data-state=interrupted]{border-top-style:dashed}@media(max-width:600px){.capture-marker{width:200px;padding:7px 9px}.capture-marker-head strong{font-size:10px}.capture-marker-head b{font-size:17px}.capture-marker small{margin-bottom:5px}}