/* Palette: gunmetal steel with amber command accents; green reads as radar and health. */
:root{color-scheme:dark;--bg:#0a0c0d;--well:#07090a;--text:#ebe7dc;--muted:#aeb2ab;--dim:#8f968f;--amber:#f2b33d;--amber-hi:#ffd27a;--green:#7fd65a;--red:#e8553f;--orange:#f08d45;--steel:linear-gradient(#3a4348,#252b2f);--steel-hover:linear-gradient(#475156,#2d3438);--gold:linear-gradient(#ffd479,#e9a52a 55%,#c9870f);--panel:linear-gradient(#20262af2,#14181bf2);--display:Bahnschrift,'DIN Alternate','Roboto Condensed','Arial Narrow',sans-serif;--sans:'Segoe UI',Inter,Arial,sans-serif}

/* Base */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:3px}button{cursor:pointer;color:inherit;border:0;background:none;padding:0;transition:background .15s,color .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--amber)}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #3d464b;border-radius:2px;background:var(--well);color:var(--text);padding:11px 12px;outline:none;box-shadow:inset 0 2px 4px #000a}input:focus,select:focus,textarea:focus{border-color:var(--amber)}input::placeholder{color:#838a85}select{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.5px}svg{flex-shrink:0}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle}.building-icon{width:36px;height:36px}::selection{background:#f2b33d55}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0c0d}::-webkit-scrollbar-thumb{background:#3a4247;border:1px solid #0a0c0d}[hidden]{display:none!important}kbd{font-family:var(--display);font-size:11px;font-weight:400;color:#e6e0cf;background:linear-gradient(#2d3438,#16191b);border:1px solid #000;border-bottom-width:2px;border-radius:2px;padding:1px 5px;box-shadow:inset 0 1px #ffffff1c;white-space:nowrap}

