:root{--bg:#0b0f14;--bg-raised:#121821;--panel:#151c26;--panel-border:#263140;--panel-border-strong:#364457;--text:#e6ebf2;--text-muted:#8b98a9;--gold:#e8c26a;--gold-strong:#f3d48a;--danger:#f87171;--success:#4ade80;--cinder:#ff7a3d;--verdant:#34d399;--radius:12px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Cinzel", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #1a2330 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased}kbd{border:1px solid var(--panel-border-strong);font:600 .8em/1.5 var(--font);color:var(--text);background:#0f141b;border-bottom-width:2px;border-radius:5px;padding:0 .4em;display:inline-block}.muted{color:var(--text-muted)}.small{font-size:.82rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.error{color:var(--danger)}.ok{color:var(--success)}.btn{appearance:none;border:1px solid var(--panel-border-strong);color:var(--text);font:600 .92rem/1.2 var(--font);cursor:pointer;background:#1b2430;border-radius:9px;padding:.55rem .95rem;transition:background .12s,border-color .12s,transform 80ms,opacity .12s}.btn:hover:not(:disabled){background:#223042;border-color:#4a5c74}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.55;color:var(--text-muted);background:#141a22;border-style:dashed}.btn.primary{background:linear-gradient(180deg, var(--gold-strong), var(--gold));color:#1b1405;border-color:#b48f3f}.btn.primary:hover:not(:disabled){background:linear-gradient(#fbe2a6,#eec978)}.btn.primary:disabled{color:var(--text-muted);border-color:var(--panel-border-strong);background:#1a1f27}.btn.ghost{background:0 0}.btn.small{padding:.35rem .6rem;font-size:.8rem}.btn.large{padding:.85rem 1.6rem;font-size:1.05rem}.btn.active{border-color:var(--gold);color:var(--gold-strong)}.panel{background:linear-gradient(180deg, #171f2a, var(--panel));border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 10px 30px #00000040}.screen{min-height:100%;padding:2rem}.screen.center{align-content:center;place-items:center;gap:1rem;display:grid}.narrow{max-width:34rem;padding:1.5rem}.loader{border:3px solid var(--panel-border-strong);border-top-color:var(--gold);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.title{font:700 clamp(2.6rem, 6vw, 4.4rem) / 1 var(--font-display);letter-spacing:.06em;background:linear-gradient(180deg, #fff3d1, var(--gold));color:#0000;text-shadow:0 0 40px #e8c26a1a;-webkit-background-clip:text;background-clip:text;margin:.4rem 0}.title-sm{font:700 1.5rem/1.2 var(--font-display);letter-spacing:.04em;margin:0}.menu{text-align:center;grid-template-rows:1fr auto;display:grid}.menu-hero{place-self:center;max-width:44rem}.crest{letter-spacing:1rem;font-size:1.9rem}.tagline{color:var(--text-muted);margin:0 0 2rem;font-size:1.1rem}.menu-actions{justify-content:center;gap:.8rem;display:flex}.menu-footer{padding-top:2rem}.how-to{text-align:left;margin-top:1.6rem;padding:1.2rem 1.4rem}.how-to ol{gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.setup{align-content:start;gap:1.5rem;max-width:64rem;margin:0 auto;display:grid}.setup-header>.btn{justify-self:start}.setup-header{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.faction-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;display:grid}.faction-card{text-align:left;border-radius:var(--radius);border:1px solid var(--panel-border);background:linear-gradient(160deg, color-mix(in srgb, var(--faction) 14%, #151c26), #121821 70%);color:var(--text);font:inherit;cursor:pointer;gap:.6rem;padding:1.3rem;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid;position:relative}.faction-card:hover{border-color:color-mix(in srgb, var(--faction) 60%, var(--panel-border));transform:translateY(-2px)}.faction-card.selected{border-color:var(--faction);box-shadow:0 0 0 1px var(--faction), 0 14px 40px color-mix(in srgb, var(--faction) 22%, transparent)}.faction-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.faction-emblem{color:var(--faction);font-size:1.8rem}.faction-name{font:700 1.35rem/1.1 var(--font-display);color:var(--faction-light)}.faction-blurb{color:var(--text-muted)}.unit-list{gap:.35rem;display:grid}.unit-chip{align-items:center;gap:.5rem;display:flex}.unit-shape{background:var(--faction);border-radius:50%;width:12px;height:12px}.unit-shape.ranged{clip-path:polygon(0 0,100% 50%,0 100%);border-radius:0}.badge{background:var(--faction);color:#0b0f14;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:.15rem .6rem;font-size:.75rem;font-weight:800;position:absolute;top:.9rem;right:.9rem}.setup-options{grid-template-columns:2fr 1fr auto;align-items:end;gap:1.2rem;padding:1.2rem;display:grid}.difficulty{border:0;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0;padding:0;display:grid}.difficulty legend,.seed>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;font-size:.75rem;font-weight:700}.option{border:1px solid var(--panel-border);cursor:pointer;border-radius:9px;gap:.2rem;padding:.65rem .75rem;display:grid;position:relative}.option.selected{border-color:var(--gold);background:#e8c26a0f}.option input{opacity:0;pointer-events:none;position:absolute}.option:has(input:focus-visible){outline:2px solid var(--gold)}.option-title{font-weight:700}.seed{gap:.25rem;display:grid}.seed input{border:1px solid var(--panel-border-strong);color:var(--text);font:.95rem var(--font);background:#0e131a;border-radius:8px;padding:.55rem .7rem}.seed input[aria-invalid=true]{border-color:var(--danger)}.game{grid-template-rows:auto 1fr auto;gap:.6rem;min-width:960px;height:100%;padding:.7rem;display:grid;position:relative}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.side{border:1px solid color-mix(in srgb, var(--faction) 35%, var(--panel-border));background:linear-gradient(90deg, color-mix(in srgb, var(--faction) 13%, var(--panel)), var(--panel));border-radius:10px;gap:.25rem;padding:.55rem .8rem;display:grid}.side.enemy{background:linear-gradient(270deg, color-mix(in srgb, var(--faction) 13%, var(--panel)), var(--panel))}.side-title{align-items:baseline;gap:.5rem;display:flex}.side-emblem{color:var(--faction)}.side-who{text-transform:uppercase;letter-spacing:.1em;background:color-mix(in srgb, var(--faction) 25%, transparent);color:var(--faction);border-radius:5px;padding:.05rem .45rem;font-size:.72rem;font-weight:800}.side-name{font:700 1.05rem var(--font-display)}.meter{grid-template-columns:6.5rem 1fr 4.5rem;align-items:center;gap:.5rem;font-size:.78rem;display:grid}.meter-label{color:var(--text-muted)}.meter-track{background:#0c1117;border:1px solid #222c39;border-radius:99px;height:8px;overflow:hidden}.meter-fill{background:var(--faction);height:100%;transition:width .16s linear;display:block}.meter-value{text-align:right;font-variant-numeric:tabular-nums}.meter.attacked .meter-track{border-color:var(--danger);box-shadow:0 0 10px #f8717173}.meter.attacked .meter-label{color:var(--danger)}.meter.destroyed .meter-value{color:var(--danger);font-weight:700}.center-controls{justify-items:center;gap:.35rem;display:grid}.clock{font:700 1.5rem/1 var(--font);font-variant-numeric:tabular-nums}.controls{gap:.3rem;display:flex}.battlefield{border-radius:var(--radius);border:1px solid var(--panel-border);background:#0b0f14;min-height:300px;position:relative;overflow:hidden}.battlefield canvas{display:block}.intro{border:1px solid var(--panel-border-strong);pointer-events:none;background:#0b0f14d1;border-radius:99px;padding:.5rem 1rem;font-size:.9rem;animation:.4s ease-out fade-in;position:absolute;top:.8rem;left:50%;transform:translate(-50%)}.pause-overlay{font:700 1.6rem var(--font-display);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05080c99;place-content:center;justify-items:center;gap:.8rem;display:grid;position:absolute;inset:0}.hud{grid-template-columns:1fr 1.6fr 1.3fr;gap:.6rem;display:grid}.hud-panel{align-content:start;gap:.35rem;padding:.75rem .95rem;display:grid}.hud-panel p{margin:0}.panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0;font-size:.72rem;display:flex}.crowns{font:800 2rem/1 var(--font);font-variant-numeric:tabular-nums;align-items:baseline;gap:.45rem;display:flex}.crown-icon{color:var(--gold);font-size:1.4rem}.pips{gap:4px;display:flex}.pip{background:#222c39;border-radius:3px;width:18px;height:7px}.pip.on{background:var(--gold);box-shadow:0 0 8px #e8c26a80}.pip.pending{background:repeating-linear-gradient(45deg,#6b5a2c 0 3px,#2a2f38 3px 6px)}.progress{background:#0c1117;border-radius:99px;height:6px;overflow:hidden}.progress span{background:linear-gradient(90deg, #b48f3f, var(--gold-strong));height:100%;transition:width .12s linear;display:block}.research{margin-top:.15rem}.army-row{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.7rem;display:grid}.army-row .dot{background:var(--faction);border-radius:50%;width:10px;height:10px}.toasts{z-index:5;gap:.45rem;width:min(26rem,40vw);display:grid;position:absolute;bottom:9.6rem;right:1.4rem}.toast{border:1px solid var(--panel-border-strong);background:#121821f0;border-radius:9px;padding:.6rem .85rem;font-size:.88rem;animation:.18s ease-out slide-in;box-shadow:0 8px 24px #00000059}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--gold)}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}@keyframes fade-in{0%{opacity:0}}.result-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#05080cb3;place-items:center;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}.result{text-align:center;width:min(32rem,92vw);padding:1.8rem 2rem}.result-title{font:800 3rem/1 var(--font-display);letter-spacing:.06em;margin:0}.result.victory .result-title{color:var(--gold-strong)}.result.defeat .result-title{color:var(--danger)}.result.draw .result-title,.result-reason{color:var(--text-muted)}.result-stats{text-align:left;grid-template-columns:1fr 1fr;gap:.35rem 1rem;margin:1.2rem 0;display:grid}.result-stats dt{color:var(--text-muted)}.result-stats dd.mono{font-size:.9rem}.result-stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.dev{max-width:72rem;margin:0 auto}.dev-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.85rem}.dev-table th,.dev-table td{border-bottom:1px solid var(--panel-border);text-align:left;padding:.4rem .5rem}.bench-canvas{border:1px solid var(--panel-border);border-radius:var(--radius);width:1280px;height:520px;margin-top:1rem;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.online{align-content:start;gap:1.4rem;max-width:56rem;margin:0 auto;display:grid}.online-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.online-card{align-content:start;gap:.9rem;padding:1.3rem;display:grid}.faction-pick{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.faction-pick .option{color:var(--text);font:inherit;text-align:left;background:0 0}.faction-pick .option.selected{border-color:var(--faction);background:color-mix(in srgb, var(--faction) 10%, transparent)}.code-input{letter-spacing:.35em;text-align:center;text-transform:uppercase;font:700 1.6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important}.center-text{text-align:center}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.waiting-room{text-align:center;justify-items:center;gap:1.2rem;padding:1.8rem;display:grid}.join-code-box{justify-items:center;gap:.4rem;display:grid}.join-code{letter-spacing:.3em;color:var(--gold-strong);border:1px dashed var(--panel-border-strong);border-radius:10px;padding:.4rem .9rem;font:800 3rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.seats{gap:.5rem;width:min(32rem,100%);margin:0;padding:0;list-style:none;display:grid}.seat{border:1px solid color-mix(in srgb, var(--faction) 35%, var(--panel-border));text-align:left;border-radius:10px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.7rem;padding:.65rem .9rem;display:grid}.seat-who{text-transform:uppercase;letter-spacing:.08em;color:var(--faction);font-size:.75rem;font-weight:800}.seat-faction{font-family:var(--font-display);font-weight:700}.seat-status{color:var(--text-muted);font-size:.85rem}.seat-status.ready{color:var(--success);font-weight:700}.connection{border:1px solid var(--panel-border-strong);color:var(--text-muted);border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.78rem;display:inline-flex}.connection-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.connection.open .connection-dot{background:var(--success)}.connection.reconnecting .connection-dot{background:var(--gold);animation:.9s ease-in-out infinite alternate pulse}.connection.closed .connection-dot{background:var(--danger)}@keyframes pulse{to{opacity:.3}}.pause-overlay.subtle{background:#05080c66;font-size:1.3rem}.seat.empty{opacity:.7;justify-content:center}.history ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.history-row.win strong{color:#7bd88f}.history-row.loss strong{color:#ff8a80}.recorded{margin:.5rem 0 0}.recorded[data-state=recorded]{color:#7bd88f}.setup-header>span:last-child{justify-self:end}.account-row{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.account-name{font-weight:700}.account-kind{opacity:.8;border:1px solid;border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.account-kind.account{color:#7bd88f}.account-actions,.account-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.account-form input{min-width:12rem}.quick-play{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.battlefield-3d{touch-action:none;position:absolute;inset:0}.battlefield-overlay{pointer-events:none;position:absolute;inset:0}.battlefield-loading{font:700 1.1rem var(--font-display);color:var(--gold-strong);background:radial-gradient(circle at 50% 40%,#1d2a1a,#0b0f14 70%);place-content:center;display:grid;position:absolute;inset:0}.game-rts{--stone:#2c2721;--stone-dark:#191510;--bronze:#b4904f;--bronze-dark:#6a5029;--ember:color-mix(in srgb, var(--faction,#b4904f) 70%, #000);background:#0c0a08;gap:0;min-width:0;padding:0}.game-rts .topbar{background:linear-gradient(180deg, var(--stone), var(--stone-dark));border-bottom:2px solid var(--bronze-dark);padding:.45rem .7rem}.game-rts .battlefield{border:0;border-top:1px solid #000;border-radius:0}.command-bar{background:linear-gradient(180deg, #ffffff0f, transparent 28%), repeating-linear-gradient(90deg, transparent 0 58px, #00000038 58px 60px), repeating-linear-gradient(0deg, transparent 0 28px, #00000029 28px 30px), linear-gradient(180deg, var(--stone), var(--stone-dark));border-top:3px solid var(--bronze);box-shadow:inset 0 3px 0 var(--bronze-dark), 0 -10px 22px #0000008c;grid-template-columns:minmax(170px,230px) minmax(260px,1.25fr) minmax(250px,1fr) minmax(220px,.85fr);gap:.5rem;padding:.6rem .7rem .7rem;display:grid}.command-bar[data-faction=cinder-pact]{--stone:#30251f;--stone-dark:#1b130f}.command-bar[data-faction=verdant-hollow]{--stone:#232a21;--stone-dark:#131811}.command-frame{border:2px solid var(--bronze-dark);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--faction,#888) 9%, transparent), transparent 70%), linear-gradient(180deg, #161210, #0d0b09);border-radius:6px;min-width:0;min-height:136px;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 22px #000000bf,0 1px #ffffff0f}.command-frame:before,.command-frame:after{content:"";background:radial-gradient(circle at 35% 35%, #e4c487, var(--bronze-dark));border-radius:50%;width:5px;height:5px;position:absolute;top:4px}.command-frame:before{left:4px}.command-frame:after{right:4px}.command-minimap{padding:0;overflow:hidden}.minimap-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.command-bar .panel-title{color:var(--bronze);margin-bottom:.35rem}.selection-card{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;height:100%;padding:.6rem .75rem;display:grid;position:relative}.selection-portrait{border:2px solid var(--bronze-dark);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--emblem) 35%, #26313c), #0e1217 75%);border-radius:5px;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000}.portrait-emblem{color:var(--emblem);text-shadow:0 2px 6px #000;place-content:center;font-size:2.6rem;display:grid;position:absolute;inset:0}.portrait-slot{position:absolute;inset:0}.portrait-canvas{background:radial-gradient(circle at 50% 35%,#3a4a5a,#11161c 75%);width:100%;height:100%;display:block}.selection-text{gap:.25rem;min-width:0;display:grid}.selection-title{font:700 1.15rem var(--font-display);color:var(--gold-strong)}.selection-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:700}.selection-note{color:var(--text-muted);margin:0;font-size:.76rem}.selection-stats{grid-template-columns:auto 1fr;gap:0 .6rem;margin:.15rem 0 0;font-size:.76rem;display:grid}.selection-stats dt{color:var(--text-muted)}.selection-stats dd{margin:0}.selection-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:1.1rem;position:absolute;top:4px;right:8px}.army-muster{flex-wrap:wrap;gap:.25rem .9rem;margin:.1rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.muster-icon{color:var(--faction);margin-right:.25rem}.hp-bar{height:14px;box-shadow:0 0 0 1px var(--bronze-dark);background:#120e0b;border:1px solid #000;position:relative}.hp-fill{background:#46d64f;position:absolute;inset:0 auto 0 0}.hp-bar.warn .hp-fill{background:#f2c230}.hp-bar.bad .hp-fill{background:#ec3b2f}.hp-text{text-align:center;font:700 .7rem/14px var(--font);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;display:block;position:relative}.command-card{padding:.55rem .7rem}.command-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.command-button{border:2px solid var(--bronze-dark);min-height:64px;color:var(--text);font:600 .68rem/1.15 var(--font);text-align:center;cursor:pointer;background:linear-gradient(#3a3128,#1d1813);border-radius:4px;align-content:center;justify-items:center;gap:2px;padding:4px 3px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 4px #0000008c,0 2px 3px #0009}.command-button.research{border-color:color-mix(in srgb, var(--faction) 60%, var(--bronze));background:linear-gradient(180deg, color-mix(in srgb, var(--faction) 30%, #3a3128), #1d1813);grid-column:span 2}.command-button:hover:not(:disabled),.command-button:focus-visible{border-color:var(--gold-strong);box-shadow:inset 0 0 12px color-mix(in srgb, var(--faction) 45%, transparent), 0 0 8px color-mix(in srgb, var(--gold) 40%, transparent);outline:none}.command-button:active:not(:disabled){transform:translateY(1px)}.command-button.active{border-color:var(--gold);color:var(--gold-strong)}.command-button:disabled{cursor:not-allowed;filter:grayscale(.75)brightness(.7)}.command-icon{color:var(--gold-strong);font-size:1.25rem;line-height:1}.command-cost{color:var(--gold);font-variant-numeric:tabular-nums}.command-pips{gap:3px;display:flex}.command-hotkey{font:700 .62rem var(--font);color:var(--gold-strong);background:0 0;border:0;padding:0;position:absolute;top:2px;left:3px}.command-progress{pointer-events:none;background:#0000008c;position:absolute;inset:auto 0 0}.command-tip{z-index:5;border:2px solid var(--bronze-dark);width:max-content;max-width:240px;font:400 .75rem/1.35 var(--font);text-align:left;color:var(--text);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#1d1813,#0f0c09);border-radius:4px;gap:.2rem;padding:.5rem .65rem;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #000000b3}.command-tip strong{color:var(--gold-strong)}.command-tip em{color:var(--gold);font-style:normal}.command-button:hover .command-tip,.command-button:focus-visible .command-tip{opacity:1;visibility:visible}.resources-panel{align-content:start;gap:.55rem;padding:.6rem .75rem;display:grid}.resource-crowns{font:800 1.7rem/1 var(--font);font-variant-numeric:tabular-nums;color:var(--gold-strong);align-items:baseline;gap:.45rem;display:flex}.resource-armies{gap:.3rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.resource-armies li{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.5rem;display:grid}.resource-armies .dot{background:var(--faction);border-radius:50%;width:9px;height:9px}@media (max-width:900px){.game-rts .topbar{grid-template-columns:1fr 1fr;font-size:.85rem}.game-rts .topbar .center-controls{grid-area:1/1/auto/-1}.game-rts .meter{grid-template-columns:4.5rem 1fr 3rem}.command-bar{grid-template-columns:120px 1fr;gap:.35rem;padding:.4rem}.command-frame{min-height:96px}.selection-portrait{width:60px;height:60px}.selection-stats,.selection-note{display:none}.command-button{min-height:52px}}@media (max-height:560px){.game-rts .battlefield{min-height:0}.game-rts .topbar{grid-template-columns:1fr auto 1fr;gap:.5rem;padding:.15rem .5rem;font-size:.8rem}.game-rts .topbar .center-controls{grid-area:auto;align-items:center;gap:.5rem;display:flex}.game-rts .side{padding:.1rem .5rem}.game-rts .side-name{font-size:.85rem}.game-rts .side-who{font-size:.6rem}.game-rts .clock{font-size:1rem}.game-rts .topbar .btn.small{padding:.1rem .45rem;font-size:.72rem}.game-rts .meter,.game-rts .clock .muted{display:none}.command-bar{border-top-width:2px;grid-template-columns:92px 1fr 1.35fr .7fr;gap:.25rem;padding:.2rem .3rem .25rem}.command-frame{min-height:62px}.selection-card{gap:.4rem;padding:.2rem .4rem}.selection-portrait{width:40px;height:40px}.selection-title{font-size:.85rem}.selection-subtitle{font-size:.7rem}.selection-stats,.selection-note,.army-muster,.resource-armies,.command-card .panel-title{display:none}.command-card{padding:.2rem}.command-grid{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.2rem}.command-button{min-height:52px;font-size:.6rem}.command-icon{font-size:1rem}.resources-panel{padding:.3rem .4rem}.resource-crowns{font-size:1.1rem}}