/* NEW: Responsive tactical HUD and dusk-themed launcher. No external fonts or trackers. */
:root{color-scheme:dark;--ink:#0a1419;--panel:rgba(13,24,29,.95);--line:rgba(184,167,125,.2);--gold:#c5ad77;--gold-bright:#ebd39b;--text:#e8ebe4;--muted:#8fa3a8;--green:#84b599;--red:#db8a79;--hud-scale:1;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;background:var(--ink);color:var(--text);accent-color:var(--gold);caret-color:var(--gold-bright)}::selection{background:#c5ad7759;color:#fff8e6}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:#14242c;border-radius:4px;transition:background .15s,border .15s}button:hover:not(:disabled){background:#243942;border-color:var(--gold)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}select{min-width:0;color:#dae3df;background:#111f27;border:1px solid var(--line);padding:9px;border-radius:3px}select:hover,.key-field input:hover{border-color:#c5ad7766}h1,h2,h3,p{margin:0}h2,h3{font-family:Georgia,serif;font-weight:normal}.muted{color:var(--muted)}.small{font-size:11px}.tiny{font-size:10px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--gold)}.text-button{border:0;background:none;padding:2px 0;color:var(--gold)}.dot,.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #83b49466}.lobby{min-height:100dvh;position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:auto;max-height:100dvh;scrollbar-color:#3b5058 transparent}.lobby-landscape{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 26% 37%,#2c4247 0,#152831 33%,#0c171e 70%)}.lobby-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1419 1%,transparent 55%),linear-gradient(90deg,transparent 35%,#091318ba 80%)}.eclipse{position:absolute;left:50%;top:8%;width:clamp(150px,14vw,230px);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 38% 36%,#162a33,#0b171e 75%);box-shadow:0 0 0 1px #e6d6a64d,0 0 26px 3px #dcc68f2e,0 0 90px 26px #7aa0a524,0 0 220px 80px #4f7a8617}.eclipse:before{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 273deg,transparent 0 12%,#f1e0ae 30%,#fff4d6 38%,#f1e0ae 46%,transparent 64%);-webkit-mask:radial-gradient(closest-side,transparent 95%,#000 97.5%,#000 99%,transparent);mask:radial-gradient(closest-side,transparent 95%,#000 97.5%,#000 99%,transparent);filter:blur(.6px)}.eclipse:after{content:'';position:absolute;left:88.3%;top:17.9%;width:7px;height:7px;translate:-50% -50%;border-radius:50%;background:#fff8e4;box-shadow:0 0 10px 3px #f5e2ad,0 0 34px 10px #e3c98a66}.eclipse:before,.eclipse:after{animation:corona 2.8s cubic-bezier(.16,1,.3,1) .15s both}@keyframes corona{from{opacity:.25}}.ridge{position:absolute;width:105%;height:44%;bottom:0;left:-3%;background:#0e1b22;clip-path:polygon(0 26%,9% 19%,16% 38%,25% 5%,31% 25%,34% 15%,49% 39%,53% 24%,60% 32%,67% 16%,72% 28%,80% 3%,89% 25%,100% 18%,100% 100%,0 100%)}.ridge-back{height:65%;opacity:.35;background:#567078;transform:scaleX(-1)}.mist{position:absolute;left:-25%;top:45%;height:42%;width:100%;background:radial-gradient(ellipse,#aec0b419,transparent 70%);filter:blur(10px)}.lobby-top{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2.3px;color:#b1c0c0}.edition{color:#748d97;font-size:10px;letter-spacing:2px}.edition .dot{margin-left:10px}.lobby-main{margin:auto;display:grid;grid-template-columns:minmax(400px,1.2fr) minmax(360px,440px);gap:clamp(40px,10vw,170px);width:min(1180px,87%);padding:16px 0}.hero{align-self:center}.hero h1{font:normal min(clamp(49px,5.6vw,82px),10.5vh)/.98 Georgia,serif;letter-spacing:3px;margin:0 0 27px;color:#e4e7dd;text-shadow:0 4px 20px #09191dcc}.hero h1 span{color:var(--gold)}.gold-line{width:62px;height:1px;background:var(--gold);margin:28px 0}.hero-tagline{font:normal 23px/1.55 Georgia,serif;color:#b8c7c6}.hero p strong{font-weight:normal;color:#e5e6dd}.hero .hero-description{max-width:370px;font-size:14px;line-height:1.8;color:#9aacaf;margin-top:22px;text-wrap:pretty}.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:34px;font-size:11px;letter-spacing:1.6px;color:#9fb1b3}.hero-tags span+span:before{content:'';display:inline-block;width:4px;height:4px;margin:0 14px 2px 0;background:var(--gold);opacity:.7;transform:rotate(45deg)}.setup-panel{background:linear-gradient(145deg,#1b2c33df,#0d1c24ed);border:1px solid #9ca68a35;box-shadow:0 24px 70px #0005;padding:26px 28px 22px;border-radius:6px;backdrop-filter:blur(10px)}.setup-panel h2{font-size:26px;margin-bottom:18px}.faction-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.faction-card{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px 14px;background:#10202999;border:1px solid #6f8b8f35;border-radius:4px;transition:border-color .2s,background .2s}.faction-card:hover{border-color:#c5ad7770}.faction-card:has(input:checked){border-color:var(--gold);background:linear-gradient(150deg,#a1924b15,#233d462a);box-shadow:inset 0 0 20px #ab9e5811}.faction-card input{position:absolute;opacity:0}.faction-card:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:3px}.faction-emblem{width:40px;height:44px;margin-bottom:6px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;transition:filter .2s}.faction-emblem .lit{fill:var(--gold-bright);stroke:none}.faction-emblem .hood{fill:#050d12}.faction-emblem .eye{stroke:#d3eef6;stroke-width:1.8}.faction-card:has(input:checked) .faction-emblem{filter:drop-shadow(0 3px 8px color-mix(in srgb,currentColor 40%,transparent))}.faction-card.undead .faction-emblem{color:#91b8c7}.undead .faction-emblem .lit{fill:#d3eef6}.faction-title{font-family:Georgia,serif;font-size:18px;margin:4px 0 7px}.faction-card small{font-size:11.5px;line-height:1.55;color:#9fb3b8}.setup-row{display:grid;grid-template-columns:1fr;gap:6px;margin:12px 0}.setup-row label{font-size:11.5px;color:#aebfc2;letter-spacing:.3px}.setup-status{font-size:12px;color:var(--green);line-height:1.5;min-height:36px;margin:14px 0 12px;text-wrap:pretty}.setup-status.warning{color:#d9b779}.setup-status.error{color:var(--red)}.primary-button{width:100%;border:1px solid #c6a875;background:linear-gradient(90deg,#b49b64,#c7b37d);color:#182029;font-size:12px;letter-spacing:1.5px;font-weight:700;border-radius:2px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.primary-button:hover:not(:disabled){background:#e0c88e;border-color:#ecd8a4}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transition:transform .25s cubic-bezier(.16,1,.3,1)}.primary-button:hover:not(:disabled) svg{transform:translate(2px,-2px)}.primary-button:disabled{opacity:1;background:#15252c;border-color:#c5ad7738;color:#8f8b77}.lobby-actions{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}.lobby-actions button{font-size:12px;background:none;border:0;padding:2px 0;color:#b2c3c6}.lobby-actions button:hover:not(:disabled),.lobby .text-button:hover:not(:disabled){background:none;color:var(--gold-bright)}.footnote{font-size:11px;line-height:1.6;color:#7f949c;margin-top:14px;text-wrap:pretty}.lobby-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;gap:20px;font-size:10.5px;letter-spacing:1.5px;color:#7f959c}.lobby-footer .text-button{font-size:11.5px;letter-spacing:.5px}.lobby-footer #asset-summary{max-width:320px;text-align:right;color:#8fa3a8}
.game{height:100dvh;position:relative;isolation:isolate;background:#14212a}#viewport{position:absolute;inset:0;outline:none;overflow:hidden}#viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.game-top{position:absolute;top:0;left:0;right:0;height:77px;background:linear-gradient(0deg,#0c1a24f2,#0b161cfb);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 23px;gap:20px;box-shadow:0 6px 25px #0003}.crest-button{background:none;border:0;padding:0}.game-title{font-family:Georgia,serif;font-size:15px;line-height:1.2;letter-spacing:1px;color:#d5d8cf;min-width:130px}.game-title>span{color:var(--gold);display:block}.game-title small{font-family:Segoe UI,sans-serif;font-size:7px;letter-spacing:2px;color:#839b9f;display:block;margin-top:5px}.resource-strip{display:flex;gap:34px;margin-left:auto;margin-right:auto}.resource{display:flex;align-items:center;gap:11px}.resource .icon{font-size:23px}.wood{color:#96bca0}.gold{color:var(--gold-bright)}.population{color:#abc1c9}.resource b{font-size:20px;letter-spacing:1px;display:block;font-weight:500;min-width:65px}.resource small{font-size:8px;letter-spacing:1.1px;color:#859a9c}.resource small span{color:#779889;font-size:8px;letter-spacing:0;margin-left:4px}.time-block{text-align:right}.time-block b{display:block;font-weight:400;font-variant-numeric:tabular-nums;font-size:18px;letter-spacing:1px}.time-block small{display:block;font-size:7px;letter-spacing:1.3px;color:var(--muted);margin-top:5px}.square-button{width:33px;height:33px;font-size:16px}.objective-card{position:absolute;left:24px;top:102px;border-left:2px solid #c5ad77;padding:7px 18px 8px;background:linear-gradient(90deg,#101e28c9,transparent);pointer-events:none}.objective-card strong{display:block;font:normal 17px Georgia,serif;margin-top:7px;text-shadow:0 1px 4px #000}.objective-card small{display:block;margin-top:7px;color:#b0bbb6;font-size:10px;max-width:270px;line-height:1.6}.ai-card{position:absolute;right:23px;top:98px;width:260px;background:#0c1a22ed;border:1px solid var(--line);box-shadow:0 5px 18px #0002;border-radius:4px;padding:12px 14px;max-height:52vh;overflow:auto}.ai-heading{display:flex;align-items:center;gap:8px;width:100%;padding:0;background:none;border:0;font-size:8px;letter-spacing:1.4px;color:#b4c5c5}.ai-heading:hover{background:none!important}.chevron{margin-left:auto;font-size:14px}.ai-summary{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px}.ai-summary strong{font-size:19px;font-weight:400;color:#dbc791}.ai-summary>span{font-size:9px;color:#849eaa}.ai-meter{height:2px;background:#344048}.ai-meter>span{display:block;height:2px;background:var(--gold);width:0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.metric-grid div{font-size:9px;color:#81969e;line-height:1.6}.metric-grid b{font-size:12px;color:#c2d1d1;display:block;font-weight:400}.trace-item{font-size:9px;padding:7px 0;border-top:1px solid #8499a311;color:#9db2b8;line-height:1.5}.trace-item b{color:#d3ccb3;font-weight:500}.trace-item small{color:#658b87}.mode-banner{position:absolute;top:85px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.6px;padding:8px 14px;border:1px solid #c5ad773a;background:#2d2c20dc;color:#d6c68f;pointer-events:none;white-space:nowrap}.loading-chip{position:absolute;top:188px;left:26px;display:flex;align-items:center;gap:10px;background:#0e2026dc;color:#b9c7c1;padding:10px 14px;font-size:10px;border:1px solid #86957638;max-width:370px}.spinner{border:1px solid #9aa56b40;border-top-color:var(--gold);border-radius:100%;width:12px;height:12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paused-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);background:#0c1b24e8;border:1px solid var(--gold);padding:17px 24px;display:flex;gap:24px;align-items:center;box-shadow:0 10px 40px #0005;letter-spacing:3px;font-size:11px}.paused-banner button{padding:7px 15px;font-size:11px;letter-spacing:.5px}.toasts{position:absolute;top:230px;left:24px;display:flex;flex-direction:column;gap:8px;max-width:390px;pointer-events:none}.toast{padding:10px 14px;font-size:11px;line-height:1.5;background:#0b1b25ed;border-left:2px solid var(--gold);box-shadow:0 5px 14px #0003;animation:fade-in .2s ease-out}.toast.error{border-left-color:var(--red);color:#ecc3b7}.toast.success{border-left-color:var(--green)}@keyframes fade-in{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.bottom-hud{position:absolute;left:23px;right:23px;bottom:31px;display:grid;grid-template-columns:246px minmax(280px,1fr) 305px;gap:14px;align-items:end;pointer-events:none}.bottom-hud>section{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 7px 26px #0004}.minimap-panel{padding:11px 11px 8px}.mini-heading,.mini-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#9caeab}.mini-heading button{background:none;border:0;font-size:16px;line-height:10px;color:var(--gold)}#minimap{width:100%;height:162px;margin:10px 0 6px;cursor:crosshair;border:1px solid #819d9930;display:block;image-rendering:pixelated}.mini-footer{font-size:7px;letter-spacing:.8px;color:#577983}.selection-panel{min-height:175px;padding:15px 18px;max-height:255px;overflow:auto}.selection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.empty-selection{display:flex;gap:18px;align-items:center;min-height:91px}.large-crest{font-size:56px;color:#627f8299}.empty-selection h3{font-size:21px;color:#b9c7c2;margin:3px 0 9px}.empty-selection p{font-size:10px;line-height:1.8;color:#728d97}.unit-detail{display:grid;grid-template-columns:70px 1fr;gap:15px}.unit-portrait{position:relative;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--gold-bright);border:1px solid #b8a66b45;background:radial-gradient(ellipse at top,#394845,#15272f);height:85px;border-radius:3px}.unit-portrait.undead{color:#a2c6d3;background:radial-gradient(ellipse at top,#30444c,#14212f)}.unit-detail h3{font-size:21px;margin-bottom:7px;display:flex;justify-content:space-between;align-items:center}.health-line{height:3px;background:#333c3c;margin:5px 0 8px}.health-line span{display:block;height:100%;background:#89b899}.health-caption{font-size:9px;color:#9aaeab;font-variant-numeric:tabular-nums}.order-line{color:#c4c8b8;font-size:10px;line-height:1.6;margin:7px 0 3px}.decision-line{color:#8aa5ac;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.decision-age{font-size:9px;color:#587e88;margin-top:4px}.unit-grid{display:flex;gap:5px;flex-wrap:wrap}.unit-chip{position:relative;width:44px;height:47px;border:1px solid #799ca049;background:#1c3038;padding:4px;font-size:23px;color:var(--gold)}.unit-chip .chip-health{position:absolute;height:2px;bottom:0;left:0;background:#85af91}.unit-chip:hover{border-color:var(--gold)}.group-caption{font-size:10px;color:var(--muted);margin-top:10px}.queue-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.queue-item{background:#24393d;padding:5px 8px;font-size:10px;position:relative;overflow:hidden;z-index:0}.queue-item:before{position:absolute;left:0;bottom:0;height:2px;width:var(--progress,0%);background:var(--gold);content:''}.commands-panel{padding:14px 15px;min-height:175px}.command-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.command-button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:58px;padding:4px 2px;position:relative;background:#192c34;border-color:#8fa48c30}.command-button strong{font-size:23px;line-height:1.1;font-weight:400;color:#c8b789}.command-button small{font-size:8px;margin-top:4px;color:#a5b6b5}.command-button .hotkey{font-size:7px;position:absolute;right:3px;top:3px;color:#69888f}.command-button.active{border-color:var(--gold);background:#504733}.command-hint{font-size:9px;line-height:1.6;color:#819a9f;margin-top:10px;min-height:25px}.game-footer{position:absolute;left:24px;right:24px;bottom:10px;display:flex;justify-content:space-between;color:#889f9f;font-size:7px;letter-spacing:1px;text-shadow:0 1px 4px #000;pointer-events:none}#drag-box{position:fixed;border:1px solid #d3bf87;background:#bca66516;pointer-events:none;z-index:20}#world-tooltip{position:fixed;padding:7px 11px;font-size:10px;background:#0d1a23ed;border:1px solid var(--line);pointer-events:none;z-index:21;max-width:270px;line-height:1.5}
dialog{border:1px solid #9da48150;background:#0f2029;color:var(--text);padding:0;border-radius:5px;width:min(600px,94vw);max-height:85dvh;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#06131ca8;backdrop-filter:blur(5px)}.modal-inner{padding:33px;position:relative}.close-button{position:absolute;right:14px;top:9px;background:none;border:0;color:#7b9da5;font-size:25px}.modal-inner h2{font-size:32px;margin:11px 0 15px;color:#e3dfcc}.modal-inner p{font-size:12px;line-height:1.8;color:#98aeb5;margin:10px 0}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.modal-actions button{padding:11px 17px;font-size:11px}.modal-actions .primary-button{width:auto}.modal-note{padding:13px;background:#172b32;border-left:2px solid var(--gold);font-size:11px;line-height:1.7;color:#b6c4c2}.help-table{width:100%;border-collapse:collapse;font-size:11px}.help-table td{padding:9px 0;border-bottom:1px solid #91a3a320;color:#a2b6bc}.help-table td:first-child{width:42%;color:#dccb9c}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid #91a3a320;font-size:12px}.settings-row select{max-width:240px}.settings-row input[type=range]{accent-color:var(--gold);width:180px}.setting-explanation{font-size:10px;color:var(--muted);line-height:1.6}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.result-grid>div{padding:14px 9px;background:#1b2b32;text-align:center}.result-grid strong{display:block;font-size:23px;font-weight:400;color:var(--gold)}.result-grid small{font-size:9px;color:#8ca1a7;display:block;margin-top:7px}.asset-log{max-height:160px;overflow:auto;background:#0a1820;padding:12px;font-size:10px;line-height:1.8;word-break:break-word}.fatal{position:absolute;z-index:100;inset:0;background:#0c1b24ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.fatal button{padding:11px 25px}.fatal h2{font-size:30px}
/* NEW: Portrait cards, recruitment progress and queue slots, laid out as the source game's HUD. */.bottom-hud>section{position:relative}.bottom-hud>section:before{content:'';position:absolute;top:-1px;left:16px;width:34px;height:2px;background:var(--gold)}.unit-portrait img,.card-art img,.unit-chip img,.queue-slot img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.unit-detail{grid-template-columns:92px 1fr}.unit-portrait{height:92px;padding:3px}.unit-detail h3{margin-bottom:3px}.role-line{font-size:10px;color:#9fb1b3;margin-bottom:9px}.health-line{height:4px;border-radius:2px;overflow:hidden;margin:0 0 5px}.health-line span{background:#6fc28e}.unit-chip{padding:2px}.command-body{display:flex;flex-direction:column;gap:9px}.card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.card-button{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 4px 7px;background:#16272f;border-color:#8fa48c30;min-width:0}.card-art{height:54px;width:100%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#c8b789}.card-art strong{font-weight:400}.card-button b{font-size:10px;font-weight:500;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-button small{font-size:8px;color:#8ea3a6;margin-top:3px;white-space:nowrap}.card-button .hotkey{position:absolute;right:4px;top:3px;font-size:7px;color:#69888f}.card-button.active{border-color:var(--gold);background:#504733}.card-button.short small{color:var(--red)}.recruit-line{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#c4c8b8;margin-bottom:5px}.recruit-line span:last-child{color:#9aaeab;font-variant-numeric:tabular-nums}.recruit-bar{height:3px;background:#333c3c;border-radius:2px;overflow:hidden}.recruit-bar span{display:block;height:100%;width:0;background:var(--gold)}.queue-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.queue-slot{position:relative;display:block;height:48px;border:1px solid #799ca030;background:#101e25;border-radius:3px;padding:3px 3px 13px}.queue-slot small{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:8px;color:#7d949a}.queue-slot.filled{background:#1c3038}.queue-slot.current{border-bottom:2px solid var(--gold)}.command-body .command-button{height:44px}.bottom-hud{grid-template-columns:246px minmax(280px,1fr) 470px}
@media(max-width:1120px){.lobby-main{gap:40px;width:90%;grid-template-columns:minmax(270px,1fr) 380px}.hero h1{font-size:57px}.eclipse{left:28%;top:3%;width:150px}.bottom-hud{grid-template-columns:205px minmax(235px,1fr) 400px;gap:9px;left:14px;right:14px}.resource-strip{gap:18px}.game-top{gap:12px;padding:0 15px}.game-title{min-width:110px}.selection-panel{padding:13px;min-height:175px}#minimap{height:131px}.ai-card{width:235px}.command-button{height:55px}.hero-tags{gap:13px}}@media(max-width:850px){.lobby-main{grid-template-columns:1fr;width:90%;max-width:460px;gap:22px}.hero h1{font-size:44px;margin-bottom:10px}.hero .gold-line,.hero .hero-description{display:none}.hero-tagline{font-size:17px}.eclipse{left:auto;right:-64px;top:30px;width:170px;translate:none}.lobby-top{height:65px;padding:0 5%}.lobby-footer>span:first-child{display:none}.bottom-hud{grid-template-columns:150px minmax(190px,1fr) 320px;gap:7px;left:9px;right:9px}.resource-strip{gap:12px}.resource b{min-width:45px;font-size:17px}.resource .icon{font-size:18px}.resource{gap:6px}.game-title{display:none}.objective-card{left:12px}.objective-card small{max-width:200px}.ai-card{right:12px;width:220px}.time-block small{max-width:90px;font-size:6px}.unit-detail{grid-template-columns:45px 1fr;gap:9px}.unit-portrait{height:64px;font-size:31px}.unit-detail h3{font-size:17px}.decision-line{font-size:9px}.commands-panel{padding:12px 9px}.command-grid{gap:4px}.command-button small{font-size:7px}#minimap{height:97px}.mini-footer{display:none}.minimap-panel{padding:9px}.mode-banner{top:166px}.hero-tags{display:none}}@media(max-height:720px){.lobby-top{height:60px}.lobby-main{padding:10px 0}.setup-panel{padding:22px}.faction-card{padding:10px}.faction-options{margin-bottom:15px}.setup-row{margin:10px 0}.setup-status{margin:10px 0;min-height:26px}.lobby-footer{padding:14px 6%}.ai-card{max-height:43vh}.hero h1{font-size:61px}.hero .hero-description{margin-top:16px}.hero-tags{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.lobby-landscape .mist{filter:none}}
.bottom-hud{grid-template-areas:"map order sel" "map order cmd";row-gap:8px}.minimap-panel{grid-area:map;align-self:end}.commands-panel{grid-area:cmd}.selection-panel{grid-area:sel;min-height:0;max-height:150px;padding:10px 14px 11px}.selection-heading{margin-bottom:8px}.selection-panel .unit-detail{grid-template-columns:52px 1fr;gap:11px}.selection-panel .unit-portrait{height:58px;font-size:28px;padding:2px}.selection-panel .unit-detail h3{font-size:16px;margin-bottom:2px}.selection-panel .role-line{margin-bottom:5px}.selection-panel .health-line{margin:0 0 3px}.selection-panel .order-line{margin:3px 0 0;line-height:1.4}.selection-panel .decision-age{margin-top:1px}.empty-selection{min-height:0;gap:12px}.large-crest{font-size:30px}.empty-selection h3{font-size:15px;margin:0 0 3px}.empty-selection p{line-height:1.5}.unit-chip{width:36px;height:38px;font-size:18px}.group-caption{margin-top:6px}.order-bar{grid-area:order;align-self:end;justify-self:center;width:min(100%,640px);position:relative;pointer-events:auto;padding:11px 14px 12px;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 7px 26px #0004}.order-bar:before{content:'';position:absolute;top:-1px;left:16px;width:34px;height:2px;background:var(--gold)}.order-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.order-keys{font-size:9px;letter-spacing:1px;color:#7f959c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-field{display:flex;align-items:center;gap:6px;background:#0b171e;border:1px solid #6f8b8f40;border-radius:3px;padding:0 3px 0 12px;transition:border-color .2s}.order-field:hover{border-color:#c5ad7766}.order-bar:focus-within .order-field{border-color:var(--gold)}.order-field input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font-size:14px;padding:10px 0;outline:none}.order-field input:focus-visible{outline:none}.order-field input::placeholder{color:#6f8489}.order-send{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:2px;background:none;color:var(--gold)}.order-send:hover{color:var(--gold-bright);background:#c5ad771a}.order-send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.key-field{display:flex;gap:6px;flex:1;justify-content:flex-end;min-width:0}.key-field input{flex:1;min-width:0;color:#dae3df;background:#111f27;border:1px solid var(--line);padding:9px;border-radius:3px}.settings-row .key-field input{max-width:240px}.key-field input::placeholder{color:#7c9199}.key-field button{padding:6px 14px;font-size:11.5px;white-space:nowrap}.key-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#a3b7bd;margin:-2px 0 6px}.key-options .muted{margin-left:auto}.asset-status{flex:1;align-self:center;font-size:12px;color:#a3b7bd}.asset-note{font-size:11px;line-height:1.5;color:#8fa3a8;text-wrap:pretty}.asset-note a{color:var(--gold)}.asset-note a:hover{color:var(--gold-bright)}.key-options label{display:flex;align-items:center;gap:6px}.key-options .text-button{font-size:11px;padding:0}.traffic-toggle{display:flex;align-items:center;gap:7px;font-size:9px;color:#9db2b8;margin:4px 0 2px;cursor:pointer}#jev-traffic{margin-bottom:8px}.jev-exchange{display:block;width:100%;text-align:left;font-size:9px;line-height:1.5;padding:7px 6px;margin-top:5px;background:#132530;border:1px solid #8499a322;color:#9db2b8;border-radius:3px}.jev-exchange:hover{border-color:var(--gold)}.jev-exchange b{color:#d3ccb3;font-weight:500}.jev-exchange .jev-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jev-exchange .sealed{color:#6c8589}.jev-exchange.failed b{color:#e0a28c}.jev-detail details{border-top:1px solid #91a3a320;padding:8px 0;font-size:11px;color:#a2b6bc}.jev-detail summary{cursor:pointer;color:#dccb9c}.jev-detail pre{max-height:260px;overflow:auto;background:#0a1820;padding:10px;font-size:10px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:6px 0}.jev-detail ol{margin:6px 0 6px 18px;font-size:10px;line-height:1.6}.jev-detail .chosen{color:#e3cf90}
@media(max-height:920px) and (min-width:851px){.faction-card{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;justify-items:start;text-align:left;padding:11px 12px}.faction-emblem{grid-row:span 2;width:32px;height:36px;margin:0}.faction-title{margin:0 0 2px}.faction-card small{line-height:1.45}}