/* Logo */
.brand-mark{display:block;width:38px;height:42px;color:var(--amber)}.brand-mark svg{width:100%;height:100%;filter:drop-shadow(0 0 10px #f2b33d66)}.brand-type{display:block;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:3px;line-height:1.05;color:var(--amber)}.brand-type>span{display:block;font-size:24px;letter-spacing:6px;color:var(--text)}.brand-dot{font-size:8px;letter-spacing:0;vertical-align:top;margin-left:2px;color:var(--amber)}.menu-logo{display:flex;align-items:center;gap:16px}.menu-logo .brand-mark{width:64px;height:72px}.menu-logo .brand-type{font-size:20px;letter-spacing:7px}.menu-logo .brand-type>span{font-size:54px;letter-spacing:10px;text-shadow:0 3px 0 #000,0 0 30px #f2b33d33}

/* Buttons and shared labels */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 18px;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:var(--text);background:var(--steel);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0006,0 2px 4px #0008}.button .icon{width:16px;height:16px}.button:hover:not(:disabled){background:var(--steel-hover);color:#fff}.button.primary,.button.join-button{color:#1d1503;background:var(--gold);box-shadow:inset 0 1px #fff6,inset 0 -1px #0005,0 0 14px #f2b33d33,0 2px 4px #0008}.button.primary:hover:not(:disabled),.button.join-button:hover:not(:disabled){color:#1d1503;background:linear-gradient(#ffe29f,#f5b943 55%,#d6940f)}.button.danger{color:#fff;background:linear-gradient(#d4533d,#9c2f1e)}.button.danger:hover:not(:disabled){background:linear-gradient(#e0624b,#ab3522)}.button.small{min-height:34px;padding:6px 12px;font-size:12px}.button.disabled{color:var(--dim);background:#15191b;box-shadow:none}.full-width{width:100%}.text-button{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--amber)}.text-button:hover{color:var(--amber-hi)}.text-button .icon{width:15px;height:15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;color:var(--muted);border-radius:2px}.icon-button:hover{background:#ffffff12;color:var(--text)}.account-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 14px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:var(--steel);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #ffffff26}.account-button:hover{background:var(--steel-hover)}.account-button .icon{width:15px;height:15px}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--amber)}.eyebrow::before{content:'';width:8px;height:10px;background:var(--amber);clip-path:polygon(0 0,100% 50%,0 100%)}.tiny-label{font-family:var(--display);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim)}.subtle{font-size:13px;line-height:1.6;color:var(--muted)}.count-badge{display:inline-grid;place-items:center;min-width:26px;padding:1px 7px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:0;color:#1d1503;background:var(--amber);border-radius:2px}.section-meta{font-family:var(--display);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.connection{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;letter-spacing:1px;white-space:nowrap;color:var(--green)}.connection i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.connection.offline{color:var(--orange)}.connection.offline i{animation:pulse 1s infinite}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(#2e363b,#1f2528);border-bottom:1px solid #000;box-shadow:inset 0 1px #ffffff1c}.panel-head h2{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:1.5px;text-transform:uppercase}.panel-head h2::before{content:'';width:4px;height:18px;background:var(--amber);box-shadow:0 0 8px var(--amber)}.operations-section,.map-section,.lobby-roster,.lobby-map,.arsenal-card,.manual-content,.editor-settings,.personal-maps .map-card{background:var(--panel);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff08,0 12px 36px #000b}

/* Menu shell and main menu */
.menu-backdrop{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}.menu-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;background:#070909e0}.menu-shell.is-home{background:radial-gradient(ellipse at 55% 45%,transparent 25%,#000000b8 100%),linear-gradient(90deg,#000000cc,#00000040 45%,transparent 70%)}.menu-bar{display:flex;align-items:center;gap:16px;min-height:68px;padding:14px 32px}.menu-status{display:flex;align-items:center;gap:12px;margin-left:auto;padding:5px 6px 5px 14px;background:#0b0e0fd9;border:1px solid #000;box-shadow:inset 0 1px #ffffff12}.page{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:8px 32px 40px}.is-home .page{display:flex;max-width:none;padding:0 40px 28px}.main-menu{flex:1;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:28px 56px;width:100%}.menu-column{display:flex;flex-direction:column;gap:28px;min-width:0}.menu-list{display:grid;gap:6px}.menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:10px 20px;text-align:left;font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#dcd8cc;text-shadow:0 2px 3px #000;background:linear-gradient(90deg,#14181be0,#14181b8c 70%,transparent);border-left:3px solid #3a4247}.menu-item:hover{color:#fff;border-left-color:var(--amber);background:linear-gradient(90deg,#f2b33d38,#f2b33d0d 75%,transparent)}.menu-item .icon{width:24px;height:24px}.menu-item.primary{padding:15px 22px;font-size:28px;font-weight:700;color:#1d1503;text-shadow:none;background:var(--gold);border-left:0;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}.menu-item.primary:hover{color:#1d1503;background:linear-gradient(#ffe29f,#f5b943 55%,#d6940f)}.menu-divider{height:1px;margin:8px 0;background:linear-gradient(90deg,#f2b33d80,transparent)}.profile{display:flex;align-items:center;gap:12px;width:fit-content;margin-top:auto;padding:8px 16px 8px 8px;text-align:left;background:#0b0e0fd9;border:1px solid #000;box-shadow:inset 0 1px #ffffff12}.profile:hover{box-shadow:inset 0 0 0 1px var(--amber)}.avatar{display:grid;place-items:center;width:38px;height:38px;font-family:var(--display);font-weight:700;color:#1d1503;background:var(--amber);border-radius:2px}.profile strong{display:block;font-family:var(--display);font-size:15px;letter-spacing:.6px}.profile small{display:block;margin-top:2px;font-size:12px;color:var(--dim)}.operations-section{display:flex;flex-direction:column;align-self:start;justify-self:end;width:min(820px,100%);min-height:300px;max-height:calc(100vh - 340px);overflow:hidden}.browser-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #000;box-shadow:0 1px #ffffff0a}.tabs{display:flex;gap:2px;padding:2px;background:var(--well);border:1px solid #000}.tab{padding:6px 12px;font-family:var(--display);font-size:13px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;color:var(--muted)}.tab:hover{color:var(--text)}.tab.active{color:#1d1503;background:var(--amber)}.browser-filters{display:flex;gap:8px}.search-box{display:flex;align-items:center;gap:7px;width:200px;height:34px;padding:0 10px;background:var(--well);border:1px solid #3d464b;box-shadow:inset 0 2px 4px #000a}.search-box .icon{width:14px;height:14px;color:var(--dim)}.search-box input{width:100%;padding:0;font-size:13px;background:none;border:0;box-shadow:none}.browser-filters select{width:130px;height:34px;padding:4px 8px;font-size:13px}.room-table{flex:1;min-height:0;overflow:auto}.table-header,.room-row{display:grid;grid-template-columns:minmax(200px,1fr) 130px 120px 90px;align-items:center;gap:10px;padding:0 16px}.table-header{position:sticky;top:0;z-index:1;height:34px;font-family:var(--display);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim);background:#111517;border-bottom:1px solid #000}.room-row{min-height:64px;border-bottom:1px solid #ffffff0d}.room-row:hover{background:#f2b33d0d}.room-identity{display:flex;align-items:center;gap:12px;min-width:0}.room-thumb{width:56px;height:40px;flex-shrink:0;overflow:hidden;border:1px solid #000}.room-thumb canvas{display:block;width:100%;height:100%}.room-identity h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-identity p{margin-top:3px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-identity p>span{margin:0 4px}.room-players{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:14px}.room-players em{font-style:normal;color:var(--dim)}.player-dots{display:flex;gap:3px}.player-dots i{width:6px;height:14px;background:#2a3135;border:1px solid #000}.player-dots i.filled{background:var(--green);box-shadow:0 0 5px #7fd65a88}.status-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;letter-spacing:1px;white-space:nowrap;color:var(--green)}.status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge.playing{color:var(--amber)}.status-badge.finished{color:var(--dim)}.empty-state{display:flex;align-items:center;gap:18px;padding:26px 20px}.empty-radar{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;color:var(--green);border:1px solid #7fd65a55;background:radial-gradient(#7fd65a26,transparent 70%)}.empty-radar .icon{width:26px;height:26px}.empty-state h3{font-size:17px;letter-spacing:1px;text-transform:uppercase}.empty-state p{margin-top:5px;font-size:13px;line-height:1.5;color:var(--muted)}.empty-state .text-button{margin-left:auto;white-space:nowrap}.map-section{grid-column:1/-1;min-width:0}.map-grid{display:grid;grid-auto-flow:column;grid-auto-columns:210px;gap:10px;overflow-x:auto;padding:12px 14px 14px}.map-card{display:block;padding:0;overflow:hidden;text-align:left;background:#0b0e0f;border:1px solid #000;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff14}.map-card:hover{box-shadow:inset 0 0 0 1px var(--amber),0 0 14px #f2b33d44}.map-art{position:relative;height:120px;overflow:hidden;background:#000}.map-art canvas{display:block;width:100%;height:100%}.map-biome{position:absolute;left:6px;top:6px;padding:2px 6px;font-family:var(--display);font-size:11px;letter-spacing:1px;color:#e6e0cf;background:#000000cc;border-radius:2px}.map-info{padding:9px 11px 10px}.map-info h3{font-size:15px;letter-spacing:1px;text-transform:uppercase}.map-info p{margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}.map-strategy{display:block;margin-top:3px;font-family:var(--display);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--amber)}

/* Screens */
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:6px 0 24px}.page-heading h1{font-size:clamp(32px,3.4vw,50px);line-height:1;letter-spacing:2px;text-transform:uppercase;text-shadow:0 3px 0 #000}.page-heading h1>span,dialog h2>span,.editor-heading h1 span{color:var(--amber)}.page-heading p{margin-top:10px;font-size:15px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:1.5px;text-transform:uppercase}.back-button{margin-bottom:16px}

/* Dialogs and forms */
dialog{width:560px;max-width:calc(100% - 30px);max-height:88vh;overflow:auto;padding:30px 32px;color:var(--text);background:linear-gradient(#20262a,#15191c);border:1px solid #000;border-radius:2px;box-shadow:inset 0 3px var(--amber),inset 0 1px #ffffff17,0 30px 90px #000e}dialog::backdrop{background:#000000b8;backdrop-filter:blur(3px)}dialog h2{margin:6px 0 10px;font-size:30px;line-height:1.1;letter-spacing:1.5px;text-transform:uppercase}.modal-close{position:absolute;right:12px;top:12px}.modal-intro{margin-bottom:20px;font-size:14px;line-height:1.6;color:var(--muted)}.field-label{display:block;margin:16px 0 7px;font-family:var(--display);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--amber)}form>input,form>select,#create-form section>select,.form-grid input,.form-grid select{width:100%;height:42px;font-size:14px}.form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}#create-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#create-form .form-grid input{min-width:0}dialog:has(#create-form){width:1200px}.setup-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:20px}.setup-heading{margin:26px 0 0;padding-bottom:8px;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);border-bottom:1px solid #ffffff14}.setup-heading:first-child{margin-top:0}.setup-roster{display:grid;gap:8px;margin-top:14px}.setup-roster-head,.setup-commander{display:grid;grid-template-columns:84px repeat(4,minmax(0,1fr));gap:8px;align-items:center}.setup-roster-head{font-family:var(--display);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--amber)}.setup-commander>span{font-family:var(--display);font-size:14px;letter-spacing:.6px}.setup-commander>.setup-open{grid-column:span 4;font-family:inherit;font-size:13px;letter-spacing:0;color:var(--muted)}.setup-roster select{width:100%;min-width:0;height:42px;font-size:14px}.setup-preview{display:block;width:100%;max-height:300px;margin-top:14px;border:1px solid #000;box-shadow:0 0 0 1px #ffffff14}form .subtle{margin:10px 0 4px}.form-note{display:flex;align-items:flex-start;gap:10px;padding:16px 0;font-size:13px;line-height:1.6;color:var(--muted)}.form-note .icon{width:16px;height:16px;margin-top:2px;color:var(--amber)}.form-error{min-height:18px;font-size:13px;color:#ff9b85}.auth-switch{margin-top:18px}.menu-buttons{display:grid;gap:10px}.battle-team{display:grid;gap:7px;margin-bottom:20px}.battle-team .field-label{margin:0}.result-symbol{display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:50%;color:var(--red);border:2px solid var(--red);box-shadow:0 0 18px #e8553f55}.result-symbol.victory{color:var(--amber);border-color:var(--amber);box-shadow:0 0 18px #f2b33d66}.result-symbol .icon{width:28px;height:28px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.result-stats>div{padding:14px;background:var(--well);border:1px solid #000;box-shadow:inset 0 2px 6px #000}.result-stats b{display:block;font-family:var(--display);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--amber)}.result-stats span{display:block;margin-top:6px;font-family:var(--display);font-size:11px;letter-spacing:1px;color:var(--dim)}.result-actions{display:flex;justify-content:flex-end;gap:10px}.saved-list{display:grid;gap:10px;max-height:55vh;overflow:auto}.saved-list article{padding:14px;background:var(--well);border:1px solid #000}.saved-list strong{font-family:var(--display);font-size:16px;letter-spacing:.6px}.saved-list p{margin:6px 0 12px;font-size:13px;color:var(--muted)}#toast-stack{position:fixed;bottom:24px;left:50%;z-index:1000;display:grid;gap:8px;transform:translateX(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:11px;max-width:460px;padding:12px 18px;font-family:var(--display);font-size:14px;letter-spacing:.4px;color:var(--text);background:linear-gradient(#262d31,#171b1e);border:1px solid #000;border-left:4px solid var(--green);box-shadow:0 8px 28px #000c;pointer-events:auto;animation:toast-in .2s ease-out}.toast.error{color:#ffd2c8;border-left-color:var(--red)}.toast .icon{width:17px;height:17px}

/* Lobby */
.lobby-heading{margin-bottom:24px}.lobby-heading h1{max-width:900px;overflow-wrap:anywhere}.room-code{font-family:var(--display);font-size:12px;letter-spacing:1.2px;text-align:right;white-space:nowrap;color:var(--dim)}.room-code b{display:block;margin-top:6px;font-size:18px;letter-spacing:3px;color:var(--amber)}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.lobby-roster{padding:22px}.roster-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:84px;padding:14px 0;border-bottom:1px solid #ffffff0f}.roster-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:2px;color:var(--player-color,#8f968f);background:color-mix(in srgb,var(--player-color,#8f968f),transparent 85%);border:1px solid var(--player-color,#8f968f);box-shadow:inset 0 0 12px color-mix(in srgb,var(--player-color,#8f968f),transparent 70%)}.roster-name{flex:1;min-width:110px;overflow-wrap:anywhere}.roster-name strong{font-family:var(--display);font-size:17px;letter-spacing:.6px}.roster-name strong small{margin-left:6px;padding:1px 5px;font-size:11px;letter-spacing:1px;color:#1d1503;background:var(--amber);border-radius:2px}.roster-name>span{display:block;margin-top:4px;font-family:var(--display);font-size:12px;letter-spacing:1px;color:var(--dim)}.roster-team{display:grid;gap:5px;flex-shrink:0}.roster-team>span{font-family:var(--display);font-size:11px;letter-spacing:1.2px;color:var(--dim)}.roster-team select{width:92px;padding:7px 8px;font-size:13px}.roster-personality select{width:110px}.roster-team select:disabled{opacity:.7}.roster-start-control{display:flex;align-items:flex-end;gap:4px;flex-shrink:0}.roster-start-control .roster-start select{width:96px}.start-lock{width:30px;height:36px}.start-lock .icon{width:16px;height:16px}.start-lock[aria-pressed="true"]{color:var(--amber);background:#f2b33d1a}.start-lock:disabled{opacity:.6;cursor:default}.roster-ready{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--dim)}.roster-ready .icon{width:14px}.roster-ready.is-ready{color:var(--green)}.empty-slot{color:var(--dim)}.empty-slot .roster-avatar{border-style:dashed}#lobby-start-hint{margin-top:16px}.lobby-invite{display:flex;gap:13px;margin-top:20px;padding:14px 16px;background:var(--well);border:1px solid #000}.invite-icon{color:var(--amber)}.lobby-invite strong{font-family:var(--display);font-size:15px;letter-spacing:.5px}.lobby-invite p{margin-top:4px;font-size:13px;line-height:1.6;color:var(--muted)}.lobby-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.lobby-map{align-self:start;overflow:hidden}.lobby-map-art{position:relative;height:230px;background:#000}.lobby-map-art canvas{display:block;width:100%;height:100%}.lobby-map-content{padding:22px}.lobby-map-content h2{font-size:26px;letter-spacing:1.5px;text-transform:uppercase}.lobby-map-content>p{margin:8px 0 18px;font-size:14px;line-height:1.6;color:var(--muted)}.map-rule{padding:12px 0;border-top:1px solid #ffffff0f}.map-rule :is(span,label){display:block;font-family:var(--display);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--amber)}.map-rule strong{display:block;margin-top:5px;font-size:14px;font-weight:400}.map-rule select{display:block;width:100%;margin-top:6px}

/* Arsenal and field manual */
.arsenal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.arsenal-section{margin-top:32px}.arsenal-card{position:relative;padding:20px}.arsenal-card:hover{box-shadow:inset 0 0 0 1px #f2b33d88,0 12px 36px #000b}.arsenal-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:14px;color:#e6e0cf;background:radial-gradient(#323b40,#0b0e0f);border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff14}.arsenal-icon .building-icon{width:44px;height:44px}.arsenal-icon>.icon{width:34px;height:34px}.arsenal-card .tiny-label{color:var(--amber)}.arsenal-card h3{margin-top:4px;font-size:21px;letter-spacing:1px;text-transform:uppercase}.arsenal-card p{min-height:62px;margin-top:8px;font-size:13px;line-height:1.6;color:var(--muted)}.arsenal-stats{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding:8px 10px;font-family:var(--display);font-size:13px;background:var(--well);border:1px solid #000}.arsenal-stats .icon{width:13px;height:13px;margin-right:4px;color:var(--amber)}.arsenal-card>small{display:block;margin-top:10px;font-size:12px;color:var(--orange)}.manual-content{padding:30px}.manual-intro{max-width:720px;margin-bottom:28px;font-family:var(--display);font-size:22px;line-height:1.4;letter-spacing:.3px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;margin-bottom:28px}.manual-number{font-family:var(--display);font-size:13px;letter-spacing:1.5px;color:var(--amber)}.manual-grid h3{margin:8px 0;font-size:21px;letter-spacing:1px;text-transform:uppercase}.manual-grid p{margin:8px 0;font-size:14px;line-height:1.75;color:var(--muted)}.controls-title{margin-top:8px;padding-top:24px;font-size:21px;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #ffffff14}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:12px}.controls-grid>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff0f}.controls-grid span{font-size:13px;text-align:right;color:var(--muted)}dialog:has(.manual-grid){width:900px}dialog .manual-intro{margin-top:20px;font-size:18px}

/* Map workshop */
.workshop-actions,.workshop-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workshop-card-actions{padding:0 14px 14px}.personal-maps{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:22px;padding:0;overflow:visible}.personal-maps .map-card{cursor:default}.personal-maps .map-art{height:170px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 16px}.editor-title{display:grid;gap:5px;min-width:0}.editor-title>.text-button{justify-self:start}.editor-title #map-name{width:min(520px,100%);padding:5px 0;background:none;border:1px solid transparent;box-shadow:none;font-family:var(--display);font-size:26px;font-weight:600}.editor-title #map-name:focus{border-bottom-color:var(--amber)}.editor-title .subtle{font-size:12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}.editor-stage{min-width:0}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px;background:var(--panel);border:1px solid #000}.toolbar-spacer{flex:1}.editor-view{position:relative;overflow:hidden;border:1px solid #354139;background:#0c1113}#map-editor{display:block;width:100%;height:clamp(380px,calc(100dvh - 320px),850px);touch-action:none;outline-offset:-3px}.editor-view-controls{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:2px;padding:3px;background:#111819eb;border:1px solid #4d5b4c;border-radius:4px}.editor-view-controls button{padding:7px 10px;min-width:32px}.editor-view-controls button:hover{background:#ffffff18}.editor-view-controls output{min-width:42px;text-align:center;font-size:12px;color:var(--muted)}.editor-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 0}.editor-options label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.editor-options select,.editor-options input[type=number]{padding:5px 6px;font-size:12px;width:72px}.editor-options input[type=checkbox]{accent-color:var(--amber)}.editor-legend{margin-left:auto;font-size:12px;color:var(--muted)}#editor-hint{font-size:12px;line-height:1.7;min-height:40px}.editor-sidebar{display:grid;gap:12px}.editor-inspector,.editor-settings{padding:16px;background:var(--panel);border:1px solid #30383b}.editor-inspector h2{font-size:16px}.editor-inspector input,.editor-settings input,.editor-settings select,.editor-settings textarea{width:100%;min-width:0}.editor-inspector .form-grid,.editor-settings .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-inspector .field-label,.editor-settings .field-label{margin-top:12px}.editor-inspector .subtle,.editor-settings .subtle{margin-top:10px;font-size:12px;line-height:1.65}.editor-inspector .text-button{margin-top:16px}.editor-camera-hint{padding-top:12px;border-top:1px solid #ffffff14;color:var(--dim)}.editor-settings summary,.editor-validation summary{cursor:pointer;font-family:var(--display);font-size:14px}.editor-settings textarea{min-height:64px;resize:vertical}.editor-settings .button{margin-top:16px;padding-inline:6px;white-space:normal}.editor-validation{padding:14px;color:#c3e6ad;background:#7fd65a12;border-left:3px solid var(--green);font-size:12px;line-height:1.6}.editor-validation.invalid{color:#ffb4a4;background:#e8553f14;border-left-color:var(--red)}.editor-validation ul{padding-left:16px;margin-bottom:0}.editor-validation li+li{margin-top:10px}.editor-validation button{text-align:left;line-height:1.6;font-size:12px}.editor-validation button:hover{text-decoration:underline}.editor-validation button span{color:var(--amber);white-space:nowrap}

/* Battlefield overlays */
.in-game{overflow:hidden}.game-shell{display:flex;height:100dvh;background:#000}.battlefield-wrap{position:relative;flex:1;min-width:0;overflow:hidden;background:#141d17}.battlefield-wrap>canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.battle-alert,.team-signals,.team-comms,.selection-bar,.command-hint,.pause-banner,.map-control{background:linear-gradient(#22292dee,#14181bee);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #ffffff17,0 6px 18px #0009}.battle-side-controls{position:absolute;right:14px;top:14px;display:grid;gap:6px}.map-control{display:grid;place-items:center;width:38px;height:38px;font-family:var(--display);font-size:20px;color:var(--text)}.map-control:hover{color:var(--amber)}.map-control .icon{width:17px;height:17px}.battle-alerts{position:absolute;left:14px;top:58px;display:grid;gap:5px;width:min(300px,36%);pointer-events:none}.battle-alert{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;font-family:var(--display);font-size:13px;letter-spacing:.4px;border-left:3px solid var(--amber);pointer-events:none}.battle-alerts small{font-family:var(--display);font-size:12px;white-space:nowrap;color:var(--dim)}.pause-banner{position:absolute;left:50%;top:26%;z-index:2;display:flex;align-items:center;gap:16px;padding:10px 12px 10px 22px;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:4px;white-space:nowrap;color:var(--amber);border-top:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:translateX(-50%);pointer-events:none}.team-tools{position:absolute;right:62px;top:14px;width:300px;max-width:calc(100% - 90px)}.team-signals{padding:8px}.team-signals>span{display:block;font-family:var(--display);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--amber)}.ping-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}.team-comms{margin-top:-1px;padding:6px 8px;font-size:13px}.team-comms summary{cursor:pointer;font-family:var(--display);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.team-comms form{display:flex;gap:5px;margin-top:8px}.team-comms input{width:100%;min-width:0;padding:7px;font-size:13px}#team-messages{max-height:140px;margin-top:6px;overflow:auto;overflow-wrap:anywhere;line-height:1.5}#team-messages>div{padding:3px 0}#team-messages strong{color:var(--amber)}#team-messages p{font-size:12px;color:var(--muted)}.team-signals button,.team-comms button,.pause-banner button,.command-hint>button,.skirmish-controls button,.console-menu{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 10px;font-family:var(--display);font-size:13px;letter-spacing:.6px;color:var(--text);background:var(--steel);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #ffffff26;pointer-events:auto}.team-signals button:hover,.team-comms button:hover,.pause-banner button:hover,.command-hint>button:hover,.skirmish-controls button:hover,.console-menu:hover{background:var(--steel-hover)}.team-signals button[aria-pressed="true"]{color:#1d1503;background:var(--gold)}#team-messages button{min-height:0;padding:1px 6px}.ping-buttons button{padding:5px 4px;font-size:12px;white-space:nowrap}.field-orders{position:absolute;left:50%;bottom:14px;display:grid;gap:8px;width:min(680px,calc(100% - 28px));transform:translateX(-50%)}.command-hint{display:flex;align-items:center;gap:10px;padding:7px 7px 7px 14px;font-family:var(--display);font-size:13px;letter-spacing:1px;line-height:1.4;color:var(--amber);border-left:3px solid var(--amber)}.command-hint>span{flex:1}.command-hint>.icon{width:16px;height:16px}.selection-bar{display:grid;grid-template-columns:minmax(120px,1.2fr) repeat(4,minmax(0,1fr));gap:4px;padding:4px}.selection-summary{display:flex;align-items:center;min-width:0;padding:6px 10px;font-family:var(--display);font-size:13px;letter-spacing:.5px;line-height:1.3;color:var(--muted);background:var(--well);border:1px solid #000;box-shadow:inset 0 2px 5px #000}.selection-bar>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:58px;padding:8px 6px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.8px;line-height:1.15;text-transform:uppercase;text-align:center;background:var(--steel);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #ffffff26}.selection-bar>button>.icon{width:20px;height:20px;color:var(--amber)}.selection-bar>button:hover:not(:disabled){background:var(--steel-hover)}.selection-bar>button:disabled{opacity:.4;cursor:default}.selection-bar>button[aria-pressed="true"]{color:#1d1503;background:var(--gold)}.selection-bar>button[aria-pressed="true"]>.icon{color:#1d1503}.selection-bar kbd{position:absolute;top:3px;right:3px;padding:0 4px;font-size:10px}

/* Command console */
.command-panel{display:flex;flex-direction:column;flex-shrink:0;width:340px;min-height:0;background:linear-gradient(90deg,#0f1214,#1c2124 6px,#1a1f22 calc(100% - 6px),#0f1214);border-left:2px solid #000;box-shadow:inset 1px 0 #ffffff12}.console-top{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(#2a3136,#1b2023);border-bottom:1px solid #000;box-shadow:inset 0 1px #ffffff1c}.console-menu{text-transform:uppercase}.console-menu .icon{width:16px;height:16px}.operation-top{flex:1;min-width:0}.operation-top strong{display:block;font-family:var(--display);font-size:14px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operation-top .connection{font-size:11px}.match-clock{display:flex;align-items:center;gap:6px;padding:4px 8px;font-family:var(--display);font-size:16px;font-variant-numeric:tabular-nums;color:var(--amber);background:var(--well);border:1px solid #000;box-shadow:inset 0 2px 4px #000}.match-clock .icon{width:14px;height:14px}.radar{margin:10px 10px 0;padding:6px;background:#050707;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 20px #000}#minimap{display:block;width:100%;height:auto;cursor:crosshair}.minimap-footer{padding:5px 2px 0;font-family:var(--display);font-size:11px;letter-spacing:1px;text-align:center;text-transform:uppercase;color:var(--green)}.readout{display:grid;gap:8px;margin:10px;padding:10px 12px;background:var(--well);border:1px solid #000;box-shadow:inset 0 2px 8px #000,0 1px #ffffff0d}.credits-readout{display:flex;align-items:baseline;justify-content:space-between}.credits-readout span,.power-readout>span{font-family:var(--display);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}.credits-readout strong{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 0 12px #f2b33d66}.power-readout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.power-readout>span{display:flex;align-items:center;gap:4px}.power-readout .icon{width:14px;height:14px}.power-meter{height:12px;overflow:hidden;background:repeating-linear-gradient(90deg,#1a2217 0 7px,#050707 7px 9px);border:1px solid #000}.power-meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--green) 0 7px,transparent 7px 9px);transition:width .3s}.power-readout strong{font-family:var(--display);font-size:15px;font-variant-numeric:tabular-nums}#power-stat.low-power .power-meter i{background:repeating-linear-gradient(90deg,var(--orange) 0 7px,transparent 7px 9px)}#power-stat.low-power strong,#power-stat.low-power>span{color:var(--orange)}.readout-stats{display:flex;justify-content:space-between;gap:8px;font-family:var(--display);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.readout-stats span{display:flex;align-items:center;gap:5px}.readout-stats .icon{width:14px;height:14px}.readout-stats em{font-style:normal}.readout-stats strong{font-size:14px;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}#power-warning:empty{display:none}#power-warning{display:flex;align-items:center;gap:8px;padding:6px 8px;font-family:var(--display);font-size:12px;letter-spacing:.5px;color:var(--orange);background:#f08d4514;border:1px solid #f08d4555}#power-warning .icon{width:14px;height:14px}.skirmish-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 10px 10px}.skirmish-controls label{display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.skirmish-controls select{width:auto;padding:5px 8px;font-size:13px}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 10px}.panel-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:linear-gradient(#2c3338,#1c2124);border:1px solid #000;border-bottom:0;box-shadow:inset 0 1px #ffffff17}.panel-tabs button:hover{color:var(--text)}.panel-tabs button.active{color:#1d1503;background:var(--gold)}.panel-tabs button>span{min-width:20px;padding:0 5px;font-size:12px;color:var(--text);background:#000000aa;border-radius:2px}.panel-tabs button.active>span{color:var(--amber)}.command-content{flex:1;min-height:0;margin:0 10px;padding:10px;overflow-y:auto;background:#0c0f10;border:1px solid #000;box-shadow:inset 0 2px 8px #000;scrollbar-gutter:stable}.panel-section-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 8px;font-family:var(--display);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber)}.panel-section-label .icon{width:12px;height:12px}.panel-section-label>span:last-child{flex-shrink:0}.build-grid,.production-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.production-list{margin-bottom:4px}.build-card,.production-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:100px;padding:20px 4px 0;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 38%,#3a444a,#1a1f22 72%);border:1px solid #000;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff14}.build-card:hover:not(:disabled),.production-card:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--amber),0 0 10px #f2b33d44}.build-card>.building-icon,.production-card>.icon:first-child{width:40px;height:40px;margin:auto 0 5px;color:#e6e0cf;filter:drop-shadow(0 2px 2px #000)}.production-card>.icon:first-child{width:32px;height:32px}.build-card>strong,.build-card>small,.production-card>div{display:block;width:calc(100% + 8px);margin:0 -4px;padding:0 3px;background:#000000b8}.build-card>strong,.production-card strong{display:block;padding-top:4px;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.4px;line-height:1.2;text-transform:uppercase}.build-card>small,.production-card small{display:block;padding-bottom:4px;font-family:var(--display);font-size:11px;color:var(--dim)}.production-card>div{padding-bottom:0}.build-cost,.production-card>span{position:absolute;top:3px;right:4px;display:flex;align-items:center;gap:3px;font-family:var(--display);font-size:13px;font-variant-numeric:tabular-nums;color:var(--amber)}.build-cost .icon,.production-card>span>.icon{width:11px;height:11px}.build-card:disabled{opacity:1}.build-card.locked{background:#111416;box-shadow:inset 0 0 0 1px #ffffff0a}.build-card.locked>.building-icon,.build-card.locked>.build-cost{opacity:.35}.build-card.locked>strong{color:var(--dim)}.build-card.locked>small{color:var(--orange)}.build-card.unaffordable .build-cost,.production-card.unaffordable>span{color:var(--red)}.build-card.placing{box-shadow:inset 0 0 0 2px var(--amber),0 0 14px #f2b33d88;animation:placing .8s infinite alternate}.research-card{display:flex;align-items:flex-start;gap:10px;width:100%;margin-bottom:6px;padding:10px;text-align:left;background:linear-gradient(#262d31,#1a1f22);border:1px solid #000;box-shadow:inset 0 1px #ffffff14}.research-card:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--amber)}.research-card>.icon{width:20px;height:20px;color:var(--amber)}.research-card strong{display:block;font-family:var(--display);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.research-card small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted)}.research-card b{display:block;margin-top:6px;font-family:var(--display);font-size:12px;font-weight:400;letter-spacing:.8px;color:var(--amber)}.selected-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.selected-portrait{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;color:#e6e0cf;background:radial-gradient(circle at 50% 40%,#3a444a,#15191b 75%);border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff17}.selected-portrait>.building-icon{width:40px;height:40px}.selected-portrait>.icon{width:30px;height:30px}.selected-header .tiny-label{color:var(--amber)}.selected-header h3{margin-top:2px;font-size:18px;letter-spacing:.8px;text-transform:uppercase}.health-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-family:var(--display);font-size:12px;letter-spacing:1px;color:var(--dim)}.health-row b{font-size:13px;font-weight:400;color:var(--text)}.health-track{height:8px;background:repeating-linear-gradient(90deg,#16200f 0 5px,#050707 5px 6px);border:1px solid #000}.health-track i{display:block;height:100%;max-width:100%;background:repeating-linear-gradient(90deg,var(--green) 0 5px,transparent 5px 6px)}.unit-description{margin:10px 0;font-size:13px;line-height:1.55;color:var(--muted)}.facility-status{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:7px 9px;font-family:var(--display);font-size:12px;letter-spacing:1px;color:var(--green);background:#7fd65a12;border:1px solid #7fd65a44}.facility-status>i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.facility-status.offline{color:var(--orange);background:#f08d4512;border-color:#f08d4555}.facility-status.constructing{color:var(--amber);background:#f2b33d12;border-color:#f2b33d55}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px;font-family:var(--display);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--amber)}.queue-heading button{font-family:var(--display);font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--orange)}.queue-item{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 9px;overflow:hidden;font-family:var(--display);font-size:13px;letter-spacing:.4px;background:#15191b;border:1px solid #000}.queue-item b{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--amber)}.queue-item>i{position:absolute;left:0;bottom:0;height:3px;background:var(--amber);box-shadow:0 0 6px var(--amber)}.sell-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px;padding:9px 10px;font-family:var(--display);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#ffc7b8;background:linear-gradient(#5a2a22,#3a1914);border:1px solid #000;box-shadow:inset 0 1px #ffffff1c}.sell-button span{font-size:12px;color:var(--amber)}.unit-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0}.unit-stat-grid>div{padding:7px 8px;background:#15191b;border:1px solid #000}.unit-stat-grid span{display:block;font-family:var(--display);font-size:11px;letter-spacing:1px;color:var(--dim)}.unit-stat-grid b{display:block;margin-top:3px;font-family:var(--display);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.unit-order-label{margin-top:8px;font-family:var(--display);font-size:12px;letter-spacing:1px;color:var(--dim)}.unit-order-label b{display:block;margin-top:3px;font-size:14px;font-weight:600;letter-spacing:.8px;color:var(--amber)}.formation-list{display:grid;gap:4px}.formation-list>div{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#15191b;border:1px solid #000}.formation-list .icon{width:18px;height:18px;color:var(--amber)}.formation-list span{flex:1;font-family:var(--display);font-size:14px;letter-spacing:.4px}.formation-list b{font-family:var(--display);font-size:15px;font-weight:600;color:var(--amber)}.selection-empty{padding:26px 8px;text-align:center}.selection-empty>.icon{width:36px;height:36px;margin-bottom:12px;color:var(--dim)}.selection-empty h3{font-size:18px;letter-spacing:1px;text-transform:uppercase}.selection-empty p{margin:8px 0 16px;font-size:13px;line-height:1.55;color:var(--muted)}.field-commands{display:grid;gap:8px;margin-top:12px}.field-commands .button{white-space:normal}.transport-status{padding-top:8px;border-top:1px solid #ffffff14}.transport-status .formation-list{margin:8px 0}.player-list{display:grid;gap:3px;margin:10px;padding:8px 10px;background:var(--well);border:1px solid #000;box-shadow:inset 0 2px 6px #000}.player-status{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--display);font-size:13px;letter-spacing:.3px}.player-status>i{width:10px;height:10px;flex-shrink:0;border:1px solid #000}.player-status>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-status>span small{padding:0 4px;font-size:11px;letter-spacing:.8px;color:#1d1503;background:var(--amber);border-radius:2px}.player-status .player-team{margin-left:auto;font-size:11px;letter-spacing:.8px;white-space:nowrap;color:var(--dim)}.player-status>b{font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--red)}.player-status.eliminated{opacity:.5}.player-status.eliminated>span{text-decoration:line-through}

/* Motion */
@keyframes pulse{50%{opacity:.35}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes placing{to{box-shadow:inset 0 0 0 2px var(--amber-hi),0 0 18px #f2b33dcc}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Responsive */
@media(max-width:1200px){.main-menu{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px 32px}.menu-item{font-size:19px}.menu-item.primary{font-size:25px}.menu-logo .brand-type>span{font-size:44px}.table-header,.room-row{grid-template-columns:minmax(180px,1fr) 110px 110px 80px}.command-panel{width:310px}.lobby-actions{flex-direction:column;align-items:stretch}}@media(max-width:980px){.setup-columns{grid-template-columns:1fr;gap:26px}.is-home .page{padding:0 20px 20px}.menu-bar{padding:12px 20px}.page{padding:4px 20px 28px}.main-menu{grid-template-columns:1fr;grid-template-rows:auto}.operations-section{justify-self:stretch;width:100%;max-height:none}.room-table{max-height:420px}.lobby-grid{grid-template-columns:1fr}.manual-grid,.controls-grid{grid-template-columns:1fr}.command-panel{width:280px}.selection-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-summary{grid-column:1/-1}.console-menu span,.operation-top .connection,.readout-stats em{display:none}.team-tools{width:230px}}@media(max-width:720px){.menu-logo .brand-mark{width:44px;height:50px}.menu-logo .brand-type{font-size:15px}.menu-logo .brand-type>span{font-size:34px;letter-spacing:6px}.menu-item{padding:9px 16px;font-size:17px}.menu-item.primary{padding:13px 18px;font-size:22px}.browser-toolbar{flex-direction:column;align-items:stretch}.browser-filters,.search-box{width:100%}.table-header{display:none}.room-row{grid-template-columns:1fr auto;padding:10px 12px}.room-thumb,.room-players,.room-row>div:nth-child(3){display:none}.page-heading{flex-direction:column;align-items:flex-start}.editor-layout{grid-template-columns:1fr}dialog{padding:24px 20px}.result-actions{flex-direction:column}.command-panel{width:220px}.credits-readout strong{font-size:22px}.build-grid,.production-list{grid-template-columns:repeat(2,minmax(0,1fr))}.team-tools{right:58px;width:200px}.ping-buttons{grid-template-columns:1fr}}

@media(max-width:980px){.editor-layout{grid-template-columns:minmax(0,1fr) 210px}.editor-heading{align-items:flex-start}.editor-heading .workshop-actions{gap:6px}.editor-heading .button{padding:9px 12px}}@media(max-width:720px){.editor-layout{grid-template-columns:1fr}.editor-heading{flex-direction:column;gap:12px}.editor-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-validation{grid-column:1/-1}.editor-legend{width:100%;margin-left:0}#map-editor{height:440px}.editor-toolbar .button{padding:7px 9px}}@media(max-width:420px){.editor-sidebar{grid-template-columns:1fr}.editor-title #map-name{font-size:22px}.editor-heading .workshop-actions{width:100%;justify-content:space-between}}

/* Observers, idle economy controls, and the battle report. */
.room-join-actions{display:grid;gap:5px}.lobby-observers{margin:18px 0;padding:14px;background:var(--well);border:1px solid #000}.lobby-observers h3{margin:0 0 8px}.lobby-observers p{color:var(--muted)}
#idle-harvesters{margin-top:12px;gap:10px;font-size:13px}#idle-harvesters strong{color:var(--amber)}#idle-harvesters:disabled{opacity:.45}
.veterancy-status{display:grid;gap:5px;margin:14px 0;padding:10px;border-left:3px solid var(--amber);background:var(--well);font-size:13px}.veterancy-status strong{color:var(--amber);text-transform:uppercase}.veterancy-status small{color:var(--muted)}
dialog:has(.battle-report){width:min(900px,calc(100vw - 32px));max-width:900px}.battle-report{margin:18px 0}.report-table-wrap{overflow:auto}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th,.report-table td{padding:10px 8px;text-align:right;border-bottom:1px solid #ffffff20;white-space:nowrap}.report-table th:first-child{text-align:left}.report-table tbody th{font-weight:500}.report-table small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.report-table i,.chart-legend i{display:inline-block;width:9px;height:9px;margin-right:7px}.report-note,.stat-chart p{color:var(--muted);font-size:12px;line-height:1.5}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0;font-size:12px}.stat-chart{margin:18px 0;padding:16px;background:var(--well);border:1px solid #000}.stat-chart figcaption{font-family:var(--display);font-size:18px;color:var(--amber)}.stat-chart p{margin:6px 0}.stat-chart svg{display:block;width:100%;height:auto}.stat-chart text{font:11px monospace;fill:var(--muted)}.chart-grid{stroke:#ffffff1c;stroke-width:1}
.build-card>kbd,.production-card>kbd{position:absolute;top:3px;left:3px;padding:0 4px;font-size:10px}.build-grid.menu-open .build-card:not(:disabled)>kbd{color:#16191b;background:var(--amber)}.research-card strong kbd{margin-left:6px;letter-spacing:0}
.hotkey-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 28px;margin:10px 0 16px}.hotkey-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;border-bottom:1px solid #ffffff0f;font-size:13px}.hotkey-key{min-width:90px;padding:4px 0;text-align:right;font-size:12px;color:var(--amber)}.hotkey-key:disabled{cursor:default}.hotkey-row.conflict>span{color:var(--red)}.hotkey-row.conflict kbd{border-color:var(--red);color:var(--red)}dialog:has(.hotkey-groups){width:900px}.controls-title .button{margin-left:12px;vertical-align:middle}
#ticket-form textarea{display:block;width:100%;min-height:96px;font-size:14px;resize:vertical}#ticket-form [type=submit]{margin-top:20px}.ticket-list{margin:18px 0}.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff0f;font-size:13px}.ticket-row strong,.ticket-row small{display:block}.ticket-row small{margin-top:3px;color:var(--muted)}.ticket-status{flex:none;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-family:var(--display);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--amber);background:color-mix(in srgb,currentColor 10%,transparent);border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:2px}.ticket-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.ticket-status[data-status="in progress"]{color:var(--green)}.ticket-status[data-status="closed"]{color:var(--dim)}button.ticket-row{width:100%;min-height:0;font-family:inherit;letter-spacing:0;text-align:left;color:var(--text);background:none;border:0;border-bottom:1px solid #ffffff0f;border-radius:0;box-shadow:none}button.ticket-row>span:first-child{flex:1;min-width:0}button.ticket-row::after{content:'›';flex:none;font-size:22px;line-height:1;color:var(--muted)}button.ticket-row:hover{background:#ffffff08}button.ticket-row:hover::after{color:var(--amber)}dialog h2.ticket-title{margin-right:28px;font-size:24px;overflow-wrap:anywhere}.ticket-meta{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #ffffff0f;font-size:13px;color:var(--muted)}.ticket-reply{margin-top:10px;padding:10px 12px;background:#ffffff06;border-left:2px solid #ffffff1f}.ticket-reply.from-admin{border-left-color:var(--amber)}.ticket-reply-head{display:flex;align-items:baseline;gap:8px;font-size:13px}.ticket-reply-head small{margin-left:auto;color:var(--muted)}.ticket-reply-status{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--muted)}.admin-badge{padding:1px 6px;font-family:var(--display);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#16191b;background:var(--amber);border-radius:2px}#ticket-reply-form textarea,.desk-ticket textarea{display:block;width:100%;min-height:80px;font-size:14px;resize:vertical}#ticket-reply-form button{margin-top:12px}.desk{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:20px;align-items:start}.desk-list,.desk-ticket{padding:18px 20px;background:var(--panel);border:1px solid #000}.desk-list .tabs{flex-wrap:wrap;margin-bottom:8px}button.desk-row{padding-left:8px}button.desk-row.active{background:#f2b33d14;box-shadow:inset 3px 0 var(--amber)}.desk-ticket .ticket-title{margin-bottom:10px;font-size:24px;letter-spacing:1.5px;text-transform:uppercase;overflow-wrap:anywhere}.desk-ticket form button{margin-top:10px}.desk-ticket select{display:block}@media(max-width:980px){.desk{grid-template-columns:1fr}}.ticket-text{margin-top:6px;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}