#unitLimitBadge { position:fixed;z-index:8;right:max(16px,env(safe-area-inset-right));top:calc(var(--tactical-fps-top,180px) + 50px);padding:7px 12px;background:var(--hud-surface,#071b28);border:1px solid #71c8e5;color:#b5e4f2;font:12px "Segoe UI",sans-serif;display:flex;gap:8px;align-items:center;max-width:230px; }
#unitLimitBadge b { white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff;direction:ltr; }
#unitLimitBadge.at-cap b { color:#ffcd7c; }
body.hud-start #unitLimitBadge,body.hud-start #matchResult { display:none; }
#matchResult { position:fixed;z-index:9;top:78px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:10px 16px;max-width:min(480px,55vw);background:#071b28ed;border:1px solid #71c8e5;box-shadow:0 4px 20px #0007;font:13px "Segoe UI",sans-serif; }
#matchResult[hidden] { display:none; }
#matchResult strong,#matchResult span { display:block; }
#matchResult strong { color:#ffdb94;font-size:16px; }
#matchResult span { color:#b5d4df;margin-top:3px; }
#resultMainMenu { color:#e5f5ff;background:#173b4e;border:1px solid #71c8e5;min-height:36px;padding:5px 10px;cursor:pointer; }
body.spectating #buildToggle,body.spectating #buildbar,body.spectating #frameToggle,body.spectating #clearSelection,body.spectating #touchControls { display:none!important; }
/* A scrollable information panel keeps the main menu layout stable. */
body #gameMenu .menu-head { position:sticky;top:0;background:#0a1d29;z-index:3;padding:12px 18px; }
body #gameMenu .menu-body { overflow-wrap:anywhere; }
body #gameMenu .menu-table td { white-space:normal; }
body #gameMenu .menu-table td:first-child { width:32%; }
html[dir=rtl] #gameMenu .menu-table td { text-align:right; }
html[dir=rtl] #matchResult { direction:rtl; }
@media(max-width:1000px),(pointer:coarse) {
 #unitLimitBadge { right:max(8px,env(safe-area-inset-right));top:calc(var(--tactical-fps-top,140px) + 34px);font-size:10px;padding:5px 8px;max-width:155px;gap:5px; }
 #matchResult { top:58px;padding:6px 9px;gap:8px;font-size:10px;max-width:48vw; }
 #matchResult strong { font-size:12px; }
 #resultMainMenu { font-size:10px;min-height:34px; }
 body #gameMenu .menu-head h2 { font-size:18px; }
 body #gameMenu .menu-tabs { padding:8px 12px 0;gap:4px; }
 body #gameMenu .menu-tabs button { padding:7px 8px;font-size:11px; }
 body #gameMenu .menu-body { padding:12px 16px; }
}

/* Reserved menu entry only; no matchmaking or network behavior. */
body #overlay .start-actions #onlineMultiplayerBtn { grid-column:1/-1;min-height:44px;margin:0;padding:10px 22px;border:1px solid #88def8;border-radius:2px;background:linear-gradient(110deg,#163e53,#256583 50%,#13364a);color:#e5f8ff;box-shadow:inset 0 0 20px #58ceff18;font:600 15px "Segoe UI",sans-serif;letter-spacing:.5px;opacity:1;cursor:pointer;white-space:normal;touch-action:manipulation;transition:background .15s,border-color .15s,box-shadow .15s,transform .08s; }
body #overlay .start-actions #onlineMultiplayerBtn:hover:not(:disabled) { background:#2e7592;border-color:#c1f0ff;box-shadow:inset 0 0 20px #58ceff28,0 0 12px #58ceff35; }
body #overlay .start-actions #onlineMultiplayerBtn:active:not(:disabled) { transform:translateY(1px);background:#10374e;box-shadow:inset 0 2px 8px #0008; }
body #overlay .start-actions #onlineMultiplayerBtn:focus-visible { outline:2px solid #b5edff;outline-offset:3px; }
body #overlay .start-actions #onlineMultiplayerBtn:disabled { opacity:.5;cursor:wait; }
@media(max-height:540px) {
 body #overlay .start-actions #onlineMultiplayerBtn { min-height:32px;padding:5px 10px;font-size:11px; }
 body.android #overlay .card { gap:5px 14px; }
}

/* Settings are accessible before starting a match, including compact Android layouts. */
body #ovSettingsBtn { min-height:40px;padding:8px 16px;margin-top:10px;border:1px solid #47798d;border-radius:8px;background:#102d3d;color:#d6f1ff;font:600 13px "Segoe UI",sans-serif;cursor:pointer; }
body #ovSettingsBtn:hover { background:#1c4c63; }
body.android #ovSettingsBtn { grid-column:1/-1;margin-top:4px; }