@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#e8edf1;background:#080c14;font-synthesis:none;--gold:#efc57a;--muted:#8193a5;--panel:rgba(10,17,27,.94)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #344453;background:#15202d;padding:12px 16px;transition:.18s}button:hover{border-color:var(--gold);background:#243242}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid #efc57a;outline-offset:3px}[hidden]{display:none!important}#battlefield{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:radial-gradient(ellipse at 50% 25%,#1c2935e8,#070a11f8 75%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.brand,.subtitle,small{font-size:10px;letter-spacing:2px;color:var(--muted)}h1,h2,h3,.wordmark{font-family:Barlow Condensed,Impact,sans-serif;font-weight:600;margin:0}h1{font-size:clamp(45px,6vw,78px);letter-spacing:8px;line-height:1;margin-top:16px}h1 span{font-weight:500;color:var(--gold);margin-left:18px}.subtitle{letter-spacing:7px;margin:12px 0 24px}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:min(100%,1020px)}.faction{position:relative;height:clamp(260px,42vh,420px);padding:0;overflow:hidden;text-align:left;background:#111a23;border:1px solid #354353}.faction img{width:100%;height:100%;object-fit:cover;object-position:center 36%;opacity:.65;transition:.3s}.faction:hover img,.faction.active img{opacity:1;transform:scale(1.025)}.faction.active{border:2px solid var(--gold);box-shadow:0 0 24px #edb05e16}.faction.nyx.active{border-color:#bc90ed}.faction div{position:absolute;inset:auto 0 0;padding:70px 25px 22px;background:linear-gradient(transparent,#080d16 70%)}.faction h2{font-size:32px;letter-spacing:2px;margin:10px 0}.faction p{color:#bac5d0;font-size:12px}.faction b{font-size:10px;letter-spacing:1.5px;color:var(--gold)}.nyx b{color:#c398ff}.deploy-row{display:flex;align-items:center;gap:30px;margin-top:24px}.deploy-row label{font-size:10px;letter-spacing:1.5px;color:#8497a7}select{background:#14202e;border:1px solid #354353;padding:10px;margin-left:10px}.primary{background:var(--gold);color:#15202b;font-weight:700;letter-spacing:2px;min-width:240px;border:0;padding:17px 25px}.primary:hover{background:#ffe0a7;color:#101923}.menu-hint,#load-status{font-size:11px;color:var(--muted);margin:13px 0 0}header{position:fixed;inset:0 0 auto;height:82px;display:flex;align-items:center;padding:0 24px;gap:30px;background:linear-gradient(#0a111bee,#0a111bdd);border-bottom:1px solid #344353}.wordmark{font-size:24px;letter-spacing:3px}.wordmark span{display:block;color:var(--gold);font-size:14px;letter-spacing:4px}.resource{display:grid;grid-template-columns:auto auto;gap:2px 12px}.resource small{grid-column:1/3}.resource b{color:var(--gold);font-size:26px}.resource span{align-self:center;color:#94a7b6;font-size:11px}.objective{flex:1;text-align:center}.objective small{font-size:9px}.objective>span{font-size:10px;color:#adb9c5}#relay-dots{display:flex;justify-content:center;gap:10px;margin:8px}#relay-dots i{width:9px;height:9px;transform:rotate(45deg);background:#425468;box-shadow:0 0 6px currentColor}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{padding:8px 12px}.top-actions span{font-size:12px;color:#8193a5;margin-right:5px}footer{position:fixed;inset:auto 18px 25px;display:flex;align-items:stretch;background:var(--panel);border:1px solid #3a4a58;box-shadow:0 12px 45px #0007;min-height:136px}.minimap-wrap{width:202px;flex-shrink:0;border-right:1px solid #344353}#minimap{width:200px;height:135px;display:block;cursor:crosshair}.minimap-wrap small{display:block;text-align:center;font-size:7px;letter-spacing:1px;padding:4px}.unit-panel{display:flex;gap:14px;align-items:center;padding:15px;flex:1;min-width:250px}.unit-panel img{width:78px;height:102px;object-fit:cover;border:1px solid #45515d}.unit-panel h3{font-size:23px;margin:7px 0}.unit-panel small{font-size:8px;letter-spacing:1px}.unit-panel p{font-size:10px;color:#9aacbd;max-width:220px}.hq-track{height:3px;background:#293645;margin:10px 0 4px}.hq-track i{display:block;height:100%;background:#77d5cb;width:100%}.commands{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;width:390px;flex-shrink:0}.commands button{text-align:left;font-size:11px;padding:9px}.commands small{display:block;letter-spacing:0;font-size:9px;margin-top:5px}kbd{font:9px Inter,sans-serif;border:1px solid #526071;padding:2px 4px;margin-right:7px;color:var(--gold)}.control-hint{position:fixed;bottom:7px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.4px;color:#74899a}.control-hint span{margin:0 20px}#briefing{position:fixed;top:104px;left:24px;width:280px;padding:20px;background:#0c1521dd;border-left:2px solid var(--gold)}#briefing h3{font-size:28px;margin:10px 0}#briefing p{font-size:11px;line-height:1.9;color:#a8b8c6}#briefing button{font-size:10px;padding:7px 12px}#notifications{position:fixed;right:25px;top:105px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notice{background:#0b1522df;border-right:2px solid var(--gold);padding:12px 18px;font-size:11px;animation:appear .3s}@keyframes appear{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}#selection-box{position:fixed;border:1px solid #efc57a;background:#efc57a18;display:none;pointer-events:none}.modal-card{width:min(500px,95vw);padding:42px;background:#101b28;border:1px solid #4c5966;text-align:center}.modal-card h2{font-size:48px;letter-spacing:2px;margin:15px 0}.modal-card p{font-size:13px;color:#b6c5d2;line-height:1.8}.modal-card button{margin:12px 0 0;width:100%}.modal-card #restart{background:transparent;font-size:11px}.modal-card kbd{font-size:12px}@media(max-width:950px){header{gap:15px;padding:0 12px}.wordmark{display:none}.commands{width:310px}.unit-panel{min-width:190px;padding:9px}.unit-panel img{width:55px;height:80px}.unit-panel h3{font-size:20px}.minimap-wrap{width:152px}#minimap{width:150px}.objective>span{font-size:8px}#briefing{width:245px}.faction h2{font-size:27px}}@media(max-width:680px){.overlay{padding:18px}.brand{font-size:7px;letter-spacing:1px}h1{letter-spacing:3px;font-size:40px}h1 span{margin-left:9px}.subtitle{letter-spacing:4px;font-size:8px}.faction-grid{gap:9px}.faction{height:42vh}.faction div{padding:70px 12px 15px}.faction h2{font-size:23px}.faction p{font-size:10px}.faction b,.faction small{font-size:7px;letter-spacing:.7px}.deploy-row{gap:12px;flex-direction:column;margin-top:16px}.deploy-row label{font-size:9px}header{height:73px;gap:12px}.objective small{font-size:7px}.objective>span{display:none}.resource b{font-size:22px}.resource small{font-size:8px}.top-actions{gap:4px}.top-actions span{display:none}.top-actions button{padding:8px}.resource span{font-size:9px}.commands{width:60%;padding:7px}.commands button{font-size:9px;padding:7px}.commands small{font-size:8px}.unit-panel{display:none}.minimap-wrap{width:40%}#minimap{width:100%;height:132px}footer{inset:auto 8px 23px}.control-hint{font-size:6px}.control-hint span{margin:0 5px}#briefing{left:12px;top:85px;width:220px;padding:13px}#notifications{right:12px;top:85px;max-width:180px}.notice{font-size:9px;padding:9px}kbd{margin-right:3px}}@media(max-height:550px)and (orientation:landscape){header{height:52px;padding:0 12px}.resource b{font-size:21px}.resource small{font-size:7px}.objective small{display:none}#relay-dots{margin:5px}.objective>span{font-size:8px}.top-actions button{padding:7px 10px}footer{inset:auto 8px 12px;min-height:92px;height:92px}.minimap-wrap{width:120px}#minimap{width:118px;height:78px}.minimap-wrap small{font-size:6px;padding:1px}.unit-panel{padding:6px;gap:8px;min-width:165px}.unit-panel img{width:44px;height:69px}.unit-panel h3{font-size:18px;margin:3px 0}.unit-panel p{display:none}.unit-panel small{font-size:6px}.hq-track{margin:6px 0 2px}.commands{width:290px;padding:5px;gap:4px}.commands button{padding:5px;font-size:10px}.commands small{font-size:7px;margin-top:2px}.control-hint{display:none}#briefing{top:62px;left:12px;padding:9px;width:255px}#briefing h3{font-size:22px;margin:5px 0}#briefing p{font-size:10px;line-height:1.5;margin:6px 0}#briefing small{font-size:7px}#notifications{top:62px}.notice{padding:8px;font-size:9px}#menu{padding:12px}.brand{font-size:7px}h1{font-size:36px;margin-top:5px}.subtitle{margin:4px 0 8px;font-size:7px}.faction-grid{max-width:700px;gap:12px}.faction{height:170px;min-height:0}.faction div{padding:25px 15px 10px}.faction h2{font-size:22px}.faction p{margin:4px 0;font-size:10px}.faction small,.faction b{font-size:7px}.deploy-row{margin-top:10px;gap:20px;flex-direction:row}.primary{padding:12px 20px;font-size:10px}.menu-hint,#load-status{margin-top:5px;font-size:8px}.modal-card{padding:16px;max-height:96vh;overflow:auto}.modal-card h2{font-size:32px;margin:7px 0}.modal-card p{font-size:11px;line-height:1.5}.modal-card button{padding:9px;margin-top:6px}}#construction{position:fixed;right:18px;top:99px;width:232px;padding:14px;background:linear-gradient(145deg,#14232ff5,#0b121df5);border:1px solid #425367;box-shadow:0 12px 45px #0007;z-index:5}.build-heading{display:flex;justify-content:space-between;align-items:center}.build-heading small{font-size:8px;letter-spacing:1.2px}.build-heading button{padding:0 6px;border:0;font-size:20px;background:none}#construction h3{font-size:23px;margin:7px 0 12px}.build-card,#recruit-ranger{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left;margin:6px 0;padding:10px;border:1px solid #354a5c}.build-card span,#recruit-ranger{font-size:11px}.build-card b,#recruit-ranger b{color:#efc57a;font-size:10px}.build-card small,#recruit-ranger small{flex-basis:100%;font-size:8px;letter-spacing:0;margin-top:5px;color:#9caebd}.build-card.active{border-color:#79e4b9;background:#163c3c}.orders-label{font-size:8px;letter-spacing:1px;color:#819bab;margin-top:15px}.order-buttons{display:flex;gap:4px;margin-top:7px}.order-buttons button{padding:8px;font-size:10px;flex:1}.order-buttons .active{border-color:#efc57a;color:#efc57a}#build-hint{font-size:9px;color:#9baebd;line-height:1.6;margin-bottom:0}#placement-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);padding:11px 18px;background:#102c2dee;border:1px solid #6cdbc2;color:#beffe4;font-size:10px;letter-spacing:1px;z-index:8;pointer-events:none;max-width:65vw;text-align:center}.structure-label{position:fixed;transform:translate(-50%,-100%);pointer-events:none;font-size:8px;color:#cbd8e6;text-shadow:0 1px 3px #000;text-align:center;z-index:2;min-width:76px}.structure-label span{background:#0c1520c9;padding:3px 5px;display:block}.structure-label i{display:block;height:3px;background:#3d2436}.structure-label b{display:block;height:3px}#notifications{right:auto;left:50%;transform:translate(-50%);max-width:340px;z-index:7}#build-toggle{color:#efc57a;font-size:11px}#construction button:disabled{opacity:.45}@media(max-width:680px){#construction{right:8px;top:82px;width:212px;padding:10px;max-height:calc(100vh - 260px);overflow:auto}#placement-banner{top:78px;font-size:8px;padding:8px;max-width:90vw}.structure-label{font-size:6px}#notifications{top:80px;max-width:230px}.top-actions button{padding:7px}}@media(max-height:550px)and (orientation:landscape){#construction{right:8px;top:60px;width:210px;max-height:calc(100vh - 168px);overflow:auto;padding:8px}#construction h3{font-size:18px;margin:3px 0}.build-card,#recruit-ranger{padding:6px;margin:4px 0}#placement-banner{top:56px;font-size:8px;padding:7px}.structure-label{font-size:6px}#notifications{top:62px}}#briefing{z-index:7}#camera-tools{position:fixed;left:18px;bottom:200px;display:flex;align-items:center;gap:3px;background:#0c1824ed;border:1px solid #455d70;padding:4px;z-index:6;box-shadow:0 4px 18px #0005;touch-action:none}#camera-tools button{padding:8px 10px;min-width:36px;height:36px;font-size:11px;line-height:1;color:#e2ebf3}#camera-tools #zoom-in,#camera-tools #zoom-out{font-size:23px;padding:3px 8px}#zoom-level{width:42px;text-align:center;font-size:10px;color:#efc57a;font-variant-numeric:tabular-nums}#camera-tools .active{border-color:#efc57a;color:#efc57a}#camera-tools button:disabled{opacity:.35}#minimap{touch-action:none}#camera-tools button:focus-visible{outline:2px solid #a2ffe0}@media(pointer:coarse){#camera-tools button{min-width:42px;height:42px;padding:8px;font-size:11px}#camera-tools{left:8px;gap:2px}}@media(max-width:680px){#camera-tools{left:8px;padding:3px}#camera-tools button{min-width:38px;padding:6px}#zoom-level{width:38px}}@media(max-height:550px)and (orientation:landscape){#camera-tools{left:8px;padding:2px}#camera-tools button{height:34px;min-width:36px;padding:5px 8px}}#sound-panel{position:fixed;right:16px;top:76px;z-index:9;width:260px;padding:18px;background:#101c2af5;border:1px solid #b08b51;box-shadow:0 12px 48px #0008}#sound-panel strong{display:block;font-size:12px;letter-spacing:2px;color:#efc57a;margin-bottom:15px}#sound-panel label{display:block;font-size:12px}#sound-panel output{float:right;color:#efc57a}#sound-panel input{width:100%;margin:12px 0;accent-color:#efc57a}#sound-panel small{font-size:11px;color:#aac0ce;line-height:1.5}#music-settings{padding:8px}@media(max-width:680px){.top-actions{gap:3px}.top-actions button{padding:5px;font-size:11px}#sound-panel{top:74px;right:8px;width:240px}}