@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#d9ded4;background:#10191e;font-synthesis:none;font-size:13px;--mint: #92c8ad;--gold: #c5b27e;--muted: #8b9793;--border: #87978c33}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;background:#25342f;color:#dbe3d7;border:1px solid #a6bc9c35;padding:9px 12px;transition:background .15s}button:hover{background:#3c5147;border-color:#a5c9ae88}button:disabled{opacity:.4;cursor:default}input,select{background:#101d20;border:1px solid var(--border);color:#d5ddd3;padding:10px;outline:none}input:focus,select:focus{border-color:var(--mint)}small,.muted{color:var(--muted)}strong,b{font-weight:600}.mint{color:var(--mint)}.error{color:#f0a385}.eyebrow{font-size:11px;letter-spacing:2.6px;color:var(--gold)}.panel{background:linear-gradient(120deg,#15221fee,#152023f2);border:1px solid var(--border);box-shadow:0 6px 24px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:1.6px;color:#bbc7b9;padding:0 12px}.panel-title>span{font-size:9px;color:#7f9288;letter-spacing:1px}.panel-title button{border:0;padding:2px 6px;background:none;font-size:20px}.lobby{min-height:100vh;background:radial-gradient(ellipse at 80% 40%,#3b504536,transparent 55%),linear-gradient(125deg,#131e23,#1e2b29);position:relative;overflow:auto;height:100vh}.lobby-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#9fb49708 1px,transparent 1px),linear-gradient(90deg,#9fb49708 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.lobby-content{position:relative;padding:7vh 7vw;max-width:850px}.lobby h1{font:500 clamp(45px,6vw,82px) / .95 "Barlow Condensed",sans-serif;letter-spacing:4px;margin:45px 0 22px;color:#adb9ac}.lobby h1 strong{color:#e2e6d8;font-weight:600}.lead{font-size:25px;color:#c8d2c5;letter-spacing:.3px}.intro{max-width:425px;line-height:1.8;font-size:14px;color:#8f9f96}.lobby-map{position:absolute;right:6vw;top:23vh;width:42vw;transform:perspective(1000px) rotateX(45deg) rotate(-15deg);opacity:.55}.lobby-map svg{overflow:visible;filter:drop-shadow(0 20px 25px #000)}.lobby-map rect{fill:#74836c22;stroke:#acb798;stroke-width:.3}.lobby-map circle{fill:#cfbb83;filter:drop-shadow(0 0 3px #9fcfac)}.lobby-form{max-width:400px;margin-top:32px}.lobby-form label{display:block;font-size:10px;letter-spacing:1.5px;color:#9aac9e;margin-bottom:15px}.lobby-form label span{letter-spacing:0;float:right;color:#677a70}.lobby-form input{width:100%;display:block;margin-top:7px;font-size:13px;padding:12px 14px}.deploy{width:100%;padding:16px 18px;background:#a4b797;color:#14251e;text-align:left;font-size:12px;letter-spacing:2px;font-weight:700}.deploy span{float:right;font-size:18px}.deploy:hover{background:#c4d2b5}.lobby-facts{display:flex;gap:30px;margin:34px 0 24px}.lobby-facts b{font:500 28px Barlow Condensed,sans-serif;display:block;color:#c5c9b1}.lobby-facts span{font-size:8px;letter-spacing:1px;color:#85958a}.lobby .muted{line-height:1.8;font-size:11px}details{font-size:11px;color:#809389;margin-top:18px}details button{margin:6px 6px 0 0}summary{cursor:pointer}footer{margin-top:28px;font-size:9px;color:#728478;letter-spacing:1px}footer span{margin-left:24px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#acd0a2;margin-right:10px;box-shadow:0 0 10px #acd0a266}.game{position:relative;width:100vw;height:100vh;overflow:hidden}#battlefield{display:block;width:100%;height:100%;outline:none;touch-action:none}.mode-attackMove #battlefield{cursor:crosshair}.topbar{position:absolute;top:15px;left:18px;right:18px;height:70px;display:flex;align-items:center;padding:0 16px;gap:27px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;min-width:205px}.brand-mark{font-size:35px;color:#c4c8af}.brand b{font:600 23px Barlow Condensed,sans-serif;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:3px}.stat{position:relative;min-width:95px}.stat small{display:block;font-size:8px;letter-spacing:1.3px;margin-bottom:4px}.stat strong{font:500 27px Barlow Condensed,sans-serif;letter-spacing:1px}.stat em{font: 11px Barlow,sans-serif;color:#8d9b91}.stat i{height:2px;position:absolute;bottom:-6px;left:0;background:#91ba98}.control{min-width:138px}.pulse{min-width:126px}.topbar>button{background:none;font-size:18px;border-color:#9eb18c22;width:32px;padding:5px}.operation{position:absolute;top:113px;left:27px;text-shadow:0 2px 10px #0009;pointer-events:none}.operation h2{font:500 30px Barlow Condensed,sans-serif;letter-spacing:.7px;margin:8px 0;color:#ececdb}.operation p{font-size:12px;color:#c0c4b0;margin:0}.operation .eyebrow{font-size:9px}.operation .eyebrow span{padding:0 10px;color:#90a38f}.room-code{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:9px;letter-spacing:1px;color:#a6b6a8}.room-code b{color:#d5dfcf}.room-code>span{margin-left:4px;font-size:8px}.players{position:absolute;top:106px;right:18px;width:285px}.player-row{display:flex;align-items:center;padding:13px 14px;gap:11px}.player-row>i{width:5px;height:25px}.player-row>div{flex:1}.player-row b{font-size:11px}.player-row small{font-size:8px;color:#98a99b;margin-left:4px}.player-row>strong{font:500 22px Barlow Condensed,sans-serif}.power-track{height:2px;background:#9ab29322;margin-top:8px}.power-track span{display:block;height:100%}.wide{width:100%;text-align:left}.wide span{float:right}.ghost{font-size:9px;letter-spacing:1.2px;border:0;border-top:1px solid var(--border);padding:13px}.notifications{position:absolute;right:22px;top:340px;font-size:11px;text-align:right;pointer-events:none;max-width:360px;text-shadow:0 2px 8px #000}.notifications>div{margin-bottom:13px;background:#172522aa;padding:8px 10px;border-right:2px solid #c5b27e55}.notifications span{color:var(--gold);margin-right:9px}.bottom-hud{position:absolute;left:18px;right:18px;bottom:19px;display:flex;align-items:stretch;gap:12px;pointer-events:none;height:190px}.bottom-hud>div{pointer-events:auto}.minimap{width:224px;flex-shrink:0;position:relative}.minimap svg{height:144px;width:100%;display:block;cursor:crosshair;padding:6px}.map-footer{position:absolute;bottom:3px;left:12px;letter-spacing:1.4px;font-size:7px;color:#728778}.selection-panel{flex:1;min-width:200px}.selection-body{display:flex;padding:20px;gap:18px;height:123px;overflow:hidden}.unit-emblem{width:62px;height:64px;flex-shrink:0;background:linear-gradient(135deg,#a8b79222,transparent);border:1px solid #98ad8733;display:grid;place-items:center;font-size:40px;color:#b6c5a8}.selection-body h3{font:500 23px Barlow Condensed,sans-serif;margin:0 0 7px}.selection-body p{font-size:8px;letter-spacing:1px;color:#9bab9d;margin:0}.roster{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.roster span{font-size:9px;color:#91a28e}.roster b{color:#d2dac9;margin-left:3px}.selection-hint{border-top:1px solid var(--border);padding:8px 12px;font-size:8px;letter-spacing:.5px;color:#839783}.selection-hint span{float:right}.command-panel{width:275px;flex-shrink:0}.commands{display:flex;gap:6px;padding:12px}.commands button{position:relative;flex:1;height:73px;padding:3px;font-size:9px;background:#8294770c}.commands button:hover,.commands button.active{background:#82947733}.commands b{display:block;font-size:25px;line-height:36px;color:#bec9ad;font-weight:400}.commands kbd{position:absolute;top:4px;left:6px;font-size:8px;color:#8eaa8f}.command-hint{font-size:8px;line-height:1.8;color:#849581;letter-spacing:.7px;padding:0 13px}.production{position:absolute;bottom:221px;left:254px;width:400px}.production select{font-size:10px;padding:3px 7px;max-width:200px}.recruit{display:flex;padding:8px;gap:5px}.recruit button{flex:1;min-width:0;padding:7px 2px;background:#89967b0a;border-color:#93a58322}.recruit-icon{display:block;font-size:23px;height:30px;color:#b6c5aa}.recruit b{font-size:8px;display:block;font-weight:400;white-space:nowrap}.recruit small{font-size:9px;display:block;margin-top:5px;color:#c5b88c}.chat{position:absolute;left:22px;bottom:222px;width:220px;font-size:10px}.chat-messages p{margin:6px 0;background:#18251f88;padding:5px;line-height:1.4}.chat-messages b{margin-right:4px}.chat form{display:flex;background:#172321dd;border:1px solid var(--border);align-items:center}.chat form>span{font-size:7px;letter-spacing:1px;color:#9caf91;padding-left:9px}.chat input{background:none;border:0;padding:9px;min-width:0;width:100%;font-size:10px}.telemetry{position:absolute;bottom:3px;right:20px;font-size:8px;letter-spacing:1px;color:#adbaaa}.telemetry span{padding:0 8px;color:#7c9479}.selection-box{display:none;position:fixed;border:1px solid #bddab3;background:#a3d3a922;pointer-events:none;z-index:100}.mode-banner,.toast{position:absolute;top:97px;left:50%;transform:translate(-50%);padding:10px 20px;background:#172522eb;border:1px solid #b8b57b66;font-size:10px;letter-spacing:1px;color:#dfd6a9;z-index:20}.toast{top:50%;max-width:460px}.floating{position:absolute;top:106px;right:318px;width:360px;z-index:30}.floating>p{padding:4px 17px;font-size:12px;line-height:1.7;color:#a3b3a3}.floating dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:6px 17px;font-size:11px}.floating dt{color:#90a58f}.floating dd{margin:0;text-align:right;color:#c6d2bc}.floating label{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;font-size:10px;letter-spacing:1px}.floating select{font-size:11px;padding:6px}.debug-options{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);padding:7px 5px}.debug-options label{justify-content:flex-start;gap:8px;padding:7px;font-size:11px;letter-spacing:0}.debug-options input{accent-color:#9eb391}.settings>small{display:block;font-size:10px;line-height:1.6;padding:10px 17px}.diplomat{padding:15px 18px;border-top:1px solid var(--border)}.diplomat small{display:block;font-size:9px;margin:8px 0;line-height:1.5;text-transform:uppercase}.diplomat button{font-size:10px;width:100%;margin-top:4px}.victory-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#091410bb;display:grid;place-items:center;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.victory{padding:40px;max-width:90vw;text-align:center}.victory h1{font:600 52px Barlow Condensed,sans-serif;margin:20px 0 5px}.victory h2{font-weight:400;color:#b7c8a8}.victory p{font-size:10px;letter-spacing:2px;color:#aab69c}.victory table{border-collapse:collapse;text-align:left;font-size:12px;margin:30px 0}.victory td,.victory th{padding:12px;border-bottom:1px solid var(--border)}.victory th{font-size:9px;font-weight:400;color:#a2b08f;text-transform:uppercase}.victory button{min-width:200px}@media(max-width:1100px){.topbar{gap:13px}.brand{min-width:155px}.brand b{font-size:18px}.brand small{font-size:7px}.brand-mark{font-size:24px}.stat{min-width:75px}.stat strong{font-size:23px}.control{min-width:110px}.pulse{min-width:105px}.selection-hint span{display:none}.players{width:235px}.floating{right:268px}.command-panel{width:235px}.production{width:360px}.selection-body{padding:15px 12px;gap:10px}.unit-emblem{width:44px}.lobby-map{right:3vw;width:37vw}}@media(max-height:750px){.production{bottom:206px}.bottom-hud{height:175px;bottom:15px}.selection-body{height:108px}.minimap svg{height:130px}.chat{bottom:206px}.lobby-content{padding-top:5vh}.lobby h1{margin-top:25px}.lobby-facts{margin-top:22px}.notifications{top:300px}}.lobby-form .fresh-room{display:flex;align-items:center;gap:10px;letter-spacing:.5px;font-size:11px}.lobby-form .fresh-room input{width:14px;margin:0;accent-color:#a4b797}.operation{background:linear-gradient(90deg,#14251c88,transparent);padding:12px;left:15px;top:100px}.building-details{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 12px 12px;font-size:11px}.building-details small{color:#a7b5a5}.building-details button{font-size:10px;padding:5px 8px}.production-queue{padding:4px 12px;font-size:11px}.production-queue small{display:block;max-height:38px;overflow:auto;color:#a7b5a5}.cargo-summary p{margin:3px 0}.cargo-summary small{color:var(--muted)}.bottom-hud{display:grid;grid-template-columns:280px minmax(230px,1.15fr) minmax(190px,1fr) minmax(170px,.65fr);height:222px;gap:10px}.bottom-hud>*{pointer-events:auto;min-width:0}.bottom-hud .minimap{width:auto}.bottom-hud .minimap svg{height:180px}.bottom-hud .production{position:static;width:auto;overflow:auto}.bottom-hud .production .panel-title{flex-wrap:wrap;gap:5px}.bottom-hud .production select{width:100%;max-width:100%}.bottom-hud .selection-panel,.bottom-hud .command-panel{width:auto;overflow:auto}.bottom-hud .selection-body{padding:12px;height:auto;min-height:115px}.bottom-hud .unit-emblem{display:none}.bottom-hud .commands{flex-wrap:wrap;padding:8px}.bottom-hud .commands button{min-width:55px;height:65px}.bottom-hud .building-details{padding:4px 10px}.bottom-hud .building-details p{margin:4px 0}.chat{bottom:252px}.quit-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#07101899;display:grid;place-items:center;z-index:100}.quit-dialog{padding:24px;text-align:center}.quit-dialog button{margin:8px;min-width:90px}@media(max-width:1150px){.bottom-hud{left:10px;right:10px;gap:6px;grid-template-columns:260px minmax(210px,1fr) minmax(170px,1fr) 150px}.bottom-hud .panel-title{padding:8px;font-size:8px}.bottom-hud .selection-hint{display:none}}@media(max-width:850px){.bottom-hud{grid-template-columns:260px 230px 190px 150px;overflow-x:auto}.topbar{flex-wrap:wrap}}.tick-number{min-width:34px}.minimap svg{touch-action:none}.unit-details{display:block;max-width:420px;line-height:1.35}.medic-power{font-size:11px;color:#8bcced}.medic-power progress{display:block;width:100%;height:5px;accent-color:#68bee5}