:root {
  --bg:#07111f;
  --bg2:#0a1b30;
  --panel:#101820;
  --panel2:#17212b;
  --input:#081420;
  --text:#eef7ff;
  --muted:#9eb4ca;
  --line:#2e4055;
  --accent:#2e89ff;
  --accent2:#5eb0ff;
  --danger:#e15b5b;
  --ok:#22c55e;
  --shadow:0 18px 40px rgba(0,0,0,.28);
}




body.theme-light {
  --bg:#edf2f7;
  --bg2:#f7fafc;
  --panel:#ffffff;
  --panel2:#f3f7fb;
  --input:#ffffff;
  --text:#172033;
  --muted:#64748b;
  --line:#cbd5e1;
  --accent:#2563eb;
  --accent2:#60a5fa;
  --danger:#dc2626;
  --shadow:0 14px 30px rgba(15,23,42,.10);
}
* { box-sizing:border-box; }
body { margin:0; background:linear-gradient(160deg,var(--bg),var(--bg2)); color:var(--text); font-family:Segoe UI,Arial,sans-serif; min-height:100vh; }
a { color:inherit; text-decoration:none; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:280px 1fr; }
.sidebar { background:rgba(3,10,18,.78); border-right:1px solid var(--line); padding:18px; position:sticky; top:0; height:100vh; overflow:auto; }
body.theme-light .sidebar { background:#ffffff; }
.brand { display:flex; align-items:center; gap:12px; font-size:22px; font-weight:900; letter-spacing:.04em; margin-bottom:26px; }
.brand-mark { width:36px; height:36px; border-radius:12px; background:var(--accent); display:grid; place-items:center; color:#fff; }
.side-title { color:var(--muted); text-transform:uppercase; font-weight:800; font-size:12px; margin:14px 0 8px; letter-spacing:.08em; }
.group-name { color:var(--text); font-weight:800; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.group-name-row { display:flex; align-items:center; width:100%; gap:8px; margin:14px 0 8px; }
.group-settings-gear { margin-left:auto; flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:var(--muted); border:1px solid transparent; }
.group-settings-gear:hover, .group-settings-gear.active { background:var(--panel2); color:var(--text); border-color:var(--line); }
.server-link, .side-nav a { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; color:var(--muted); margin:4px 0; }
.server-link small { margin-left:auto; font-size:10px; color:var(--muted); }
.server-link.active, .server-link:hover, .side-nav a:hover { background:var(--panel2); color:var(--text); }
.main-shell { min-width:0; }
.topbar { height:76px; display:flex; justify-content:space-between; align-items:center; padding:0 26px; border-bottom:1px solid var(--line); background:rgba(3,10,18,.45); backdrop-filter:blur(12px); position:sticky; top:0; z-index:10; }
body.theme-light .topbar { background:rgba(255,255,255,.82); }
.page-kicker { color:var(--muted); font-size:12px; text-transform:uppercase; font-weight:800; letter-spacing:.08em; }
.page-title { font-size:22px; font-weight:900; }
.top-actions { display:flex; gap:16px; align-items:center; }
.theme-switcher { display:flex; gap:6px; padding:5px; background:var(--panel); border:1px solid var(--line); border-radius:999px; }
.theme-switcher button { border-radius:999px; padding:7px 12px; border:0; background:transparent; color:var(--muted); cursor:pointer; }
.theme-switcher button.active { background:var(--accent); color:#fff; }
.profile-menu { position:relative; }
.profile-button { display:flex; align-items:center; gap:10px; background:var(--panel); border:1px solid var(--line); color:var(--text); padding:7px 10px; border-radius:999px; cursor:pointer; }
.profile-button img { width:34px; height:34px; border-radius:50%; object-fit:cover; background:var(--panel2); }
.profile-dropdown { display:none; position:absolute; right:0; top:52px; min-width:220px; background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:10px; box-shadow:var(--shadow); }
.profile-dropdown.open { display:block; }
.profile-dropdown a, .profile-id { display:block; padding:10px; color:var(--muted); border-radius:8px; overflow:hidden; text-overflow:ellipsis; }
.profile-dropdown a:hover { background:var(--panel2); color:var(--text); }
.content { padding:22px; }
.panel { background:rgba(16,24,32,.92); border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow:var(--shadow); }
body.theme-light .panel { background:#fff; }
.dashboard-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "hero hero"
    "groups servers"
    "adminlogs servers";
  gap:18px;
  align-items:start;
}
.hero-card { grid-area:hero; grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; }
.dashboard-groups-card { grid-area:groups; }
.dashboard-servers-card { grid-area:servers; align-self:start; }
.admin-log-dashboard-card { grid-area:adminlogs; }
.hero-card h1, .server-banner h1 { margin:0 0 8px; font-size:28px; }
.panel-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.panel h2 { margin:0 0 14px; }
.muted, .empty-hint { color:var(--muted); }
.server-cards, .card-list { display:grid; gap:10px; }
.server-card, .mini-card { display:flex; align-items:center; gap:14px; padding:14px; border:1px solid var(--line); background:var(--panel2); border-radius:14px; }
.server-card h3, .mini-card h3 { margin:0 0 4px; }
.server-card p, .mini-card p { margin:0; color:var(--muted); }
.server-icon { width:38px; height:38px; border-radius:12px; background:var(--accent); display:grid; place-items:center; color:#fff; }
.status-pill { margin-left:auto; padding:6px 10px; border-radius:999px; background:var(--panel); color:var(--muted); font-size:12px; font-weight:800; }
.status-pill.ok { color:#052e16; background:#86efac; }
.status-pill.off { color:#3f1212; background:#fecaca; }
button, .button { background:var(--accent); color:#fff; border:0; border-radius:10px; padding:10px 13px; cursor:pointer; font-weight:700; display:inline-block; }
button:hover, .button:hover { filter:brightness(1.08); }
button.danger, .danger { background:var(--danger); color:white; }
input, textarea, select { width:100%; padding:11px 12px; margin:6px 0; background:var(--input); color:var(--text); border:1px solid var(--line); border-radius:10px; outline:none; }
.stack-form, .compact-form { display:grid; gap:8px; }
.compact-form { grid-template-columns:1fr auto; }
.check-row { display:flex; gap:8px; align-items:center; color:var(--muted); }
.check-row input { width:auto; }
.server-banner { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.worker-controls { display:flex; gap:10px; align-items:center; }
.server-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 18px; }
.server-tabs a { padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--muted); display:flex; align-items:center; gap:8px; }
.server-tabs a.active, .server-tabs a:hover { background:var(--accent); color:white; }
.stat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.stat-grid div { background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:14px; }
.stat-grid span { display:block; color:var(--muted); font-size:12px; margin-bottom:4px; }
.stat-grid strong { font-size:20px; }
.big-number { font-size:64px; font-weight:900; }
.action-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
table { width:100%; border-collapse:collapse; }
th,td { border-bottom:1px solid var(--line); padding:10px; text-align:left; vertical-align:top; }
th { color:var(--muted); font-size:12px; text-transform:uppercase; }
pre { white-space:pre-wrap; background:var(--input); color:var(--text); border:1px solid var(--line); padding:14px; border-radius:12px; max-height:520px; overflow:auto; }
.login-body { min-height:100vh; display:flex; align-items:center; justify-content:center; }
.login-card { width:860px; min-height:460px; display:grid; grid-template-columns:1fr 1fr; border-radius:20px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); background:var(--panel); }
.login-art { background:radial-gradient(circle at 30% 20%, var(--accent), transparent 25%), linear-gradient(140deg,var(--panel2),#03080f); }
.login-form { padding:52px; display:flex; flex-direction:column; justify-content:center; }
@media (max-width: 1100px) {
  .app-shell { grid-template-columns:1fr; }
  .sidebar { position:relative; height:auto; }
  .dashboard-grid, .action-grid { grid-template-columns:1fr; }
  .dashboard-grid { grid-template-areas:"hero" "groups" "adminlogs" "servers"; }
  .hero-card, .server-banner { display:block; }
}


.side-separator { height:1px; background:var(--line); margin:14px 0; opacity:.85; }
.side-nav.top-main { margin-bottom:0; }
.side-nav a.active, .supreme-link.active { background:var(--accent); color:#fff; }
.sidebar { display:flex; flex-direction:column; }
.server-side-list { flex:1; min-height:0; overflow:auto; padding-right:2px; }
.sidebar-bottom { margin-top:auto; }
.supreme-link { display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:10px; color:var(--muted); }
.supreme-link:hover { background:var(--panel2); color:var(--text); }
.server-subnav { margin:4px 0 10px 31px; display:grid; gap:2px; border-left:1px solid var(--line); padding-left:10px; }
.server-subnav a { color:var(--muted); font-size:13px; padding:6px 8px; border-radius:8px; }
.server-subnav a.active, .server-subnav a:hover { background:var(--panel2); color:var(--text); }
.header-buttons, .card-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.server-card { justify-content:space-between; }
.server-card-main { display:flex; align-items:center; gap:14px; flex:1; min-width:0; }
.modal { display:none; position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.62); align-items:center; justify-content:center; padding:24px; }
.modal.open { display:flex; }
.modal-card { width:min(560px, 96vw); max-height:90vh; overflow:auto; background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:22px; box-shadow:var(--shadow); position:relative; }
.modal-wide { width:min(980px, 96vw); }
.modal-close { position:absolute; right:14px; top:14px; width:34px; height:34px; padding:0; border-radius:999px; background:var(--panel2); }
.danger-zone { border-color:rgba(225,91,91,.55); }


/* UI alignment pass */
.content { padding:24px; }
.dashboard-grid { align-items:start; }
.panel { padding:20px; margin:0; }
.panel + .panel { margin-top:18px; }
.panel-header { gap:16px; min-height:40px; }
.panel-header > div { display:grid; gap:3px; }
.panel-header h2, .panel h2, .hero-card h1 { line-height:1.2; }
.hero-card { min-height:116px; }
button, .button { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; }
input, textarea, select { min-height:38px; }
.server-card, .mini-card { min-height:76px; }
.server-card-main h3, .mini-card h3 { line-height:1.2; }
.table-actions { display:flex; gap:8px; flex-wrap:wrap; }
.icon-toggle {
  width:42px;
  height:42px;
  border-radius:14px;
  padding:0;
  font-size:18px;
  background:var(--panel);
  border:1px solid var(--line);
  color:var(--text);
}
.icon-toggle:hover { background:var(--panel2); }
.top-actions { gap:10px; }
.language-menu { position:relative; }
.language-menu-button { line-height:1; }
.language-menu-button [data-lang-current-flag] {
  display:block;
  width:23px;
  height:15px;
  border-radius:3px;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
}
.language-dropdown {
  display:none;
  position:absolute;
  right:0;
  top:50px;
  z-index:20;
  min-width:156px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.language-dropdown.open { display:grid; gap:4px; }
.language-dropdown button {
  width:100%;
  min-height:38px;
  justify-content:flex-start;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--muted);
}
.language-dropdown button:hover,
.language-dropdown button.active {
  border-color:var(--line);
  background:var(--panel2);
  color:var(--text);
}
.language-dropdown button[hidden]{display:none!important}
.language-option-flag {
  width:24px;
  height:15px;
  border-radius:3px;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}
.side-nav.top-main { display:grid; gap:6px; }
.server-subnav { margin-top:6px; margin-bottom:12px; }
.server-subnav a { display:block; }
.sidebar-bottom { padding-top:12px; }
.profile-button span:nth-child(2) { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.card-actions { margin-left:auto; }
.header-buttons { margin-left:auto; }
.server-card { gap:12px; }
.modal-card .stack-form + .stack-form { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }


.login-card-wide { grid-template-columns: .9fr 1.1fr; }
.login-separator { display:flex; align-items:center; gap:10px; color:var(--muted); margin:22px 0 14px; }
.login-separator:before, .login-separator:after { content:""; height:1px; background:var(--line); flex:1; }
.error-text { color:var(--danger); font-weight:700; }
.permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:12px; max-height:240px; overflow:auto; }
.permission-grid label { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:13px; }
.permission-grid input { width:auto; min-height:auto; margin:0; }
.sub-panel { border:1px solid var(--line); background:var(--panel2); border-radius:14px; padding:14px; margin:16px 0; }
.page-loader { display:none; position:fixed; inset:0; z-index:2000; background:rgba(0,0,0,.18); align-items:center; justify-content:center; backdrop-filter:blur(2px); }
.page-loader.open { display:flex; }
.page-loader div { width:46px; height:46px; border-radius:50%; border:4px solid rgba(255,255,255,.25); border-top-color:var(--accent); animation:spin .85s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.overview-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:stretch; }
.overview-grid .panel { min-height:190px; }
.overview-grid .panel:first-child { grid-column:1; }
.overview-grid .panel:nth-child(3) { grid-column:1 / -1; min-height:150px; }
@media (max-width: 1100px) {
  .overview-grid { grid-template-columns:1fr; }
  .overview-grid .panel:first-child, .overview-grid .panel:nth-child(3) { grid-column:auto; }
}


.sidebar-top-separator { margin-top:18px; margin-bottom:12px; }
.form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.overview-grid {
  grid-template-columns:minmax(0, 1.15fr) minmax(360px, .85fr);
  align-items:start !important;
}
.overview-card { min-height:unset !important; height:auto !important; }
.game-state-card { min-height:140px !important; }
.current-players-card { min-height:140px !important; }
.worker-health-card { grid-column:1 / -1; min-height:130px !important; }
@media (max-width: 1100px) {
  .form-grid { grid-template-columns:1fr; }
  .overview-grid { grid-template-columns:1fr; }
}


.compact-button,
button.compact-button,
a.compact-button {
  min-height:34px;
  height:34px;
  padding:0 12px;
  font-size:13px;
  line-height:34px;
}
.modal-title-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.modal-title-row h2 { margin:0; }
.copy-button {
  min-height:32px;
  height:32px;
  padding:0 10px;
  font-size:13px;
}
.inline-permission-form .permission-grid { max-height:180px; }

/* Bans use reason as kick message. Server settings modal now redirects back to dashboard. */


.modal-card {
  padding-top: 58px !important;
}
.modal-close {
  background: var(--danger) !important;
  color: #fff !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5;
}
.modal-title-row {
  padding-right: 76px;
  min-height: 38px;
}
.modal-title-row .copy-button {
  margin-right: 8px;
}


.modal-card {
  padding-top: 22px !important;
}
.modal-close {
  top: 22px !important;
  right: 22px !important;
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  background: var(--danger) !important;
  color: #fff !important;
  z-index: 10;
}
.modal-title-row {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-right: 54px !important;
  margin-bottom: 12px !important;
}
.modal-title-row h2 {
  margin: 0 !important;
  line-height: 36px !important;
}
.copy-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  margin: 0 !important;
}
.diag-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.diag-summary div {
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px;
}
.diag-summary span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 4px;
}
.diag-summary strong {
  font-size: 14px;
  word-break: break-word;
}
@media (max-width: 900px) {
  .diag-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


.site-footer {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 12px;
  padding: 18px 24px 22px;
  border-top: 1px solid var(--line);
  margin-top: 22px;
}
.footer-link {
  min-height: auto;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--muted);
  font-size: 12px;
  text-decoration: underline;
}
.footer-link:hover {
  color: var(--text);
  filter: none;
}
.admin-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
.admin-tabs a {
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--muted);
  padding: 10px 12px;
  border-radius: 12px;
}
.admin-tabs a.active,
.admin-tabs a:hover {
  background: var(--accent);
  color: #fff;
}


html, body {
  min-height: 100%;
}
.app-shell {
  min-height: 100vh;
}
.main-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.site-footer {
  flex-shrink: 0;
  margin-top: auto !important;
}
.supreme-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.supreme-overview-grid .panel {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.admin-tabs {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.hero-card + .admin-tabs {
  margin-top: 16px !important;
}
.big-number {
  line-height: 1;
}
.api-key-created {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 14px;
  padding: 14px;
  margin: 12px 0;
}
.api-key-created code {
  display: block;
  margin-top: 8px;
  word-break: break-all;
}
.changelog-nav {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 8px 56px 12px 0;
}
.changelog-nav button {
  min-height: 34px;
}
@media (max-width: 1000px) {
  .supreme-overview-grid {
    grid-template-columns: 1fr;
  }
}


.server-hero {
  border: 1px solid var(--line);
  border-radius: 18px;
  min-height: 170px;
  background-size: cover;
  background-position: center;
  padding: 28px;
  display: flex;
  align-items: center;
  box-shadow: inset 0 -80px 140px rgba(0,0,0,.35);
  margin-bottom: 18px;
}
.server-hero-main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.server-hero h1 {
  font-size: 32px;
  margin: 0 0 8px;
}
.server-hero p {
  margin: 0 0 6px;
}
.scoreboard {
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(3,10,18,.72);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  padding: 14px 18px;
  min-width: 250px;
  justify-content: center;
}
.scoreboard > span {
  font-size: 34px;
  font-weight: 900;
  color: var(--muted);
}
.score-side {
  display: flex;
  align-items: center;
  gap: 10px;
}
.score-side img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}
.score-side strong {
  font-size: 42px;
  line-height: 1;
}
.game-state-card {
  min-height: 0 !important;
}
.game-state-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.game-state-grid > div {
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px;
  min-height: 72px;
}
.game-state-grid span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.game-state-grid strong {
  display: block;
  color: var(--text);
  font-size: 18px;
  line-height: 1.2;
}
.footer-changelog-nav-inline {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-left: auto;
  margin-right: 54px;
}
.footer-changelog-nav-inline button {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}
#footerInfoModal .modal-title-row {
  padding-right: 54px !important;
}
@media (max-width: 1100px) {
  .server-hero-main {
    flex-direction: column;
    align-items: flex-start;
  }
  .game-state-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


.site-footer {
  align-items: center !important;
  line-height: 1 !important;
}
.site-footer span,
.site-footer a,
.site-footer button,
.site-footer .footer-link {
  display: inline-flex !important;
  align-items: center !important;
  height: 18px !important;
  line-height: 18px !important;
  vertical-align: middle !important;
}
.overview-logs-card {
  grid-column: 1 / -1;
  min-height: 260px !important;
}
.log-tools {
  display: flex;
  gap: 8px;
  align-items: center;
}
.log-tools input,
.log-tools select {
  min-height: 34px;
  height: 34px;
}
.compact-log-table td,
.compact-log-table th {
  font-size: 12px;
  vertical-align: top;
}
.compact-log-table td:nth-child(4) {
  white-space: normal;
  word-break: break-word;
}


.danger-zone details {
  margin-top: 12px;
}
.danger-zone summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 800;
}
.danger-zone pre {
  max-height: 360px;
  overflow: auto;
}


.danger-zone .button {
  display: inline-flex;
  width: fit-content;
  text-decoration: none;
}
.empty-hint + .game-state-grid {
  margin-top: 12px;
}


#footerInfoModal .modal-card {
  width: min(900px, calc(100vw - 48px)) !important;
  max-width: 900px !important;
  min-height: 420px;
  padding: 30px !important;
}
#footerInfoModal .modal-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  min-height: 42px !important;
  padding-right: 62px !important;
}
#footerInfoModal .modal-title-row h2 {
  line-height: 42px !important;
  margin: 0 !important;
  flex: 1;
}
#footerInfoModal .modal-close {
  top: 30px !important;
  right: 30px !important;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
}
#footerInfoModal #footerInfoBody {
  min-height: 230px;
  max-height: 520px;
  white-space: pre-wrap;
  margin-top: 18px;
}
.footer-changelog-nav-inline {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  margin-left: auto !important;
  margin-right: 58px !important;
  height: 42px !important;
}
.footer-changelog-nav-inline button {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  font-size: 18px;
}
#changelogNav {
  display: none !important;
}


/* FINAL footer popup cleanup */
#footerInfoModal .modal-card {
  width: min(920px, calc(100vw - 48px)) !important;
  max-width: 920px !important;
}
#footerInfoModal #changelogNav {
  display: none !important;
}
#footerInfoModal .footer-changelog-nav-inline {
  height: 42px !important;
  align-items: center !important;
  margin-right: 58px !important;
}
#footerInfoModal .footer-changelog-nav-inline button,
#footerInfoModal .modal-close {
  height: 42px !important;
  min-height: 42px !important;
  width: 42px !important;
}


/* FINAL footer baseline lock */
.site-footer {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.site-footer > *,
.site-footer .footer-link,
.site-footer button.footer-link,
.site-footer a.footer-link,
.site-footer span {
  height: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: baseline !important;
  font-size: 12px !important;
}
.site-footer button.footer-link {
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
}


/* EMERGENCY final footer alignment lock */
.site-footer,
.site-footer * {
  box-sizing: border-box !important;
}
.site-footer {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
}
.site-footer > span,
.site-footer > a,
.site-footer > button,
.site-footer .footer-link {
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  line-height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  font-size: 12px !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
}
.site-footer button.footer-link {
  border: 0 !important;
  background: transparent !important;
  appearance: none !important;
}


/* Supreme Admin service popup hard viewport fix */
#supremeServiceModal.supreme-service-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(0, 0, 0, .68) !important;
  overflow: hidden !important;
}

#supremeServiceModal.supreme-service-modal.open {
  display: flex !important;
}

#supremeServiceModal .supreme-service-card {
  width: min(1040px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
  height: min(760px, calc(100vh - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  margin: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#supremeServiceModal .supreme-service-title-row {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-right: 48px !important;
  min-height: 42px !important;
}

#supremeServiceModal #supremeServiceOutput {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  margin: 14px 0 0 0 !important;
}

#supremeServiceModal .modal-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 2 !important;
}


/* Hide old/broken Supreme Admin service modal; runtime overlay is used instead */
#supremeServiceModal {
  display: none !important;
}
#warcronSupremeServiceOverlay,
#warcronSupremeServiceOverlay * {
  box-sizing: border-box !important;
}


/* Worker/logs UI cleanup */
.log-tools {
  display:flex !important;
  gap:10px !important;
  align-items:stretch !important;
  flex-wrap:wrap !important;
}
.log-tools input,
.log-tools select {
  width:auto !important;
  min-width:220px !important;
  height:42px !important;
  min-height:42px !important;
  line-height:20px !important;
  padding:9px 12px !important;
  margin:0 !important;
}
.log-tools select {
  min-width:170px !important;
}
.console-log-view {
  background:#050b12;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  max-height:520px;
  overflow:auto;
  font-family:Consolas, "Courier New", monospace;
  font-size:12px;
  line-height:1.45;
}
.console-log-line {
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:4px 2px;
  border-bottom:1px solid rgba(255,255,255,.04);
  white-space:pre-wrap;
  word-break:break-word;
}
.console-log-line:last-child {
  border-bottom:0;
}
.console-time {
  color:#7fb3ff;
  flex:0 0 auto;
}
.console-kind {
  color:#9ee6a7;
  font-weight:800;
  flex:0 0 auto;
  min-width:72px;
}
.console-player {
  color:#ffd27f;
  flex:0 0 auto;
}
.console-message {
  color:var(--text);
  min-width:0;
}
.compact-search {
  max-width:340px;
  width:340px !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
}
.worker-controls form {
  margin:0;
}
.worker-controls button {
  min-height:40px;
}


/* Final footer baseline lock */
.site-footer {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
}
.site-footer > span,
.site-footer > a,
.site-footer > button,
.site-footer .footer-link {
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  line-height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  font-size: 12px !important;
  position: relative !important;
  top: 0 !important;
}
.site-footer [data-footer-version] {
  transform: translateY(1px) !important;
}


/* Overview live players + console logs */
.overview-live-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(310px, .42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.overview-player-card,
.overview-logs-card {
  min-height: 560px !important;
}
.overview-player-list {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 4px;
  display: grid;
  gap: 8px;
}
.overview-player-row {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 12px;
  overflow: hidden;
}
.overview-player-row summary {
  cursor: pointer;
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
}
.overview-player-row summary::marker {
  content: "▸ ";
}
.overview-player-row[open] summary::marker {
  content: "▾ ";
}
.overview-player-name {
  font-weight: 800;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-player-meta {
  grid-column: 2;
  color: var(--muted);
  font-size: 11px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-player-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 12px 12px 38px;
}
.console-log-view {
  height: 500px !important;
  max-height: 500px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
@media(max-width:1100px) {
  .overview-live-grid {
    grid-template-columns: 1fr;
  }
}


/* Overview layout: players left, console logs right */
.overview-live-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 42%) minmax(0, 58%) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.overview-live-grid .overview-player-card,
.overview-live-grid .overview-logs-card {
  grid-column: auto !important;
  min-width: 0 !important;
  min-height: 560px !important;
}
.overview-player-list {
  height: 500px !important;
  max-height: 500px !important;
  overflow-y: auto !important;
}
.console-log-view {
  height: 500px !important;
  max-height: 500px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.vip-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
@media(max-width:1200px) {
  .overview-live-grid { grid-template-columns: 1fr !important; }
}


/* Hard overview two-column fix */
.overview-live-grid{grid-column:1 / -1!important;display:grid!important;grid-template-columns:minmax(380px,48%) minmax(360px,52%)!important;gap:18px!important;align-items:stretch!important;}
.overview-live-grid .overview-player-card,.overview-live-grid .overview-logs-card{grid-column:auto!important;min-width:0!important;}
.overview-live-grid .overview-logs-card{max-width:none!important;width:auto!important;}
.console-log-view{height:560px!important;max-height:560px!important;overflow-y:auto!important;overflow-x:auto!important;}
.overview-player-list{height:560px!important;max-height:560px!important;overflow-y:auto!important;}
@media(max-width:980px){.overview-live-grid{grid-template-columns:1fr!important;}}


/* Final overview/player/log sizing */
.overview-grid {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.game-state-card {
  grid-column: 1 !important;
}
.current-players-card {
  grid-column: 2 !important;
  min-height: 180px !important;
}
.overview-live-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.overview-player-card {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}
.overview-logs-card {
  min-width: 0 !important;
  width: 100% !important;
}
.overview-player-list {
  height: 560px !important;
  max-height: 560px !important;
  overflow-y: auto !important;
}
.console-log-view {
  height: 560px !important;
  max-height: 560px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.overview-player-row summary {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 10px 12px !important;
}
.overview-player-name {
  width: 100% !important;
}
.overview-player-meta {
  grid-column: auto !important;
  width: 100% !important;
}
@media(max-width:1150px) {
  .overview-grid {
    grid-template-columns: 1fr !important;
  }
  .game-state-card,
  .current-players-card,
  .overview-live-grid {
    grid-column: 1 !important;
  }
  .overview-live-grid {
    grid-template-columns: 1fr !important;
  }
  .overview-player-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Clean Manage VIP popup */
.vip-manager-card {
  width: min(760px, 96vw) !important;
  padding: 26px !important;
}
.vip-manager-card h2 {
  margin-top: 0 !important;
}
.vip-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.vip-status-grid > div {
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
}
.vip-status-grid span {
  display: block;
  color: var(--muted);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 6px;
}
.vip-status-grid strong {
  display: block;
  color: var(--text);
  font-size: 14px;
  line-height: 1.25;
  word-break: break-word;
}
.vip-time-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}
.vip-time-grid button {
  min-height: 42px !important;
}
.vip-time-grid button.active {
  outline: 2px solid var(--accent2);
  filter: brightness(1.12);
}
.vip-apply-button {
  width: 100%;
  margin-top: 10px;
  min-height: 44px !important;
}
@media(max-width:720px) {
  .vip-status-grid,
  .vip-time-grid {
    grid-template-columns: 1fr !important;
  }
}


/* Final exact overview sizing/height fix */
.overview-grid {
  grid-template-columns: minmax(0, 1fr) 240px !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.game-state-card,
.current-players-card {
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}
.game-state-card {
  grid-column: 1 !important;
}
.current-players-card {
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.game-state-grid {
  height: calc(100% - 34px) !important;
  align-content: stretch !important;
}
.game-state-grid > div {
  min-height: 0 !important;
}
.overview-live-grid {
  grid-column: 1 / -1 !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.overview-player-card,
.overview-logs-card {
  height: 610px !important;
  min-height: 610px !important;
  max-height: 610px !important;
  overflow: hidden !important;
}
.overview-player-card {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}
.overview-player-card .panel-header {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  align-items: start !important;
}
.overview-player-card .compact-search,
#overviewPlayerSearch {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.overview-player-list,
.console-log-view {
  height: 500px !important;
  max-height: 500px !important;
  overflow-y: auto !important;
}
.overview-logs-card .panel-header {
  min-height: 54px !important;
}
@media(max-width:1150px) {
  .overview-grid {
    grid-template-columns: 1fr !important;
  }
  .game-state-card,
  .current-players-card,
  .overview-live-grid {
    grid-column: 1 !important;
  }
  .game-state-card,
  .current-players-card {
    height: auto !important;
    max-height: none !important;
  }
  .overview-live-grid {
    grid-template-columns: 1fr !important;
  }
  .overview-player-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* VIP popup: buttons submit directly, preview updates on hover/focus */
.vip-manager-form button[data-vip-action] {
  cursor: pointer;
}
.vip-time-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}


/* Final alignment fix: top cards and live cards start on exact same line */
.overview-grid {
  display: grid !important;
  grid-template-columns: 980px 260px !important;
  justify-content: start !important;
  align-items: start !important;
  gap: 18px !important;
}
.game-state-card,
.current-players-card {
  grid-row: 1 !important;
  margin: 0 !important;
  align-self: start !important;
  height: 205px !important;
  min-height: 205px !important;
  max-height: 205px !important;
}
.game-state-card {
  grid-column: 1 !important;
  width: 980px !important;
  max-width: 980px !important;
}
.current-players-card {
  grid-column: 2 !important;
  width: 260px !important;
  max-width: 260px !important;
}
.overview-live-grid {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  gap: 18px !important;
  align-items: start !important;
  margin: 0 !important;
}
.overview-live-grid .panel {
  margin-top: 0 !important;
}
.overview-player-card,
.overview-logs-card {
  grid-row: 1 !important;
  align-self: start !important;
  margin: 0 !important;
  height: 600px !important;
  min-height: 600px !important;
  max-height: 600px !important;
}
.overview-player-card {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}
.overview-logs-card {
  width: 100% !important;
  min-width: 0 !important;
}
.overview-player-card .panel-header {
  display: block !important;
  min-height: 92px !important;
}
#overviewPlayerSearch {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin-top: 10px !important;
}
.overview-player-list,
.console-log-view {
  height: 470px !important;
  max-height: 470px !important;
}
@media(max-width:1450px) {
  .overview-grid {
    grid-template-columns: minmax(0, 1fr) 250px !important;
  }
  .game-state-card {
    width: auto !important;
    max-width: none !important;
  }
}
@media(max-width:1150px) {
  .overview-grid {
    grid-template-columns: 1fr !important;
  }
  .game-state-card,
  .current-players-card,
  .overview-live-grid {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
  }
  .overview-live-grid {
    grid-template-columns: 1fr !important;
  }
  .overview-player-card,
  .overview-logs-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* WarCRON overview fill layout fix: top cards and live cards use the full content width. */
.overview-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(240px, 16vw, 300px) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.game-state-card {
  grid-column: 1 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
.current-players-card {
  grid-column: 2 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
.game-state-card,
.current-players-card {
  height: auto !important;
  min-height: 205px !important;
  max-height: none !important;
  margin: 0 !important;
  align-self: stretch !important;
}
.overview-live-grid {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: clamp(260px, 16vw, 320px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin: 0 !important;
}
.overview-player-card,
.overview-logs-card {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: clamp(520px, calc(100vh - 405px), 820px) !important;
  min-height: 520px !important;
  max-height: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  align-self: stretch !important;
}
.overview-player-card {
  grid-column: 1 !important;
}
.overview-logs-card {
  grid-column: 2 !important;
}
.overview-player-card .panel-header {
  display: block !important;
  min-height: 92px !important;
}
.overview-logs-card .panel-header {
  min-height: 72px !important;
}
#overviewPlayerSearch {
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
}
.overview-player-list {
  height: calc(100% - 105px) !important;
  max-height: none !important;
  overflow-y: auto !important;
}
.console-log-view {
  height: calc(100% - 86px) !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
@media (max-width: 1150px) {
  .overview-grid,
  .overview-live-grid {
    grid-template-columns: 1fr !important;
  }
  .game-state-card,
  .current-players-card,
  .overview-player-card,
  .overview-logs-card,
  .overview-live-grid {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
  }
  .overview-player-card,
  .overview-logs-card {
    height: auto !important;
    min-height: 420px !important;
  }
}

/* WarCRON public stats and overview map action redesign */
.overview-card-title-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.overview-card-title-row h2 { margin:0; }
.game-state-actions-menu { position:relative; }
.overview-gear-button {
  width:36px;
  height:36px;
  border-radius:999px;
  display:grid;
  place-items:center;
  padding:0;
  background:var(--panel2);
  border:1px solid var(--line);
  color:var(--text);
}
.overview-gear-dropdown {
  display:none;
  position:absolute;
  right:0;
  top:44px;
  min-width:220px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  box-shadow:var(--shadow);
  z-index:40;
}
.overview-gear-dropdown.open { display:grid; gap:3px; }
.overview-gear-dropdown button { width:100%; text-align:left; background:var(--panel2); }
.map-change-modal-card { width:min(880px, 96vw); }
.map-picker-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:16px; align-items:stretch; }
.map-picker-tools select { height:430px; margin-top:8px; }
.map-picker-tools option { padding:8px; }
.map-picker-preview { border:1px solid var(--line); border-radius:14px; background:var(--panel2); padding:16px; display:grid; align-content:start; gap:12px; }
.map-picker-preview span { text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.08em; }
.map-picker-preview strong { font-size:20px; line-height:1.25; }
.map-picker-preview code { display:block; white-space:pre-wrap; word-break:break-word; background:var(--input); color:var(--text); border:1px solid var(--line); border-radius:10px; padding:12px; }
@media(max-width:800px){ .map-picker-layout { grid-template-columns:1fr; } }

.public-stats-body {
  min-height:100vh;
  background:#050505 radial-gradient(circle at 0 50%, rgba(143,76,22,.42), transparent 27%) fixed;
  color:#f6f7fb;
  font-family:Segoe UI,Arial,sans-serif;
}
.public-stats-shell { min-height:100vh; background:linear-gradient(90deg, rgba(0,0,0,.38), rgba(0,0,0,.93) 13%, rgba(0,0,0,.93)); }
.public-stats-topbar {
  height:55px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 34px;
  background:rgba(14,9,5,.86);
  border-bottom:1px solid rgba(255,255,255,.10);
  position:sticky;
  top:0;
  z-index:20;
}
.public-stats-tabs { display:flex; align-items:center; gap:28px; }
.public-tab {
  background:transparent;
  border:0;
  color:#9e9e9e;
  padding:0;
  border-radius:0;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.public-tab.active { color:#fff; }
.public-server-title { display:flex; align-items:center; gap:9px; font-weight:800; text-transform:uppercase; }
.live-dot { width:11px; height:11px; border:2px solid #20e477; border-radius:50%; box-shadow:0 0 10px rgba(32,228,119,.8); }
.public-stats-content { padding:0 34px 34px; }
.public-tab-panel { display:none; }
.public-tab-panel.active { display:block; }
.public-current-grid { display:grid; grid-template-columns:minmax(0, 1fr) 440px; gap:0; align-items:stretch; }
.public-live-panel { min-height:228px; padding:4px 0 18px; }
.public-sector-bar { display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; padding:0 18px 18px; }
.public-sector-bar .sector {
  height:32px;
  clip-path:polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 8% 50%);
  display:grid;
  place-items:center;
  font-weight:900;
  color:rgba(255,255,255,.82);
}
.public-sector-bar .allied { background:#69aaf6; }
.public-sector-bar .axis { background:#f14b53; }
.public-sector-bar .neutral { background:#777; }
.public-sector-bar .axis { clip-path:polygon(8% 0, 100% 0, 92% 50%, 100% 100%, 8% 100%, 0 50%); }
.public-sector-bar .mid { clip-path:polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%); font-size:11px; letter-spacing:.08em; }
.public-score-wrap { display:grid; grid-template-columns:1fr 220px 1fr; align-items:center; gap:24px; padding:0 18px; }
.public-faction { display:flex; align-items:center; gap:22px; min-width:0; }
.public-faction-axis { justify-content:flex-end; text-align:left; }
.public-faction img { width:78px; height:78px; object-fit:contain; opacity:.38; filter:brightness(.1); }
.public-faction h2 { font-size:24px; margin:0; letter-spacing:.03em; }
.public-faction p { margin:4px 0 0; font-size:13px; }
.public-faction-allied h2 { border-bottom:2px solid #2e89ff; padding-bottom:4px; }
.public-faction-axis h2 { border-bottom:2px solid #f0444d; padding-bottom:4px; }
.public-score-center { text-align:center; }
.public-clock { font-weight:900; font-size:14px; margin-bottom:2px; }
.public-score { display:flex; align-items:center; justify-content:center; gap:16px; font-size:58px; line-height:.95; font-weight:400; }
.public-map-title { font-weight:900; margin-top:6px; }
.public-mode { font-size:12px; font-weight:800; }
.public-map-cards { display:grid; grid-template-columns:1fr 1fr; min-height:228px; }
.public-map-card { position:relative; overflow:hidden; min-height:228px; display:flex; align-items:flex-end; justify-content:center; text-align:center; border-left:1px solid rgba(255,255,255,.08); }
.public-map-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.75) brightness(.82); }
.public-map-card.muted-card img { filter:grayscale(1) brightness(.75); }
.public-map-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.76), transparent 58%); }
.public-map-card div { position:relative; z-index:1; padding:0 10px 16px; }
.public-map-card span { display:block; font-size:13px; font-weight:900; }
.public-map-card strong { display:block; font-size:15px; line-height:1.15; }
.public-current-bottom { display:grid; grid-template-columns:minmax(0, 1fr) 440px; gap:0; }
.public-panel { background:rgba(5,5,5,.70); border:1px solid rgba(255,255,255,.12); border-radius:0; padding:18px; box-shadow:none; }
.public-table-toolbar { display:grid; grid-template-columns:92px 1fr; gap:12px; margin-bottom:10px; }
.public-table-toolbar input, .public-table-toolbar select { border-radius:0; background:#090909; border-color:#2a2a2a; color:#fff; margin:0; }
#publicCurrentPlayers th, #publicCurrentPlayers td, #publicMatchesTable th, #publicMatchesTable td { border-bottom:1px solid rgba(255,255,255,.11); padding:11px 10px; color:#fff; }
#publicCurrentPlayers th, #publicMatchesTable th { color:#b5b5b5; text-transform:none; font-size:13px; }
.player-dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:12px; background:#22c55e; }
.player-dot.axis { background:#f14b53; }
.player-dot.allies { background:#22c55e; }
.level { color:#e5c844; }
.level-axis { color:#ff4d58; }
.level-allies { color:#37d978; }
.public-selection-box { display:grid; place-items:center; text-align:center; min-height:196px; border-left:0; }
.public-selection-box.has-player-details { place-items:start stretch; align-content:start; align-self:start; text-align:left; }
.public-selection-box.has-player-details > .public-player-details-card { align-self:start; }
.public-selection-box > div { width:100%; min-height:156px; border:1px dashed rgba(255,255,255,.14); display:grid; place-items:center; align-content:center; }
.public-selection-box h2 { margin:0 0 8px; }
.public-history-strip { display:grid; grid-template-columns:repeat(6, minmax(190px, 1fr)); gap:4px; padding:0 3px 22px; overflow-x:auto; }
.history-strip-card { min-height:76px; background-size:cover; background-position:center; display:grid; align-content:end; padding:10px 14px; border:1px solid rgba(255,255,255,.08); }
.history-strip-card span { font-size:12px; font-weight:900; color:#fff; }
.history-strip-card strong { font-size:14px; line-height:1.15; color:#fff; }
.public-history-main { display:grid; gap:14px; }
.public-history-pager { display:flex; gap:10px; justify-content:flex-end; align-items:center; }
.public-history-pager button { border-radius:0; background:#080808; border:1px solid #2a2a2a; min-width:38px; }
.public-history-pager button.active { background:#111d2c; border-color:#2e89ff; }
.public-history-pager button:disabled { opacity:.35; cursor:not-allowed; }
.match-id { color:#ff5b1f; }
.match-map-cell { display:flex; align-items:center; gap:10px; }
.match-map-cell img { width:62px; height:34px; object-fit:cover; background:#111; }
.weather-cell { font-size:22px; color:#a8a8a8 !important; text-align:center; }
@media(max-width:1100px){
  .public-current-grid,
  .public-current-bottom { grid-template-columns:1fr; }
  .public-map-cards { min-height:180px; }
  .public-map-card { min-height:180px; }
  .public-score-wrap { grid-template-columns:1fr; text-align:center; }
  .public-faction, .public-faction-axis { justify-content:center; text-align:center; }
}
@media(max-width:700px){
  .public-stats-topbar { padding:0 14px; gap:12px; }
  .public-stats-content { padding:0 14px 24px; }
  .public-score { font-size:44px; }
  .public-map-cards { grid-template-columns:1fr; }
  .public-table-toolbar { grid-template-columns:1fr; }
}

/* Final public stats theme/language integration and overview spacing */
.game-state-card .game-state-grid {
  height: calc(100% - 48px) !important;
  padding-bottom: 10px !important;
  box-sizing: border-box !important;
}
.game-state-card {
  padding-bottom: 22px !important;
}
.public-stats-body.theme-dark {
  background:#050505 radial-gradient(circle at 0 50%, rgba(143,76,22,.42), transparent 27%) fixed;
  color:#f6f7fb;
}
.public-stats-
.public-stats-body.theme-light {
  background:#edf2f8 radial-gradient(circle at 0 50%, rgba(46,137,255,.20), transparent 28%) fixed;
  color:#182033;
}
.public-stats-body.theme-dark .public-stats-shell {
  background:linear-gradient(90deg, rgba(0,0,0,.38), rgba(0,0,0,.93) 13%, rgba(0,0,0,.93));
}
.public-stats-
.public-stats-body.theme-light .public-stats-shell {
  background:linear-gradient(90deg, rgba(255,255,255,.58), rgba(244,248,253,.96) 13%, rgba(244,248,253,.96));
}
.public-stats-
.public-stats-body.theme-light .public-stats-topbar {
  background:rgba(255,255,255,.92);
  border-bottom-color:rgba(20,48,84,.14);
}
.public-topbar-right {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.public-mini-button {
  width:36px;
  min-width:36px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  color:inherit;
}
.public-stats-body.theme-light .public-mini-button {
  border-color:rgba(20,48,84,.18);
  background:rgba(20,48,84,.05);
}
.public-stats-body.theme-light .public-tab { color:#6a7280; }
.public-stats-body.theme-light .public-tab.active { color:#111827; }
.public-stats-body.theme-light .public-panel {
  background:rgba(255,255,255,.78);
  border-color:rgba(20,48,84,.15);
}
.public-stats-
.public-stats-body.theme-light #publicCurrentPlayers th,
.public-stats-body.theme-light #publicCurrentPlayers td,
.public-stats-body.theme-light #publicMatchesTable th,
.public-stats-body.theme-light #publicMatchesTable td {
  color:#182033;
  border-bottom-color:rgba(20,48,84,.14);
}
.public-stats-body.theme-light #publicCurrentPlayers th,
.public-stats-body.theme-light #publicMatchesTable th { color:#566070; }
.public-stats-body.theme-light .public-table-toolbar input,
.public-stats-body.theme-light .public-table-toolbar select,
.public-stats-body.theme-light .public-history-pager button {
  background:#fff;
  color:#182033;
  border-color:rgba(20,48,84,.18);
}
.public-stats-
.public-player-row { cursor:pointer; }
.public-player-row:hover td,
.public-player-row.selected td { background:rgba(46,137,255,.12); }
.public-player-details-card {
  width:100%;
  min-height:156px;
  border:1px dashed rgba(255,255,255,.14);
  padding:16px;
  text-align:left;
  box-sizing:border-box;
}
.public-stats-body.theme-light .public-player-details-card { border-color:rgba(20,48,84,.18); }
.public-player-details-card h2 { margin:0; font-size:22px; }
.public-detail-section-title {
  margin:14px 0 8px;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  color:#9dbbe5;
}
.public-stats-body.theme-light .public-detail-section-title { color:#2e609e; }
.public-detail-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}
.public-detail-grid > div {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  padding:9px;
}
.public-stats-body.theme-light .public-detail-grid > div {
  background:rgba(20,48,84,.04);
  border-color:rgba(20,48,84,.12);
}
.public-detail-grid span {
  display:block;
  color:#a7afbc;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:4px;
}
.public-stats-body.theme-light .public-detail-grid span { color:#687386; }
.public-detail-grid strong {
  font-size:15px;
  color:inherit;
  word-break:break-word;
}
@media(max-width:700px){
  .public-topbar-right { gap:6px; }
  .public-server-title { font-size:12px; }
  .public-detail-grid { grid-template-columns:1fr; }
}

/* Live overview player actions + VIP state */
.overview-player-row.is-vip .overview-player-name {
  color: #f4c542 !important;
}
.vip-mini-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  padding: 1px 5px;
  border: 1px solid rgba(244, 197, 66, .55);
  border-radius: 999px;
  color: #f4c542;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .04em;
  vertical-align: middle;
}
.overview-player-actions button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.overview-player-actions .action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  font-size: 11px;
  line-height: 1;
}

/* Distinct player-action colors for quick recognition. */
[data-player-action="message"]{background:#0891b2!important;border-color:#22d3ee!important;color:#fff!important;}
[data-player-action="kick_player"]{background:#d97706!important;border-color:#f59e0b!important;color:#fff!important;}
[data-player-action="punish_player"]{background:#be185d!important;border-color:#f472b6!important;color:#fff!important;}
[data-player-action="switch_team"]{background:#7c3aed!important;border-color:#a78bfa!important;color:#fff!important;}
[data-player-action="manage_vip"]{background:#16a34a!important;border-color:#4ade80!important;color:#fff!important;}
[data-player-action="ban"]{background:#dc2626!important;border-color:#f87171!important;color:#fff!important;}
.overview-player-actions .server-player-detail-button{background:#475569!important;border-color:#64748b!important;color:#fff!important;}

.overview-player-title-search{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.overview-player-title-search h2{margin:0!important;}
.overview-player-title-search .compact-search{width:min(280px,42vw);}
.message-player-modal-card{width:min(560px,94vw)!important;}
.manage-vip-modal-card{width:min(560px,94vw)!important;}
.manage-vip-modal-card > .muted{margin:0;padding:0 22px;}
.manage-vip-modal-card > .muted:first-of-type{padding-top:18px;}
.manage-vip-modal-card > .muted + .muted{margin-top:6px;}
.manage-vip-modal-card > form{padding:16px 22px 22px!important;margin:0!important;box-sizing:border-box;}
.manage-vip-modal-card .vip-manage-grid{margin-top:4px;gap:10px;}
.player-detail-vip-current{padding:18px 22px 0!important;margin:0!important;}


/* Corrected overview player action expander */
.overview-player-row summary {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}
.overview-player-row summary::marker { content: "" !important; }
.overview-player-row summary::-webkit-details-marker { display: none !important; }
.overview-player-toggle {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  color: var(--muted);
  font-weight: 900;
  line-height: 1;
}
.overview-player-toggle::before { content: "▸"; }
.overview-player-row[open] .overview-player-toggle::before { content: "▾"; }
.overview-player-main {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.overview-player-main .overview-player-meta {
  grid-column: auto !important;
}
.overview-player-actions {
  padding-left: 38px !important;
}
.overview-player-actions button {
  gap: 0 !important;
}
.overview-player-actions .action-icon {
  display: none !important;
}

/* Public match detail rows */
.public-match-row,
.history-strip-card { cursor: pointer; }
.public-match-row:hover td,
.public-match-row.selected td { background: rgba(46,137,255,.12); }
.public-match-details { display: grid; gap: 14px; }
.public-match-detail-title { display:flex; justify-content:space-between; gap:12px; align-items:flex-end; flex-wrap:wrap; }
.public-match-detail-title h2 { margin:0; }
.public-match-detail-title span { color:var(--muted); font-size:13px; font-weight:800; }
.public-match-stats-table th,
.public-match-stats-table td { border-bottom:1px solid rgba(255,255,255,.11); padding:10px; color:#fff; }
.public-stats-body.theme-light .public-match-stats-table th,
.public-stats-body.theme-light .public-match-stats-table td { color:#182033; border-bottom-color:rgba(20,48,84,.14); }
.public-match-stats-table th { color:#b5b5b5; font-size:12px; text-transform:none; }
.public-stats-body.theme-light .public-match-stats-table th { color:#566070; }


/* Gear menu map action icon */
.overview-gear-dropdown button.map-action-button {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 9px;
}
.overview-gear-dropdown .map-action-icon {
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border-radius:8px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--muted);
  flex:0 0 22px;
}
.overview-gear-dropdown .map-action-icon svg {
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.overview-gear-dropdown .map-action-button:hover .map-action-icon { color:var(--text); border-color:var(--accent); }

/* Chat Reports */
.chat-reports-table td,
.chat-reports-table th { vertical-align: top; }
.chat-report-message {
  max-width: 360px;
  white-space: pre-wrap;
  word-break: break-word;
}
.status-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid var(--line);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}
.chat-report-row.status-open .status-pill { color:#ffd166; border-color:rgba(255,209,102,.45); }
.chat-report-row.status-ignored { opacity:.65; }
.chat-report-row.status-banned .status-pill { color:#ff6b6b; border-color:rgba(255,107,107,.45); }
.chat-report-row.severity-high td:first-child { box-shadow: inset 4px 0 0 #ff4d58; }
.chat-report-row.severity-medium td:first-child { box-shadow: inset 4px 0 0 #f4c542; }
.chat-report-row.severity-low td:first-child { box-shadow: inset 4px 0 0 #2e89ff; }
.chat-report-actions { min-width:170px; }
.chat-report-actions form { margin:0 0 6px; }

/* Chat command redesign */
.system-command-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:14px 0 18px; }
.system-command-list .mini-card { display:flex; flex-direction:column; gap:5px; }
.form-grid.two-cols { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-grid.four-cols { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pill { display:inline-flex; align-items:center; padding:3px 8px; margin:2px 4px 2px 0; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.04); font-size:12px; color:var(--text); }
.chat-command-form h3 { margin:8px 0 0; }
@media(max-width:900px){ .system-command-list, .form-grid.two-cols, .form-grid.four-cols { grid-template-columns:1fr; } }

.mode-status-card {
  min-width: 130px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.04);
  padding: 10px 14px;
  text-align: right;
}
.mode-status-card span { display:block; color: var(--muted); font-size: 12px; }
.mode-status-card strong { font-size: 18px; letter-spacing: .08em; }
.mode-status-card.seeding strong { color: #f5c542; }
.mode-status-card.live strong { color: #38d878; }
.settings-grid.two-cols { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.settings-card { border:1px solid var(--border); background:rgba(255,255,255,.03); padding:14px; }
.settings-card h3 { margin-top:0; }
.map-picker-layout { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.map-picker-column { border:1px solid var(--border); background:rgba(0,0,0,.12); padding:12px; min-width:0; }
.panel-header.compact { margin-bottom:10px; }
.selected-map-list { min-height: 34px; display:flex; flex-wrap:wrap; gap:6px; margin: 8px 0 12px; }
.selected-map-pill { display:inline-flex; align-items:center; padding:5px 8px; border:1px solid var(--border); background:rgba(255,255,255,.06); font-size:12px; }
.map-card-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap:10px; max-height: 520px; overflow:auto; padding-right:4px; }
.map-select-card { min-height: 86px; border:1px solid var(--border); background-size:cover; background-position:center; text-align:left; padding:10px; display:flex; flex-direction:column; justify-content:flex-end; gap:4px; cursor:pointer; color:#fff; }
.map-select-card span { font-size:11px; opacity:.82; text-transform:uppercase; letter-spacing:.08em; }
.map-select-card strong { font-size:14px; text-shadow:0 1px 3px #000; }
.map-select-card.selected { outline:2px solid var(--accent); border-color:var(--accent); box-shadow:0 0 0 2px rgba(59,130,246,.18) inset; }
.inline-form { display:inline-flex; gap:8px; align-items:center; }
@media (max-width: 980px) { .map-picker-layout, .settings-grid.two-cols { grid-template-columns: 1fr; } }

.map-picker-column.single{width:100%}
.tacmap-modal-card{max-width:1100px}
.tacmap-tools{display:flex;gap:8px;align-items:center}
.tacmap-tools button{min-width:36px}
.tacmap-viewport{height:70vh;min-height:520px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#05070a;position:relative;cursor:grab}
.tacmap-viewport:active{cursor:grabbing}
.tacmap-stage{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:center center;transition:transform .06s linear}
.tacmap-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82) contrast(1.05)}
#tacmapPlayers{position:absolute;inset:0;z-index:2}
.tacmap-player{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;pointer-events:auto;white-space:nowrap;text-shadow:0 1px 4px #000;font-size:11px;font-weight:800}
.tacmap-player span{width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.8)}
.tacmap-player.axis span{background:#ef4444}
.tacmap-player.allies span{background:#3b82f6}
.tacmap-player.neutral span{background:#d1d5db}
.tacmap-player label{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:2px 5px;color:#fff;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.tacmap-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 18px;border:1px dashed var(--border);border-radius:12px;background:rgba(0,0,0,.45)}
.game-state-actions-menu{display:flex;align-items:center;gap:6px}

/* Server settings tab layout */
.server-settings-shell { display:block; }
.server-settings-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 18px; border-bottom:1px solid var(--border); padding-bottom:12px; }
.server-settings-tabs button { border:1px solid var(--border); background:rgba(255,255,255,.04); color:var(--muted); padding:10px 13px; border-radius:12px; cursor:pointer; font-weight:700; }
.server-settings-tabs button.active,
.server-settings-tabs button:hover { background:var(--accent); color:#fff; border-color:var(--accent); }
.server-settings-tab-panel { display:none; border:1px solid var(--border); background:rgba(255,255,255,.025); border-radius:14px; padding:16px; }
.server-settings-tab-panel.active { display:block; }
.server-settings-tab-panel h3 { margin-top:0; }
.server-settings-tab-panel.danger-zone { border-color:rgba(239,68,68,.45); }

/* Cleaner map selection layout */
.map-picker-column { overflow:hidden; border-radius:16px; }
.map-card-grid { grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap:18px; max-height: 620px; padding:8px 10px 12px 2px; overflow:auto; align-items:stretch; }
.map-select-card { min-width:0; min-height:112px; border-radius:14px; overflow:hidden; padding:12px; line-height:1.15; }
.map-select-card span,
.map-select-card strong { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.map-select-card strong { white-space:normal; font-size:15px; }
.map-select-card.selected::after { content:"✓"; position:absolute; top:8px; right:10px; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:#fff; font-weight:900; }
.map-select-card { position:relative; }
@media(max-width:900px){ .map-card-grid { grid-template-columns:repeat(auto-fill, minmax(175px, 1fr)); gap:12px; } }

/* WarCRON settings/tacmap refinement */
.overview-gear-separator{height:1px;background:var(--border);margin:0}
.overview-gear-dropdown .map-action-button.danger{color:#fecaca}
.server-settings-title-card{margin-bottom:12px}
.server-settings-tab-card{margin-bottom:14px;padding:10px 14px}
.server-settings-tab-card .server-settings-tabs{margin:0;border-bottom:0;padding-bottom:0}
.server-settings-tab-panel{border:0;background:transparent;padding:0;border-radius:0}
.server-settings-tab-panel.active{display:block}
.server-settings-tab-panel > .panel,
.server-settings-tab-panel .panel.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}
.worker-card{min-height:230px}
.vertical-actions{flex-direction:column;align-items:stretch}
.vertical-actions form,.vertical-actions button{width:100%}
.compact-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.map-picker-column.single{padding-top:8px}
.map-card-grid{grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap:22px; max-height:650px; padding:14px 16px 18px 8px;}
.map-select-card{min-height:124px;margin:0;line-height:1.2}
.selected-map-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.selected-map-list .pill{margin:0}
.tacmap-stage img{object-fit:contain;background:#05070a}
@media(max-width:1000px){.map-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.settings-grid.two-cols{grid-template-columns:1fr}}

/* WarCRON settings / smart votemap / tacmap final alignment */
.server-settings-tab-panel .settings-grid{align-items:start}
.worker-settings-grid{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:16px;align-items:start}
.worker-controls-card{max-width:520px;min-height:0}
.worker-stats-card{min-width:0;min-height:0;align-self:start}
.worker-controls-card .worker-controls.vertical-actions{max-width:100%}
.compact-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;align-items:stretch}
.compact-stat-grid div{min-width:0;overflow:hidden}
.compact-stat-grid strong{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-size:15px;line-height:1.25}
.management-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.management-wide{grid-column:1 / -1}
.settings-sub-card{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:14px;padding:14px;min-width:0}
.settings-sub-card h4{margin:0 0 12px}
@media(max-width:1000px){.worker-settings-grid,.management-settings-grid{grid-template-columns:1fr}.worker-controls-card{max-width:none}}

.tacmap-stage{position:absolute;width:600px;height:600px;left:0;top:0;transform-origin:center center;transition:transform .06s linear}
.tacmap-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;background:#05070a;filter:brightness(.84) contrast(1.05)}
#tacmapPlayers{position:absolute;inset:0;z-index:2}

/* WarCRON final settings tab split, public theme colors and tacmap calibration */
.server-settings-tab-card{background:var(--panel);border-color:var(--line)}
.server-settings-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;border:0}
.server-settings-tabs button{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:10px 14px}
.server-settings-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}
.fixed-worker-grid{grid-template-columns:360px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.fixed-worker-grid .worker-controls-card,.fixed-worker-grid .worker-stats-card{margin-top:0!important;align-self:start!important;width:100%!important;max-width:none!important}
.worker-stat-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}
.worker-stat-grid strong{font-size:14px!important;line-height:1.25!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.fixed-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
.fixed-management-grid .management-card{margin-top:0!important;align-self:start!important;min-height:190px!important}
.fixed-management-grid .management-wide{grid-column:1/-1}
@media(max-width:1000px){.fixed-worker-grid,.fixed-management-grid{grid-template-columns:1fr!important}}

.tacmap-viewport{display:flex;align-items:center;justify-content:center;padding:0;background:#05070a}
.tacmap-stage{position:relative!important;left:auto!important;top:auto!important;width:min(100%,70vh)!important;height:min(100%,70vh)!important;max-width:100%;max-height:100%;aspect-ratio:1/1;transform-origin:center center!important}
.tacmap-stage img{object-fit:fill!important;width:100%!important;height:100%!important;display:block!important}
#tacmapPlayers{position:absolute!important;inset:0!important;pointer-events:none}
.tacmap-player{pointer-events:auto}

.public-stats-body.theme-dark{background:linear-gradient(160deg,var(--bg),var(--bg2)) fixed;color:var(--text)}
.public-stats-
.public-stats-body.theme-light{background:linear-gradient(160deg,var(--bg),var(--bg2)) fixed;color:var(--text)}
.public-stats-body .public-stats-shell{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 88%, transparent), color-mix(in srgb, var(--bg2) 92%, transparent) 13%, color-mix(in srgb, var(--bg2) 96%, transparent))!important}
.public-stats-body .public-stats-topbar{background:color-mix(in srgb, var(--panel) 92%, transparent)!important;border-bottom:1px solid var(--line)!important;color:var(--text)}
.public-stats-body .public-panel{background:color-mix(in srgb, var(--panel) 82%, transparent)!important;border-color:var(--line)!important;color:var(--text)!important}
.public-stats-body .public-tab{color:var(--muted)!important}
.public-stats-body .public-tab.active{color:var(--text)!important}
.public-stats-body .public-mini-button,.public-stats-body .public-history-pager button{background:var(--panel2)!important;border-color:var(--line)!important;color:var(--text)!important}
.public-stats-body .public-history-pager button.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.public-stats-body .public-table-toolbar input,.public-stats-body .public-table-toolbar select{background:var(--input)!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:10px!important}
.public-stats-body #publicCurrentPlayers th,.public-stats-body #publicCurrentPlayers td,.public-stats-body #publicMatchesTable th,.public-stats-body #publicMatchesTable td{color:var(--text)!important;border-bottom-color:var(--line)!important}
.public-stats-body #publicCurrentPlayers th,.public-stats-body #publicMatchesTable th{color:var(--muted)!important}
.public-stats-body .public-selection-box>div,.public-stats-body .public-player-details-card{border-color:var(--line)!important;background:color-mix(in srgb, var(--panel2) 58%, transparent)!important}
.public-stats-body .public-detail-grid>div{background:var(--panel2)!important;border-color:var(--line)!important}
.public-stats-body .public-detail-grid span,.public-stats-body .public-detail-section-title{color:var(--muted)!important}
.public-stats-body .public-current-bottom,.public-stats-body .public-current-grid{color:var(--text)}

/* WarCRON module/tacmap/public-stats patch */
.public-map-cards.public-map-cards-full{grid-template-columns:1fr!important}
.public-map-cards.public-map-cards-full .public-map-card{border-left:0;min-height:228px}
.tacmap-stage{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
.tacmap-stage img{min-width:100%;min-height:100%;background:transparent!important}

/* WarCRON tacmap image rendering fix */
.tacmap-stage.tacmap-img-fallback{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
.tacmap-stage.tacmap-img-fallback img{visibility:hidden!important}
#tacmapImage:not([src]){visibility:hidden!important}

/* WarCRON tacmap v4: image and player layer share one exact coordinate plane */
#tacmapViewport.tacmap-viewport{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#05070a!important;
}
#tacmapStage.tacmap-stage{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
  transform-origin:center center!important;
}
#tacmapMapPlane.tacmap-map-plane{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  background:#05070a!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#tacmapImage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:fill!important;
  display:block!important;
  background:transparent!important;
  filter:brightness(.84) contrast(1.05)!important;
}
#tacmapPlayers{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  inset:auto!important;
  z-index:2!important;
  pointer-events:none!important;
  overflow:visible!important;
}
#tacmapPlayers .tacmap-player{pointer-events:auto!important;}
#tacmapMapPlane.tacmap-img-fallback #tacmapImage{visibility:hidden!important;}

/* WarCRON tacmap v5: observer-style full-map canvas, one coordinate plane */
#tacmapModal .tacmap-modal-card{max-width:1120px!important;}
#tacmapViewport.tacmap-viewport{
  position:relative!important;
  height:72vh!important;
  min-height:520px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#05070a!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#tacmapViewport.tacmap-viewport:active{cursor:grabbing!important;}
#tacmapCanvas.tacmap-canvas{
  position:relative!important;
  flex:0 0 auto!important;
  width:min(100%,72vh)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:1 / 1!important;
  transform-origin:center center!important;
  transform:translate3d(0,0,0) scale(1);
  transition:transform .04s linear!important;
  overflow:hidden!important;
  background:#05070a!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
}
#tacmapCanvas #tacmapImage{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  user-select:none!important;
  pointer-events:none!important;
  filter:brightness(.84) contrast(1.05)!important;
  background:#05070a!important;
}
#tacmapCanvas #tacmapPlayers{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:3!important;
}
#tacmapCanvas #tacmapPlayers .tacmap-player{
  position:absolute!important;
  transform:translate(-5px,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:800!important;
}
#tacmapCanvas #tacmapPlayers .tacmap-player span{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  box-shadow:0 0 8px rgba(0,0,0,.8)!important;
}
#tacmapCanvas #tacmapPlayers .tacmap-player.axis span{background:#ef4444!important;}
#tacmapCanvas #tacmapPlayers .tacmap-player.allies span{background:#3b82f6!important;}
#tacmapCanvas #tacmapPlayers .tacmap-player.neutral span{background:#d1d5db!important;}
#tacmapCanvas #tacmapPlayers .tacmap-player label{
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  padding:2px 5px!important;
  color:#fff!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tacmapCanvas #tacmapPlayers .tacmap-empty{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:14px 18px!important;
  border:1px dashed var(--border)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.45)!important;
}

/* WarCRON tacmap v6: viewport, image, and player layer are one exact square plane. */
#tacmapModal .tacmap-modal-card{
  width:fit-content!important;
  max-width:calc(100vw - 28px)!important;
}
#tacmapModal .modal-title-row{
  width:min(92vw, calc(100vh - 180px), 1000px)!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#tacmapViewport.tacmap-viewport{
  position:relative!important;
  width:min(92vw, calc(100vh - 180px), 1000px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  margin:0 auto!important;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#tacmapViewport.tacmap-viewport:active{cursor:grabbing!important;}
#tacmapMapWrap.tacmap-map-wrap{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  transform-origin:center center!important;
  transform:translate3d(0,0,0) scale(1);
  transition:transform .04s linear!important;
  overflow:hidden!important;
  background:#05070a!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
}
#tacmapMapWrap #tacmapImage{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:fill!important;
  user-select:none!important;
  pointer-events:none!important;
  filter:brightness(.84) contrast(1.05)!important;
  background:#05070a!important;
}
#tacmapMapWrap #tacmapPlayers{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:3!important;
}
#tacmapMapWrap #tacmapPlayers .tacmap-player{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:800!important;
}
#tacmapMapWrap #tacmapPlayers .tacmap-player span{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  box-shadow:0 0 8px rgba(0,0,0,.8)!important;
}
#tacmapMapWrap #tacmapPlayers .tacmap-player.axis span{background:#ef4444!important;}
#tacmapMapWrap #tacmapPlayers .tacmap-player.allies span{background:#3b82f6!important;}
#tacmapMapWrap #tacmapPlayers .tacmap-player.neutral span{background:#d1d5db!important;}
#tacmapMapWrap #tacmapPlayers .tacmap-player label{
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  padding:2px 5px!important;
  color:#fff!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tacmapMapWrap #tacmapPlayers .tacmap-empty{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:14px 18px!important;
  border:1px dashed var(--border)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.45)!important;
}

/* Legacy WarCRON tacmap observer-style canvas plane.
   The rendered image, generated grid overlay, and player layer all share one 1000x1000 canvas plane. */
#tacmapModal .tacmap-modal-card{
  width:fit-content!important;
  max-width:calc(100vw - 28px)!important;
}
#tacmapModal .modal-title-row{
  width:min(92vw, calc(100vh - 180px), 1000px)!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#tacmapViewport.tacmap-observer-viewport,
#tacmapViewport.tacmap-viewport{
  position:relative!important;
  width:min(92vw, calc(100vh - 180px), 1000px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#05070a!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#tacmapViewport.tacmap-observer-viewport:active,
#tacmapViewport.tacmap-viewport:active{cursor:grabbing!important;}
#tacmapPlane.tacmap-observer-plane{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  transform-origin:0 0!important;
  transform:translate3d(0,0,0) scale(1);
  transition:transform .04s linear!important;
  overflow:hidden!important;
  background:#05070a!important;
}
#tacmapCanvas,
#tacmapGridCanvas,
#tacmapPlane #tacmapPlayers{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
}
#tacmapCanvas{
  z-index:1!important;
  image-rendering:auto!important;
  filter:brightness(.84) contrast(1.05)!important;
  pointer-events:none!important;
}
#tacmapGridCanvas{
  z-index:2!important;
  pointer-events:none!important;
  opacity:.28!important;
}
#tacmapPlane #tacmapPlayers{
  z-index:3!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:800!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player span{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  box-shadow:0 0 8px rgba(0,0,0,.8)!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player.axis span{background:#ef4444!important;}
#tacmapPlane #tacmapPlayers .tacmap-player.allies span{background:#3b82f6!important;}
#tacmapPlane #tacmapPlayers .tacmap-player.neutral span{background:#d1d5db!important;}
#tacmapPlane #tacmapPlayers .tacmap-player label{
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  padding:2px 5px!important;
  color:#fff!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tacmapPlane #tacmapPlayers .tacmap-empty{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:14px 18px!important;
  border:1px dashed var(--border)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.45)!important;
}

/* WarCRON tacmap v8: fixed observer coordinate plane.
   The viewport can be responsive, but the drawn map plane is always exactly
   1000x1000 CSS pixels before one shared transform scales map, grid, and dots. */
#tacmapModal .tacmap-modal-card{
  width:fit-content!important;
  max-width:calc(100vw - 28px)!important;
}
#tacmapModal .modal-title-row{
  width:min(92vw, calc(100vh - 180px), 1000px)!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#tacmapViewport.tacmap-observer-viewport,
#tacmapViewport.tacmap-viewport{
  position:relative!important;
  width:min(92vw, calc(100vh - 180px), 1000px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#05070a!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#tacmapViewport.tacmap-observer-viewport:active,
#tacmapViewport.tacmap-viewport:active{cursor:grabbing!important;}
#tacmapPlane.tacmap-observer-plane{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:1000px!important;
  max-height:1000px!important;
  transform-origin:0 0!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition:transform .04s linear!important;
  overflow:hidden!important;
  background:#05070a!important;
}
#tacmapCanvas,
#tacmapGridCanvas,
#tacmapPlane #tacmapPlayers{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:1000px!important;
  max-height:1000px!important;
  display:block!important;
}
#tacmapCanvas{
  z-index:1!important;
  image-rendering:auto!important;
  filter:brightness(.84) contrast(1.05)!important;
  pointer-events:none!important;
}
#tacmapGridCanvas{
  z-index:2!important;
  pointer-events:none!important;
  opacity:.28!important;
}
#tacmapPlane #tacmapPlayers{
  z-index:3!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:800!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player span{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  box-shadow:0 0 8px rgba(0,0,0,.8)!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player.axis span{background:#ef4444!important;}
#tacmapPlane #tacmapPlayers .tacmap-player.allies span{background:#2563eb!important;}
#tacmapPlane #tacmapPlayers .tacmap-player.neutral span{background:#d1d5db!important;}
#tacmapPlane #tacmapPlayers .tacmap-player label{
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  padding:2px 5px!important;
  color:#fff!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tacmapPlane #tacmapPlayers .tacmap-empty{
  position:absolute!important;
  left:500px!important;
  top:500px!important;
  transform:translate(-50%,-50%)!important;
  padding:14px 18px!important;
  border:1px dashed var(--border)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.45)!important;
}

/* WarCRON tacmap v10: observer-style image + generated grid + player layer in one exact 1000x1000 plane. */
#tacmapModal .tacmap-v10-card{
  width:min(96vw,1100px)!important;
  max-width:1100px!important;
}
#tacmapModal .tacmap-v10-header{
  align-items:flex-start!important;
  gap:16px!important;
}
#tacmapModal .tacmap-v10-status{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 10px 0!important;
  color:#9fb4ce!important;
  font-size:12px!important;
}
#tacmapModal .tacmap-v10-status span{
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(15,23,42,.62)!important;
  border-radius:999px!important;
  padding:5px 9px!important;
}
#tacmapViewport.tacmap-v10-viewport,
#tacmapViewport.tacmap-viewport,
#tacmapViewport.tacmap-observer-viewport{
  position:relative!important;
  display:block!important;
  width:min(100%, calc(100vh - 230px), 1000px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:12px!important;
  background:#05070a!important;
  cursor:grab!important;
}
#tacmapViewport.tacmap-v10-viewport:active,
#tacmapViewport.tacmap-viewport:active,
#tacmapViewport.tacmap-observer-viewport:active{cursor:grabbing!important;}
#tacmapPlane.tacmap-v10-plane,
#tacmapPlane.tacmap-observer-plane{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  transform-origin:0 0!important;
  transition:transform .035s linear!important;
  overflow:hidden!important;
  background:#05070a!important;
}
#tacmapPlane #tacmapCanvas,
#tacmapPlane #tacmapGridCanvas,
#tacmapPlane #tacmapPlayers{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:none!important;
  max-height:none!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  transform-origin:0 0!important;
  border:0!important;
}
#tacmapPlane #tacmapCanvas{
  z-index:1!important;
  display:block!important;
  image-rendering:auto!important;
  filter:brightness(.86) contrast(1.05)!important;
}
#tacmapPlane #tacmapGridCanvas{
  z-index:2!important;
  pointer-events:none!important;
}
#tacmapPlane #tacmapPlayers{
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:800!important;
  z-index:5!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player span{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  box-shadow:0 0 8px rgba(0,0,0,.85)!important;
  box-sizing:border-box!important;
}
#tacmapPlane #tacmapPlayers .tacmap-player.axis span{background:#ef4444!important;}
#tacmapPlane #tacmapPlayers .tacmap-player.allies span{background:#2563eb!important;}
#tacmapPlane #tacmapPlayers .tacmap-player.neutral span{background:#d1d5db!important;}
#tacmapPlane #tacmapPlayers .tacmap-player label{
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  padding:2px 5px!important;
  color:#fff!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#tacmapPlane #tacmapPlayers .tacmap-empty{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  padding:14px 18px!important;
  border:1px dashed rgba(148,163,184,.4)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.55)!important;
}


/* WarCRON tacmap v11: image element + svg overlay, no canvas cropping */
#tacmapModal .tacmap-modal-card{
  width:min(calc(100vw - 64px), 1160px)!important;
  max-width:1160px!important;
  max-height:92vh!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
#tacmapViewport.tacmap-v11-viewport,
#tacmapViewport.tacmap-v10-viewport,
#tacmapViewport.tacmap-v9-viewport,
#tacmapViewport.tacmap-observer-viewport{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(calc(100% - 4px), calc(100vh - 260px), 1000px)!important;
  height:min(calc(100% - 4px), calc(100vh - 260px), 1000px)!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#tacmapPlane.tacmap-v11-plane,
#tacmapPlane.tacmap-v10-plane,
#tacmapPlane.tacmap-v9-plane,
#tacmapPlane.tacmap-observer-plane{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  transform-origin:0 0!important;
  overflow:hidden!important;
  background:#05070a!important;
}
#tacmapBaseImage,
#tacmapGridSvg,
#tacmapPlane #tacmapPlayers{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#tacmapBaseImage{
  z-index:1!important;
  object-fit:fill!important;
  image-rendering:auto!important;
  filter:brightness(.92) contrast(1.03)!important;
}
#tacmapGridSvg{z-index:2!important; overflow:visible!important; pointer-events:none!important;}
#tacmapPlane #tacmapPlayers{z-index:3!important; overflow:hidden!important; pointer-events:none!important;}

/* WarCRON tacmap v12: JS-sized square viewport. Prevents bottom/right clipping. */
#tacmapModal .tacmap-modal-card{
  width:min(calc(100vw - 48px), 1180px)!important;
  height:min(calc(100vh - 48px), 1180px)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}
#tacmapModal .modal-title-row,
#tacmapModal .tacmap-v10-status,
#tacmapModal .tacmap-v9-status{
  flex:0 0 auto!important;
}
#tacmapViewport.tacmap-v11-viewport,
#tacmapViewport.tacmap-v10-viewport,
#tacmapViewport.tacmap-v9-viewport,
#tacmapViewport.tacmap-observer-viewport,
#tacmapViewport.tacmap-viewport{
  flex:0 0 auto!important;
  position:relative!important;
  display:block!important;
  width:640px;
  height:640px;
  max-width:1000px!important;
  max-height:1000px!important;
  min-width:260px!important;
  min-height:260px!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:12px!important;
  background:#05070a!important;
}
#tacmapPlane.tacmap-v11-plane,
#tacmapPlane.tacmap-v10-plane,
#tacmapPlane.tacmap-v9-plane,
#tacmapPlane.tacmap-observer-plane{
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  transform-origin:0 0!important;
  overflow:hidden!important;
}
#tacmapBaseImage,
#tacmapGridSvg,
#tacmapPlane #tacmapPlayers{
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:none!important;
  max-height:none!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  display:block!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#tacmapBaseImage{object-fit:fill!important; z-index:1!important;}
#tacmapGridSvg{z-index:2!important; pointer-events:none!important; overflow:visible!important;}
#tacmapPlane #tacmapPlayers{z-index:3!important; pointer-events:none!important; overflow:hidden!important;}


/* WarCRON tacmap v13 */
#tacmapModal .tacmap-modal-card{
  max-height:92vh!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
#tacmapViewport.tacmap-v11-viewport,
#tacmapViewport.tacmap-v10-viewport,
#tacmapViewport.tacmap-v9-viewport,
#tacmapViewport.tacmap-observer-viewport,
#tacmapViewport.tacmap-viewport{
  width:640px;
  height:640px;
  max-width:min(calc(100vw - 120px), 1000px)!important;
  max-height:min(calc(100vh - 280px), 1000px)!important;
  margin:0 auto 8px auto!important;
  overflow:hidden!important;
}
#tacmapPlane.tacmap-v11-plane,
#tacmapPlane.tacmap-v10-plane,
#tacmapPlane.tacmap-v9-plane,
#tacmapPlane.tacmap-observer-plane{
  background:#05070a!important;
}
#tacmapBaseImage{object-fit:fill!important; object-position:top left!important; z-index:1!important;}
#tacmapGridSvg{z-index:2!important; pointer-events:none!important; overflow:hidden!important;}
#tacmapPlane #tacmapPlayers{z-index:3!important; pointer-events:none!important; overflow:hidden!important;}


/* WarCRON tacmap v14: fixed 10x10 observer grid and popup sizing. */
#tacmapModal .tacmap-modal-card{
  width:min(calc(100vw - 48px), 1180px)!important;
  max-width:none!important;
  max-height:calc(100vh - 48px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}
#tacmapModal .modal-title-row,
#tacmapModal .tacmap-v10-header,
#tacmapModal .tacmap-v10-status{
  flex:0 0 auto!important;
}
#tacmapViewport.tacmap-v11-viewport,
#tacmapViewport.tacmap-v10-viewport,
#tacmapViewport.tacmap-v9-viewport,
#tacmapViewport.tacmap-observer-viewport,
#tacmapViewport.tacmap-viewport{
  flex:0 0 auto!important;
  width:var(--tacmap-size, 640px)!important;
  height:var(--tacmap-size, 640px)!important;
  min-width:260px!important;
  min-height:260px!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:12px!important;
  background:#05070a!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#tacmapPlane.tacmap-v11-plane,
#tacmapPlane.tacmap-v10-plane,
#tacmapPlane.tacmap-v9-plane,
#tacmapPlane.tacmap-observer-plane{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:none!important;
  max-height:none!important;
  transform-origin:0 0!important;
  overflow:hidden!important;
  background:#05070a!important;
}
#tacmapBaseImage,
#tacmapGridSvg,
#tacmapPlane #tacmapPlayers{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  max-width:none!important;
  max-height:none!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  display:block!important;
}
#tacmapBaseImage{
  object-fit:fill!important;
  object-position:top left!important;
  z-index:1!important;
}
#tacmapGridSvg{
  z-index:2!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#tacmapPlane #tacmapPlayers{
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

/* v26 module cards and global list paging */
.module-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 12px 0 16px;
}
.module-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel2);
  cursor: pointer;
}
.module-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.module-card strong { display: block; margin-bottom: 4px; }
.module-card small, .module-card p { color: var(--muted); }
.module-card p { margin: 0; line-height: 1.45; }
.module-card input[type="checkbox"] { margin-top: 2px; }

.list-filter-panel { margin-bottom: 14px; }
.list-filter-form {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(140px, .7fr)) auto;
  gap: 12px;
  align-items: end;
}
.list-filter-form label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 13px; }
.list-filter-actions { display: flex; gap: 8px; align-items: center; }
.pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.pager-links { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.pager .button.active { background: var(--accent); color: #fff; }
.pager-summary { color: var(--muted); }

.player-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 14px;
}
.player-card {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: var(--shadow-soft, none);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.player-card-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.player-name-button {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--text);
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
}
.player-name-button:hover { color: var(--accent); text-decoration: underline; }
.status-pill.online { color: #5cc98a; }
.status-pill.offline { color: var(--muted); }
.player-card-meta { display: grid; gap: 4px; color: var(--muted); min-width: 0; }
.player-card-meta code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.player-stat-grid, .player-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.player-stat-grid div, .player-detail-grid div {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 12px;
  padding: 10px;
  min-width: 0;
}
.player-stat-grid span, .player-detail-grid span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 3px; }
.player-stat-grid strong, .player-detail-grid strong { display: block; overflow-wrap: anywhere; }
.player-card-actions { margin-top: auto; }
.player-details-card h3 { margin-top: 18px; }
.associated-log-list { display: grid; gap: 8px; }
.associated-log-row {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 12px;
  padding: 10px;
}
.associated-log-row span { color: var(--muted); font-size: 12px; }
.associated-log-row strong { margin-left: 8px; }
.associated-log-row p { margin: 6px 0 0; overflow-wrap: anywhere; }
.player-details-card pre { white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .list-filter-form { grid-template-columns: 1fr 1fr; }
  .list-filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .list-filter-form, .player-stat-grid, .player-detail-grid { grid-template-columns: 1fr; }
}

/* v27 UI cleanup */
.module-card-top { align-items: center; }
.module-card-top > span:first-child { min-width: 0; flex: 1 1 auto; }
.module-card input[type="checkbox"] { margin-left: auto; flex: 0 0 auto; align-self: center; }
.vip-player-name { color: #ffd27f !important; }
.vip-player-name:hover { color: #ffe3a8 !important; }
.player-card-compact-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.player-associated-console { max-height: 320px; margin-top: 8px; }
.player-associated-console .console-log-line { align-items: flex-start; }
.rich-editor-wrap { display: grid; gap: 0; }
.rich-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  background: var(--panel2);
}
.rich-editor-toolbar button {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 8px;
  font-size: 13px;
}
.rich-editor-wrap textarea {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  min-height: 180px;
}
.legal-toggle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 6px;
}


/* v28 module card checkbox fix */
.module-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  width: 100%;
}
.module-card-top > span:first-child {
  min-width: 0;
  max-width: none;
}
.module-card input[type="checkbox"] {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  justify-self: end !important;
  align-self: start !important;
  flex: 0 0 auto !important;
  accent-color: #2f8cff;
}

/* v29 footer legal visibility hardening */
.site-footer [hidden] { display: none !important; }
.service-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.service-card { border: 1px solid rgba(105, 147, 195, .28); border-radius: 16px; padding: 16px; background: rgba(17, 32, 47, .72); }
.service-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 10px; }
.service-card-head h3 { margin: 0 0 4px; }
.service-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.status-pill { border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 800; background: rgba(148, 163, 184, .15); color: #cbd5e1; }
.status-pill.online { background: rgba(34, 197, 94, .18); color: #86efac; }
.status-pill.offline { background: rgba(239, 68, 68, .14); color: #fecaca; }


/* v30 Supreme Admin services layout fix */
.admin-tabs {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}
.admin-tabs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  min-width: auto !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
.supreme-services-panel {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.service-card-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.service-card {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.service-card-head {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.service-card-title {
  min-width: 0 !important;
}
.service-card-title h3,
.service-card-title code {
  overflow-wrap: anywhere !important;
}
.service-actions {
  margin-top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.site-footer [data-footer-legal-slot]:empty {
  display: none !important;
}

/* v31 worker action disabled states */
button:disabled,
button[aria-disabled="true"] {
  opacity: .45;
  filter: grayscale(.65);
  cursor: not-allowed;
  pointer-events: none;
}
.ban-limit-reached,
button.ban-limit-reached:disabled {
  background:linear-gradient(135deg,#64748b,#475569) !important;
  border-color:#64748b !important;
  color:#dbe4ee !important;
  box-shadow:none !important;
  opacity:.62 !important;
  filter:grayscale(1) !important;
}
.ban-form-error {
  margin:4px 0 0;
  padding:10px 12px;
  border:1px solid rgba(239,68,68,.42);
  border-radius:9px;
  background:rgba(127,29,29,.18);
}
.inline-action-form {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.inline-action-form input {
  min-width: 160px;
}
button.warning {
  background: #d9a441;
  border-color: #e2b653;
  color: #101823;
}

/* WARCRON v32 report/ticket cleanup */
.report-action-row,
.ticket-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.report-action-row form,
.ticket-actions form { margin:0; display:inline-flex; }
.chat-report-actions { min-width: 260px; }
.chat-report-actions input { display:none; }
.small-modal-card { max-width: 520px; }
.small-modal-card textarea { width:100%; resize:vertical; }
.player-ticket-list { display:grid; gap:14px; }
.player-ticket-card {
  background: rgba(13, 28, 41, .82);
  border: 1px solid rgba(130, 167, 207, .23);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08) inset;
}
.player-ticket-card.severity-high { border-left: 4px solid #ff4d58; }
.player-ticket-card.severity-medium { border-left: 4px solid #f4c542; }
.player-ticket-card.severity-low { border-left: 4px solid #2e89ff; }
.ticket-head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:14px;
}
.ticket-title-row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ticket-severity { font-weight:800; letter-spacing:.06em; color:#9fc5f2; font-size:.82rem; }
.ticket-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.ticket-grid > div {
  background: rgba(3, 12, 22, .3);
  border: 1px solid rgba(130, 167, 207, .12);
  border-radius: 12px;
  padding: 10px;
}
.ticket-grid label {
  display:block;
  color:#8fb0d3;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:4px;
}
.ticket-grid code { display:block; margin-top:3px; word-break:break-all; }
.ticket-grid p { margin:.2rem 0 0; }
@media (max-width: 900px) { .ticket-grid { grid-template-columns: 1fr; } }


/* WARCRON v33 report action cleanup */
.chat-reports-table th:last-child,
.chat-reports-table td:last-child { width: 260px; min-width: 260px; }
.chat-report-actions { min-width: 260px !important; white-space: normal; }
.chat-report-actions .report-action-row { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; }
.chat-report-actions .report-action-row form { margin:0 !important; display:inline-flex !important; }
.chat-report-actions .report-action-row button { white-space:nowrap; }
.ticket-actions button[disabled],
.report-action-row button[disabled] { opacity:.45; cursor:not-allowed; filter:grayscale(1); }
.ticket-error { margin-top:8px !important; color:#ffb4b4; font-weight:700; }
.ticket-grid small.muted { display:block; margin-top:6px; }

/* WARCRON v34 ticket details + report action visibility */
.ticket-detail-modal-card { max-width: 780px; }
.ticket-detail-stack { display:grid; gap:12px; }
.ticket-detail-stack label {
  display:block;
  color:#8fb0d3;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:5px;
}
.ticket-detail-stack pre {
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  max-height:220px;
  overflow:auto;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(130,167,207,.18);
  background:rgba(3,12,22,.72);
  color:#cfe3ff;
}
.ticket-actions { justify-content:flex-start; }
.ticket-actions > button,
.ticket-actions > form { align-self:center; }

/* WarCRON v37 observer tacmap integration. Unique classes avoid the removed legacy tacmap CSS. */
.observer-tacmap-card{
  width:min(calc(100vw - 42px), 1180px)!important;
  max-width:1180px!important;
  max-height:calc(100vh - 42px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.observer-tacmap-title-row{align-items:flex-start!important;gap:18px!important;}
.observer-tacmap-title-row h2{margin:0 0 4px 0!important;}
.observer-tacmap-title-row p{margin:0!important;}
.observer-tacmap-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.observer-tacmap-tools button{min-width:38px;padding:8px 12px;}
.observer-tacmap-status{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;}
.observer-tacmap-status span{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.54);border-radius:999px;padding:5px 9px;}
.observer-tacmap-viewport{
  position:relative!important;
  width:var(--observer-tacmap-size, min(calc(100vw - 96px), calc(100vh - 245px), 1000px))!important;
  height:var(--observer-tacmap-size, min(calc(100vw - 96px), calc(100vh - 245px), 1000px))!important;
  min-width:300px!important;
  min-height:300px!important;
  max-width:1000px!important;
  max-height:1000px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#05070a!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:14px!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
.observer-tacmap-viewport:active{cursor:grabbing!important;}
.observer-tacmap-plane{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  transform-origin:0 0!important;
  overflow:hidden!important;
  background:#05070a!important;
  will-change:transform;
}
#observerTacmapImage,
#observerTacmapGrid,
#observerTacmapPath,
#observerTacmapPlayers{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  min-width:1000px!important;
  min-height:1000px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  display:block!important;
}
#observerTacmapImage{z-index:1!important;object-fit:fill!important;object-position:top left!important;filter:brightness(.88) contrast(1.04)!important;pointer-events:none!important;}
#observerTacmapGrid{z-index:2!important;pointer-events:none!important;overflow:hidden!important;}
#observerTacmapPath{z-index:3!important;pointer-events:none!important;overflow:hidden!important;}
#observerTacmapGrid line{stroke:rgba(203,213,225,.26);stroke-width:1;vector-effect:non-scaling-stroke;}
#observerTacmapGrid line.major{stroke:rgba(203,213,225,.48);stroke-width:1.5;}
#observerTacmapGrid text{font:700 18px system-ui,Segoe UI,sans-serif;fill:rgba(226,232,240,.75);paint-order:stroke;stroke:#020617;stroke-width:3px;}
#observerTacmapPlayers{z-index:4!important;pointer-events:none!important;overflow:hidden!important;}
.observer-tacmap-player{
  position:absolute!important;
  transform:translate(-5px,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:800!important;
}
.observer-tacmap-player span{width:10px!important;height:10px!important;min-width:10px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 8px rgba(0,0,0,.85)!important;box-sizing:border-box!important;}
.observer-tacmap-player.axis span{background:#ef4444!important;}
.observer-tacmap-player.allies span{background:#2563eb!important;}
.observer-tacmap-player.neutral span{background:#d1d5db!important;}
.observer-tacmap-player label{background:rgba(0,0,0,.64)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:6px!important;padding:2px 5px!important;color:#fff!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.observer-tacmap-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;padding:14px 18px;border:1px dashed rgba(148,163,184,.42);border-radius:12px;background:rgba(0,0,0,.58);color:var(--muted);text-align:center;pointer-events:none;}
.observer-tacmap-help{margin:0!important;text-align:center;font-size:12px!important;}
@media (max-width: 700px){
  .observer-tacmap-card{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;}
  .observer-tacmap-title-row{flex-direction:column!important;}
  .observer-tacmap-viewport{width:calc(100vw - 50px)!important;height:calc(100vw - 50px)!important;min-width:260px!important;min-height:260px!important;}
}

/* v50 module settings + multi-action chat commands */
.module-settings-button {
  align-self: flex-start;
  margin-top: auto;
}
.switch-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-weight: 700;
  white-space: nowrap;
}
.chat-action-grid {
  margin-top: 6px;
}
.chat-action-grid .check-row {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel2);
}

/* Arma Reforger server type layout */
.server-type-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.arma-hero{border:1px solid var(--line);border-radius:22px;padding:28px;margin-bottom:18px;background:radial-gradient(circle at 82% 20%,rgba(80,115,72,.35),transparent 32%),linear-gradient(135deg,rgba(12,22,15,.96),rgba(20,35,25,.88));box-shadow:var(--shadow);overflow:hidden;position:relative}.arma-hero:after{content:"";position:absolute;inset:auto -90px -120px auto;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.arma-hero-main{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1}.arma-hero h1{margin:10px 0 6px;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:.02em}.arma-hero p{margin:4px 0}.arma-hero-mark{width:108px;height:108px;border-radius:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.22);font-weight:900;font-size:2.1rem;letter-spacing:.05em}.arma-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px}.arma-command-card,.arma-log-card{grid-column:1 / -1}.arma-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.arma-status-grid div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.arma-status-grid span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:4px}.arma-status-grid strong{font-size:1rem;word-break:break-word}.arma-side-card .big-number{font-size:3.2rem;font-weight:900;line-height:1}.arma-player-list{display:grid;gap:8px}.arma-player-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.arma-player-row code{max-width:50%;overflow:hidden;text-overflow:ellipsis}.arma-console{max-height:360px}@media(max-width:900px){.arma-overview-grid{grid-template-columns:1fr}.arma-status-grid{grid-template-columns:1fr}.arma-hero-main{align-items:flex-start}.arma-hero-mark{display:none}}

.ban-proof-drop{display:flex;align-items:center;justify-content:center;min-height:92px;border:1px dashed rgba(157,184,214,.55);border-radius:14px;background:rgba(255,255,255,.035);padding:14px;text-align:center;cursor:pointer}
.ban-proof-drop input{display:none}
.ban-proof-drop span{color:#9db8d6;font-weight:700}
.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

/* Public Ban-List */
.public-bans-body {
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
}
.public-bans-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px;
  display: grid;
  gap: 18px;
}
.public-bans-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: 20px;
  box-shadow: var(--shadow-soft, none);
}
.public-bans-topbar h1 {
  margin: 4px 0 6px;
  font-size: clamp(28px, 4vw, 46px);
  letter-spacing: -0.04em;
}
.public-bans-topbar p { margin: 0; color: var(--muted); }
.public-bans-filter { margin: 0; }
.public-ban-card-grid { align-items: stretch; }

.public-ban-card-header {
  align-items: flex-start;
}
.public-ban-card-header h2 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.public-ban-card-header .status-pill {
  flex: 0 0 auto;
  margin-left: auto;
}

.public-ban-card h2 {
  margin: 0 0 6px;
  font-size: 18px;
  overflow-wrap: anywhere;
}
.evidence-pill { color: #ffd27f; }
.public-ban-reason {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 12px;
  padding: 10px;
}
.public-ban-reason span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.public-ban-reason p {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.public-empty-card { grid-column: 1 / -1; }
.public-ban-detail-card { display: grid; gap: 18px; }
.public-ban-detail-section {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 16px;
  padding: 16px;
}
.public-ban-detail-section h2 { margin: 0 0 10px; }
.public-ban-detail-section p { overflow-wrap: anywhere; }
.public-ban-evidence-media {
  display: block;
  max-width: 100%;
  max-height: 70vh;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #000;
}
@media (max-width: 760px) {
  .public-bans-shell { padding: 14px; }
  .public-bans-topbar { flex-direction: column; }
  .public-topbar-right { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
}

/* v52.6 Admin Logs */
.admin-log-dashboard-card { grid-area:adminlogs; }
.admin-log-scroll { max-height: 430px; overflow: auto; display: grid; gap: 10px; padding-right: 4px; }
.admin-log-row-card { border: 1px solid var(--line); background: var(--panel2); border-radius: 14px; padding: 12px; display: grid; gap: 8px; }
.admin-log-row-top, .admin-log-row-meta { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.admin-log-row-top span, .admin-log-row-meta span { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.admin-log-row-card pre { margin: 0; max-height: 150px; font-size: 12px; box-shadow: none; }
.admin-log-card-grid { margin-top: 14px; }
.admin-log-detail-card h2 { margin: 0 0 8px; }
.admin-log-payload { display: grid; gap: 6px; }
.admin-log-payload > span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.admin-log-payload pre { margin: 0; max-height: 260px; font-size: 12px; }
.admin-log-filter-form { grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(140px, .7fr)) auto; }
@media(max-width: 900px){ .admin-log-row-top, .admin-log-row-meta { align-items: flex-start; flex-direction: column; } .admin-log-filter-form { grid-template-columns: 1fr 1fr; } }
@media(max-width: 560px){ .admin-log-filter-form { grid-template-columns: 1fr; } }

/* v52.7 Admin Logs compact cards */
.admin-log-dashboard-card { grid-area:adminlogs; grid-column:auto !important; }
.admin-log-scroll { max-height:300px; }
.admin-log-row-card pre { display:none; }
.admin-log-row-card { gap:10px; }
.admin-log-row-actions { display:flex; justify-content:flex-end; }
.admin-log-row-top strong,
.admin-log-detail-card h2 { overflow-wrap:anywhere; }
.admin-log-row-meta b { color:var(--muted); font-weight:800; }
.admin-log-modal-card { display:grid; gap:14px; }
.admin-log-modal-card .admin-log-payload pre { max-height:55vh; }
.admin-log-detail-card .player-card-header { align-items:flex-start; gap:12px; }
.admin-log-detail-card .player-card-header .compact-button { margin-left:auto; }
@media(max-width:1100px){ .admin-log-dashboard-card { grid-area:adminlogs; grid-column:auto !important; } }

/* v52.17 Supreme Admin security tabs */
.security-log-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 14px;
  align-items: start;
}
.security-log-card {
  border: 1px solid var(--line);
  background: var(--panel2);
  border-radius: 16px;
  padding: 16px;
  display: grid;
  gap: 10px;
  min-width: 0;
}
.security-log-card p { margin: 0; overflow-wrap: anywhere; }
.security-log-card pre,
.health-json-details pre { max-height: 320px; overflow: auto; font-size: 12px; }
.compact-dl {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 6px 10px;
  margin: 0;
}
.compact-dl dt { color: var(--muted); font-weight: 800; }
.compact-dl dd { margin: 0; overflow-wrap: anywhere; }
.empty-state { grid-column: 1 / -1; }
.health-json-details { margin-top: 16px; }
@media(max-width: 620px){ .security-log-grid { grid-template-columns: 1fr; } .compact-dl { grid-template-columns: 1fr; } }

/* v52.17 API docs */
.api-docs-grid { display:grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 16px; align-items:start; }
.api-docs-toc { position: sticky; top: 88px; }
.api-docs-toc nav { display:grid; gap:8px; }
.api-scope-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap:10px; }
.api-example-card { border:1px solid var(--line); background:var(--panel2); border-radius:16px; padding:16px; display:grid; gap:10px; margin: 0 0 14px; }
.api-example-card h3 { margin:0; }
.api-example-card pre { margin:0; max-height:420px; overflow:auto; font-size:12px; }
.api-endpoint-table td, .api-endpoint-table th { vertical-align: top; }
.api-method { display:inline-flex; min-width:54px; justify-content:center; border-radius:999px; padding:3px 8px; font-weight:900; font-size:12px; background:rgba(59,130,246,.16); color:#bfdbfe; }
@media(max-width: 980px){ .api-docs-grid { grid-template-columns: 1fr; } .api-docs-toc { position: static; } }

/* v52.18 shared page headers + API documentation spacing/design */
.hero-card {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent2) 32%, transparent), transparent 34%),
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 36%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--panel) 78%, var(--accent) 22%),
      color-mix(in srgb, var(--panel) 88%, var(--bg2) 12%) 58%,
      color-mix(in srgb, var(--panel) 72%, var(--bg) 28%)
    );
  box-shadow: 0 20px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.055), transparent 34%, rgba(255,255,255,.035));
  opacity: .9;
}
.hero-card::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -145px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--accent2) 28%, transparent);
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 66%);
  pointer-events: none;
}
.hero-card > * { position: relative; z-index: 1; }
.hero-card h1 { letter-spacing: -.02em; }
.hero-card p { max-width: 980px; line-height: 1.55; }
body.theme-light .hero-card {
  background:
    radial-gradient(circle at 86% 18%, rgba(96,165,250,.32), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.14), transparent 36%),
    linear-gradient(135deg, #ffffff, #eef5ff 58%, #f8fbff);
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  box-shadow: 0 16px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.72);
}


.api-docs-page {
  display: grid;
  gap: 20px;
}
.api-docs-page .api-hero-card {
  min-height: 128px;
  align-items: center;
}
.api-docs-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: 20px;
  align-items: start;
}
.api-docs-grid > main {
  display: grid;
  gap: 20px;
  min-width: 0;
}
.api-docs-grid > main > .panel {
  margin-top: 0 !important;
}
.api-docs-page .panel {
  border-radius: 18px;
}
.api-docs-page main > .panel,
.api-docs-page .api-docs-toc {
  padding: 22px;
  background:
    linear-gradient(145deg,
      color-mix(in srgb, var(--panel) 92%, var(--accent) 8%),
      color-mix(in srgb, var(--panel) 96%, var(--bg2) 4%)
    );
}
.api-docs-page .panel h2 {
  margin-bottom: 10px;
}
.api-docs-page .panel h2 + p,
.api-docs-page .panel h2 + .muted {
  margin-top: 0;
}
.api-docs-page .stack-form {
  gap: 12px;
}
.api-docs-page .api-scope-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  margin: 2px 0 4px;
}
.api-docs-page .check-row {
  align-items: flex-start;
  gap: 10px;
  min-height: 76px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel2) 72%, transparent);
}
.api-docs-page .check-row input {
  flex: 0 0 auto;
  margin-top: 3px;
}
.api-docs-page .check-row b {
  color: var(--text);
}
.api-docs-page .check-row small {
  color: var(--muted);
  line-height: 1.35;
}
.api-docs-page form + table,
.api-docs-page p + table,
.api-docs-page .api-endpoint-table,
.api-docs-page #errors table {
  margin-top: 14px;
}
.api-docs-page table {
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: color-mix(in srgb, var(--panel2) 44%, transparent);
}
.api-docs-page th,
.api-docs-page td {
  padding: 12px;
}
.api-docs-page #auth,
.api-docs-page #examples,
.api-docs-page #endpoints,
.api-docs-page #errors {
  display: grid;
  gap: 14px;
}
.api-docs-page #auth > h2,
.api-docs-page #auth > p,
.api-docs-page #examples > h2,
.api-docs-page #examples > p,
.api-docs-page #endpoints > h2,
.api-docs-page #errors > h2,
.api-docs-page #errors > p {
  margin-top: 0;
  margin-bottom: 0;
}
.api-example-card {
  margin: 0;
  border-color: color-mix(in srgb, var(--accent) 20%, var(--line));
  background:
    linear-gradient(145deg,
      color-mix(in srgb, var(--panel2) 78%, var(--accent) 8%),
      color-mix(in srgb, var(--panel2) 94%, var(--bg) 6%)
    );
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.api-example-card h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
.api-example-card h3::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent2);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent2) 16%, transparent);
}
.api-docs-page pre {
  background: color-mix(in srgb, var(--input) 88%, #000 12%);
  border-color: color-mix(in srgb, var(--line) 82%, var(--accent) 18%);
}
.api-docs-toc {
  position: sticky;
  top: 98px;
  display: grid;
  gap: 14px;
  margin: 0;
}
.api-docs-toc h2,
.api-docs-toc h3,
.api-docs-toc p {
  margin-top: 0;
}
.api-docs-toc nav {
  display: grid;
  gap: 8px;
}
.api-docs-toc nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel2) 64%, transparent);
  color: var(--muted);
  font-weight: 700;
}
.api-docs-toc nav a:hover {
  color: #fff;
  background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent2) 78%, var(--accent)));
  border-color: color-mix(in srgb, var(--accent2) 70%, var(--line));
}
.api-docs-toc hr {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--line);
  margin: 0;
}
.api-method {
  background: color-mix(in srgb, var(--accent) 24%, transparent);
  color: color-mix(in srgb, var(--accent2) 68%, var(--text));
  border: 1px solid color-mix(in srgb, var(--accent) 36%, transparent);
}
body.theme-light .api-docs-page main > .panel,
body.theme-light .api-docs-page .api-docs-toc,
body.theme-light .api-example-card {
  background: linear-gradient(145deg, #ffffff, #f5f9ff);
}
body.theme-light .api-docs-page .check-row,
body.theme-light .api-docs-toc nav a,
body.theme-light .api-docs-page table {
  background: #f8fbff;
}
body.theme-light .api-docs-toc nav a:hover {
  color: #fff;
}
@media(max-width: 980px){
  .api-docs-grid { grid-template-columns: 1fr; }
  .api-docs-toc { position: static; }
}
@media(max-width: 680px){
  .hero-card { display: grid; gap: 12px; align-items: start; }
  .api-docs-page main > .panel,
  .api-docs-page .api-docs-toc { padding: 18px; }
}


/* v52.20 API/public ban header corrections */
.api-docs-page .api-hero-card {
  grid-area: auto !important;
  grid-column: 1 / -1;
  order: -1;
  margin: 0;
}
.api-docs-page .api-docs-grid {
  grid-template-columns: minmax(0, 1fr);
}
.api-docs-page .api-docs-grid > main {
  width: 100%;
}
.api-docs-page .api-docs-toc {
  display: none !important;
}
.public-bans-topbar {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent2) 32%, transparent), transparent 34%),
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 36%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--panel) 78%, var(--accent) 22%),
      color-mix(in srgb, var(--panel) 88%, var(--bg2) 12%) 58%,
      color-mix(in srgb, var(--panel) 72%, var(--bg) 28%)
    );
  box-shadow: 0 20px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.public-bans-topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.055), transparent 34%, rgba(255,255,255,.035));
  opacity: .9;
}
.public-bans-topbar::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -145px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--accent2) 28%, transparent);
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 66%);
  pointer-events: none;
}
.public-bans-topbar > * { position: relative; z-index: 1; }
body.theme-light .public-bans-topbar {
  background:
    radial-gradient(circle at 86% 18%, rgba(96,165,250,.32), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.14), transparent 36%),
    linear-gradient(135deg, #ffffff, #eef5ff 58%, #f8fbff);
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  box-shadow: 0 16px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.72);
}



/* WARCRON_V52_26_ARMA_LAYOUT */
.arma-overview-single{grid-template-columns:1fr!important;}
.arma-live-grid{grid-column:1 / -1;display:grid;grid-template-columns:minmax(360px,45%) minmax(420px,55%);gap:18px;align-items:stretch;}
.arma-live-grid .panel{min-width:0;}
.arma-live-grid .arma-console{max-height:680px;}
.arma-player-list code,.overview-player-meta code{font-size:.78rem;word-break:break-all;}
.overview-player-details{display:grid;gap:8px;margin-top:10px;padding:10px;border-top:1px solid var(--line);}
.overview-player-details div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:start;}
.overview-player-details span{color:var(--muted);font-size:.82rem;}
.ban-game-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800;border:1px solid var(--line);background:var(--panel2);white-space:nowrap;}
.ban-game-pill.arma_reforger{background:linear-gradient(135deg,rgba(92,118,71,.26),rgba(45,70,48,.18));border-color:rgba(126,160,97,.38);}
.ban-game-pill.hell_let_loose{background:linear-gradient(135deg,rgba(43,101,180,.24),rgba(13,46,85,.18));border-color:rgba(90,150,220,.38);}
@media(max-width:980px){.arma-live-grid{grid-template-columns:1fr;}.overview-player-details div{grid-template-columns:1fr;}}

/* WARCRON_V52_27_ARMA_ASSOCIATION_FIXES */
.arma-live-grid{grid-template-columns:clamp(260px,16vw,320px) minmax(0,1fr)!important;}
.arma-live-grid .overview-player-card{grid-column:1!important;}
.arma-live-grid .overview-logs-card{grid-column:2!important;}
@media(max-width:980px){.arma-live-grid{grid-template-columns:1fr!important;}.arma-live-grid .overview-player-card,.arma-live-grid .overview-logs-card{grid-column:auto!important;}}
.identity-pill-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;}
.identity-pill-list.compact{margin:0;}
.identity-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--panel2);padding:5px 8px;font-size:.78rem;}
.identity-pill.arma_reforger{background:linear-gradient(135deg,rgba(92,118,71,.24),rgba(45,70,48,.14));border-color:rgba(126,160,97,.34);}
.identity-pill.hell_let_loose{background:linear-gradient(135deg,rgba(43,101,180,.22),rgba(13,46,85,.14));border-color:rgba(90,150,220,.34);}
.identity-pill.minecraft{background:linear-gradient(135deg,rgba(76,175,80,.24),rgba(46,125,50,.14));border-color:rgba(102,187,106,.4);}
.identity-game-label{font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--muted);}
.ban-auto-id-type{border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:10px 12px;color:var(--muted);font-size:.88rem;}
.minecraft-player-stats-card{background:linear-gradient(145deg,rgba(46,125,50,.12),var(--panel) 38%);}
.minecraft-main-metric-card{border-color:rgba(102,187,106,.28);}
.identity-pill code{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;}

/* Minecraft PostgreSQL chat and command console */
.minecraft-overview-grid .overview-live-grid{
  grid-template-columns:minmax(340px,42%) minmax(0,58%)!important;
}
.minecraft-console .console-server{
  color:#7dd3fc;
  flex:0 0 auto;
}
.minecraft-console .console-log-kind-command .console-kind{
  color:#fbbf24;
}
.minecraft-console .console-log-kind-staff .console-kind{
  color:#f87171;
}
.minecraft-console .console-log-kind-clan .console-kind{
  color:#c084fc;
}
.minecraft-console .console-log-kind-chat .console-kind{
  color:#86efac;
}
@media(max-width:980px){
  .minecraft-overview-grid .overview-live-grid{grid-template-columns:1fr!important;}
}
.global-player-card .player-card-meta{display:grid;gap:3px;}
.associated-account-list{display:grid;gap:8px;margin:14px 0;}
.associated-account-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.2fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);}
.associated-account-row code{word-break:break-all;}
@media(max-width:760px){.associated-account-row{grid-template-columns:1fr;}.identity-pill code{max-width:160px;}}
.inline-evidence{margin-top:.25rem;max-width:420px}
.inline-evidence summary{cursor:pointer;color:var(--accent,#6ea8ff)}
.inline-evidence pre{white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.65rem;margin:.4rem 0 0;font-size:.85rem}

/* WARCRON v33 backup and evidence link UI */
.form-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.25rem}.form-title-row label{margin:0}.mini-icon-button{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px}.evidence-link-fields{display:grid;gap:.45rem}.evidence-button-list{display:flex;flex-wrap:wrap;gap:.35rem}.evidence-link-button{padding:.35rem .6rem;font-size:.85rem}.backup-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.backup-warning{border:1px solid rgba(255,193,7,.35);background:rgba(255,193,7,.08);border-radius:12px;padding:.85rem}

/* WARCRON v34 ban evidence field controls */
.evidence-link-row{display:grid;grid-template-columns:minmax(0,1fr) 2rem;gap:.45rem;align-items:center}
.evidence-remove-button:disabled{opacity:.35;cursor:not-allowed}

.account-create-header {
  align-items: flex-start;
  gap: 18px;
}
.existing-user-picker {
  min-width: min(360px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}
.existing-user-picker label,
.existing-user-picker .muted {
  grid-column: 1 / -1;
}
.existing-user-picker input {
  width: 100%;
}
.small-button {
  padding: 9px 12px;
  min-height: auto;
}
.locked-field,
input.locked-field[readonly] {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
  background: color-mix(in srgb, var(--panel2) 84%, var(--accent) 16%);
}
.public-ban-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 10px;
  align-items: stretch;
}
.public-ban-summary-row .player-stat-grid,
.public-ban-summary-row .public-ban-reason {
  height: 100%;
  margin: 0;
}
.public-ban-summary-row .public-ban-reason {
  min-width: 0;
}
@media (max-width: 720px) {
  .account-create-header { flex-direction: column; }
  .existing-user-picker { width: 100%; }
  .public-ban-summary-row { grid-template-columns: 1fr; }
}

/* v39 public bans card spacing + account existing-user picker cleanup */
.existing-user-picker {
  display: grid;
  gap: 6px;
  min-width: min(360px, 100%);
}
.existing-user-picker input[data-existing-user-search] {
  width: 100%;
}
.public-ban-summary-row {
  grid-template-columns: minmax(112px, 0.68fr) minmax(0, 1.32fr);
  align-items: stretch;
}
.public-ban-summary-row .player-card-compact-stats {
  grid-template-columns: 1fr;
  min-width: 0;
}
.public-ban-summary-row .player-card-compact-stats div,
.public-ban-summary-row .public-ban-reason {
  min-height: 82px;
}
.public-ban-summary-row .player-card-compact-stats strong {
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: 13px;
}
.public-ban-reason p {
  min-height: 20px;
}
@media (max-width: 420px) {
  .public-ban-summary-row { grid-template-columns: 1fr; }
}

/* WARCRON v52.42 Player Watcher */
.side-badge,.experimental-badge{display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(89,160,255,.45);background:rgba(37,99,235,.16);color:#bcd7ff;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.sidebar-experimental-link{gap:.45rem;flex-wrap:nowrap;white-space:nowrap}.sidebar-experimental-link .side-badge{margin-left:auto;font-size:.58rem;padding:.08rem .34rem}.eyebrow-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem;color:#a8c4e8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.player-watcher-list{display:grid;gap:1rem}.player-watcher-card .ticket-head{align-items:flex-start}.watcher-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.9rem 0}.watcher-stat-strip>div{border:1px solid rgba(87,126,170,.36);background:rgba(7,22,38,.44);border-radius:12px;padding:.65rem}.watcher-stat-strip label{display:block;color:#8fb2d8;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.watcher-stat-strip strong{font-size:1.05rem}.watcher-evidence{white-space:pre-wrap;max-height:220px;overflow:auto;background:rgba(5,17,30,.65);border:1px solid rgba(87,126,170,.32);border-radius:12px;padding:.75rem}.severity-pill.severity-critical{background:rgba(239,68,68,.22);border-color:rgba(239,68,68,.55);color:#fecaca}.severity-pill.severity-high{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.5);color:#fde68a}.severity-pill.severity-medium{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.48);color:#bfdbfe}.severity-pill.severity-low{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.42);color:#bbf7d0}@media(max-width:800px){.watcher-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

.watcher-brain-button{margin-top:.75rem}.watcher-brain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}.watcher-brain-grid>div{border:1px solid rgba(87,126,170,.34);background:rgba(7,22,38,.5);border-radius:12px;padding:.85rem}.watcher-brain-grid label{display:block;color:#8fb2d8;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.watcher-brain-grid p{margin:0;color:#d7e7fb;line-height:1.45}@media(max-width:800px){.watcher-brain-grid{grid-template-columns:1fr}.sidebar-experimental-link .side-badge{margin-left:.15rem}}

/* WARCRON v52.42 Player Watcher live model + sidebar counts */
.side-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.15rem;padding:0 .34rem;border-radius:999px;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.42);color:#fecaca;font-size:.62rem;font-weight:900;line-height:1;letter-spacing:.02em}
.sidebar-experimental-link .side-badge{margin-left:.15rem}.sidebar-experimental-link .side-count{margin-left:auto}.side-nav a>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-watcher-hero-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.player-watcher-hero-copy{min-width:0}.player-watcher-hero-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.player-watcher-hero-actions .watcher-brain-button{margin-top:0;white-space:nowrap}
.watcher-brain-live{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.5fr);gap:1rem;margin-top:1rem}.watcher-brain-model-card,.watcher-live-card{border:1px solid rgba(87,126,170,.34);background:rgba(7,22,38,.5);border-radius:12px;padding:.9rem}.watcher-brain-model-card label,.watcher-live-card label{display:block;color:#8fb2d8;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.watcher-brain-model-card p{margin:0;color:#d7e7fb;line-height:1.45}.watcher-live-card ol{margin:.2rem 0 0 1.15rem;padding:0;display:grid;gap:.45rem;max-height:360px;overflow:auto}.watcher-live-card li{color:#d7e7fb;line-height:1.35}.watcher-live-card li .watcher-live-time{display:block;color:#8fb2d8;font-size:.72rem;font-weight:800;margin-bottom:.08rem}
@media(max-width:800px){.player-watcher-hero-row{align-items:flex-start;flex-direction:column}.player-watcher-hero-actions{width:100%;justify-content:flex-start}.watcher-brain-live{grid-template-columns:1fr}}

/* WARCRON v52.43 sidebar open-count badge fix */
.side-nav a { min-width:0; }
.side-nav-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-count{
  flex:0 0 auto;
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.35rem;
  height:1.15rem;
  padding:0 .34rem;
  border-radius:999px;
  background:rgba(239,68,68,.14);
  border:1px solid rgba(239,68,68,.50);
  color:#ef4444;
  font-size:.62rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
}
.sidebar-experimental-link .side-badge{flex:0 0 auto;margin-left:.15rem;}
.sidebar-experimental-link .side-count{margin-left:auto;}

/* WARCRON v52.44 design-only login and topbar pager update */
.topbar-page-pager {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.topbar-page-title {
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1;
  font-size: 20px;
}
.page-route {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  text-transform: none;
  letter-spacing: .04em;
  font-size: 12px;
  color: var(--muted);
}
.page-route span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-route-arrow {
  flex: 0 0 auto;
  color: var(--accent2);
  font-size: 16px;
  line-height: 1;
  transform: translateY(-1px);
}


.login-body {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 22% 18%, rgba(84,176,253,.22), transparent 30%),
    radial-gradient(circle at 78% 82%, rgba(94,184,246,.18), transparent 34%),
    linear-gradient(135deg, #06111f 0%, #0a2340 45%, #03101d 100%);
}
.login-body::before,
.login-body::after {
  content: "";
  position: fixed;
  inset: -22%;
  pointer-events: none;
  z-index: 0;
}
.login-body::before {
  background: linear-gradient(115deg, rgba(46,137,255,.20), transparent 28%, rgba(94,176,255,.15), transparent 62%, rgba(245,237,232,.10));
  filter: blur(28px);
  animation: loginGradientFlow 10s ease-in-out infinite alternate;
}
.login-body::after {
  background-image:
    radial-gradient(circle, rgba(255,255,255,.18) 0 1px, transparent 1.6px),
    linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.06) 49%, transparent 52%);
  background-size: 82px 82px, 240% 240%;
  opacity: .34;
  animation: loginAmbientDrift 18s linear infinite;
}
.login-card {
  position: relative;
  z-index: 1;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  backdrop-filter: blur(18px);
  animation: loginCardReveal .55s ease-out both;
}
.login-card-wide { grid-template-columns: minmax(300px, .95fr) minmax(360px, 1.05fr); }
.login-art {
  position: relative;
  min-height: 460px;
  background-color: #03070d;
  background-image: url('/static/loginimage.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
  isolation: isolate;
}
.login-art::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 62% 38%, rgba(255,184,125,.20), transparent 28%),
    linear-gradient(90deg, rgba(3,7,13,.58), transparent 34%, rgba(3,7,13,.25));
  z-index: 1;
}
.login-art::after {
  content: "";
  position: absolute;
  inset: -20% -80%;
  background: linear-gradient(110deg, transparent 42%, rgba(255,255,255,.16) 50%, transparent 58%);
  transform: translateX(-55%);
  animation: loginImageSweep 6.5s ease-in-out infinite;
  z-index: 2;
}
.login-art-glow {
  position: absolute;
  width: 180px;
  height: 180px;
  right: 8%;
  top: 28%;
  border-radius: 999px;
  background: rgba(255,126,67,.18);
  filter: blur(20px);
  animation: loginGlowPulse 3.8s ease-in-out infinite;
  z-index: 1;
}
.login-form {
  position: relative;
  text-align: center;
  align-items: center;
  gap: 14px;
  background:
    radial-gradient(circle at 50% 16%, rgba(46,137,255,.08), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent);
}
.login-form h1 {
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -.02em;
}
.login-form .muted {
  max-width: 360px;
  margin: 0 0 10px;
  line-height: 1.5;
}
.login-form .button.primary {
  position: relative;
  overflow: hidden;
  min-width: 220px;
  box-shadow: 0 14px 28px rgba(46,137,255,.24);
}
@keyframes loginGradientFlow {
  0% { transform: translate3d(-2%, -1%, 0) rotate(0deg) scale(1); }
  100% { transform: translate3d(2%, 1%, 0) rotate(4deg) scale(1.03); }
}
@keyframes loginAmbientDrift {
  0% { background-position: 0 0, 0% 50%; }
  100% { background-position: 82px 82px, 100% 50%; }
}
@keyframes loginImageSweep {
  0%, 42% { transform: translateX(-55%); opacity: 0; }
  52% { opacity: .9; }
  66%, 100% { transform: translateX(55%); opacity: 0; }
}
@keyframes loginGlowPulse {
  0%, 100% { opacity: .45; transform: scale(.92); }
  50% { opacity: .9; transform: scale(1.08); }
}
@keyframes loginCardReveal {
  from { opacity: 0; filter: blur(4px); }
  to { opacity: 1; filter: blur(0); }
}
@media (max-width: 760px) {
  .topbar-page-title { font-size: 16px; }
  .page-route { gap: 6px; font-size: 11px; }
  .login-card,
  .login-card-wide { width: min(94vw, 460px); grid-template-columns: 1fr; }
  .login-art { min-height: 230px; }
  .login-form { padding: 34px 26px; }
}


/* WARCRON v52.45 design-only login/public background and spacing fixes */
.login-body,
.public-stats-body,
.public-bans-body {
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 22% 18%, rgba(84,176,253,.22), transparent 30%),
    radial-gradient(circle at 78% 82%, rgba(94,184,246,.18), transparent 34%),
    linear-gradient(135deg, #06111f 0%, #0a2340 45%, #03101d 100%) !important;
}
.login-body { overflow: hidden; }
.public-stats-
.public-stats-body.theme-light,
body.theme-light.public-bans-body {
  background:
    radial-gradient(circle at 22% 18%, rgba(37,99,235,.18), transparent 30%),
    radial-gradient(circle at 78% 82%, rgba(96,165,250,.16), transparent 34%),
    linear-gradient(135deg, #eef6ff 0%, #dcecff 48%, #f8fbff 100%) !important;
}
.login-body::before,
.public-stats-body::before,
.public-bans-body::before {
  content: "";
  position: fixed;
  inset: -22%;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(115deg, rgba(46,137,255,.20), transparent 28%, rgba(94,176,255,.15), transparent 62%, rgba(245,237,232,.10));
  filter: blur(28px);
  animation: loginGradientFlow 10s ease-in-out infinite alternate;
}
.login-body::after,
.public-stats-body::after,
.public-bans-body::after {
  content: none !important;
  display: none !important;
}
.public-stats-shell,
.public-bans-shell {
  position: relative;
  z-index: 1;
}
.public-stats-body.theme-dark .public-stats-shell {
  background: linear-gradient(90deg, rgba(0,0,0,.34), rgba(0,0,0,.84) 17%, rgba(0,0,0,.90)) !important;
}
.public-stats-
.public-stats-body.theme-light .public-stats-shell {
  background: linear-gradient(90deg, rgba(255,255,255,.46), rgba(244,248,253,.82) 17%, rgba(244,248,253,.92)) !important;
}
.login-art {
  background-color: #07111f !important;
  background-size: cover !important;
  background-position: center center !important;
}
.login-art::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
.login-art-glow { display: none !important; }
.list-filter-actions button,
.list-filter-actions .button,
.filters-row > button,
.filters-row > .button {
  min-height: 40px;
  height: 40px;
  padding: 0 13px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-weight: 700;
  white-space: nowrap;
}
.filters-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(140px, .7fr)) auto auto;
  gap: 12px;
  align-items: end;
}
.filters-row label { display: block; color: var(--muted); font-size: 13px; }
.player-watcher-list {
  gap: 20px !important;
  align-items: start;
}
.player-watcher-card {
  margin: 0 !important;
  overflow: hidden;
}
.player-watcher-card .ticket-grid { gap: 16px; }
.player-watcher-card .watcher-stat-strip { gap: 12px; margin: 14px 0 16px; }
@media (max-width: 900px) {
  .filters-row { grid-template-columns: 1fr 1fr; }
  .filters-row > button,
  .filters-row > .button { width: 100%; }
}
@media (max-width: 560px) {
  .filters-row { grid-template-columns: 1fr; }
}

/* WARCRON v52.46 design spacing cleanup */
.player-watcher-list {
  display: grid !important;
  gap: 24px !important;
  margin-top: 22px !important;
  align-items: start;
}
.player-watcher-list > .panel,
.player-watcher-list > .player-watcher-card {
  margin-top: 0 !important;
}


/* v52.47 global player details RCON log scroll fix */
.player-details-card .player-associated-console {
  height: 320px !important;
  max-height: 320px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.player-details-card .player-associated-console .console-log-line {
  align-items: flex-start !important;
}

/* WARCRON v52.48 VoteMap popup controls and cleaner settings cards */
.votemap-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
}
.votemap-icon-button {
  width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  background: var(--panel2);
  border: 1px solid var(--line);
}
.votemap-icon-button:hover {
  background: var(--accent);
  color: #fff;
  border-color: color-mix(in srgb, var(--accent) 70%, #fff 15%);
}
.mode-settings-modal-card {
  width: min(640px, 96vw);
  display: grid;
  gap: 16px;
}
.mode-settings-modal-card .flat-settings-card {
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel2) 82%, transparent);
}
.mode-settings-modal-card label,
.mode-settings-modal-card input,
.mode-settings-modal-card select,
.mode-settings-modal-card textarea {
  width: 100%;
}
.mode-settings-modal-card .modal-actions,
.active-votemap-modal-card .modal-actions {
  justify-content: flex-end;
}
.active-votemap-modal-card {
  display: grid;
  gap: 16px;
}
.active-votemap-start-form {
  justify-content: flex-end;
}
.active-votemap-modal-card table {
  margin-top: 0;
}
.server-settings-title-card .panel-header > div {
  gap: 0;
}


/* WARCRON v52.49 cleaner settings subtitles, VoteMap icon/checkbox alignment, and filter button baseline fix */
.mode-settings-modal-card .check-row {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
}
.mode-settings-modal-card .check-row input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 16px !important;
  accent-color: var(--accent);
}
.votemap-header-actions {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
}
.votemap-icon-button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  flex: 0 0 36px !important;
}
.list-filter-form,
.filters-row {
  align-items: end !important;
}
.list-filter-actions {
  align-self: end !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}
.list-filter-actions button,
.list-filter-actions .button,
.filters-row > button,
.filters-row > .button {
  align-self: end !important;
  box-sizing: border-box !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  margin: 6px 0 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: bottom !important;
}
.list-filter-form input,
.list-filter-form select,
.filters-row input,
.filters-row select {
  height: 44px !important;
  min-height: 44px !important;
  margin: 6px 0 0 !important;
}

/* WARCRON v52.50 VoteMap header icon row fix */
.panel-header > .votemap-header-actions,
.panel-header.compact > .votemap-header-actions {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
.panel-header > .votemap-header-actions .votemap-icon-button,
.panel-header.compact > .votemap-header-actions .votemap-icon-button {
  display: inline-flex !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
}

/* v52.58 duplicate ban guard */
.input-error{border-color:#ef4444!important;box-shadow:0 0 0 1px rgba(239,68,68,.35)!important;}
.danger-text{color:#ef4444!important;}
button.disabled,button:disabled{cursor:not-allowed;}

/* WARCRON v52.61 ban reason UI + global add ban spacing fix */
.ban-reason-picker {
  display: grid;
  gap: 8px;
}
.ban-reason-picker input[hidden],
.duplicate-ban-status:empty,
[data-duplicate-ban-status][hidden] {
  display: none !important;
}
.duplicate-ban-status {
  margin: 0 !important;
  line-height: 1.35;
}
.ban-reason-target {
  margin-top: -4px;
  margin-bottom: 8px;
}


/* WARCRON_V52_62_CHANGELOG_INFINITE_SCROLL */
#footerInfoModal .footer-changelog-nav-inline,
#footerInfoModal #changelogNav {
  display: none !important;
}
#footerInfoModal #footerInfoBody {
  min-height: 230px;
  max-height: min(62vh, 620px);
  margin-top: 18px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: normal;
  padding-right: 6px;
}
#footerInfoModal #footerInfoBody.footer-info-text {
  white-space: pre-wrap;
}
.footer-changelog-list {
  display: grid;
  gap: 14px;
}
.footer-changelog-card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.14);
}
.footer-changelog-card.is-current {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
}
.footer-changelog-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.footer-changelog-card-title {
  min-width: 0;
}
.footer-changelog-version {
  display: block;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.footer-changelog-card h3 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  line-height: 1.25;
}
.footer-changelog-current-badge {
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--accent) 65%, transparent);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--text);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.footer-changelog-card-body {
  color: var(--text);
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.45;
  font-size: 14px;
}
.footer-changelog-state {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  padding: 14px 4px 4px;
}
@media (max-width: 720px) {
  #footerInfoModal .modal-card {
    width: min(96vw, 920px) !important;
    padding: 22px !important;
  }
  #footerInfoModal #footerInfoBody {
    max-height: 64vh;
  }
  .footer-changelog-card-header {
    flex-direction: column;
  }
}

/* WARCRON_V52_64_CHANGELOG_SEPARATE_STEAM_CARDS
   Changelog popup uses a transparent scroll stage. Every changelog entry is its
   own full-size card instead of being visually merged into one modal body. */
#footerInfoModal.footer-changelog-modal {
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: clamp(24px, 5vh, 58px) !important;
  padding-bottom: 24px !important;
}
#footerInfoModal.footer-changelog-modal .modal-card {
  width: min(1040px, calc(100vw - 48px)) !important;
  max-width: 1040px !important;
  max-height: calc(100vh - 72px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#footerInfoModal.footer-changelog-modal .modal-title-row {
  display: none !important;
}
#footerInfoModal.footer-changelog-modal .modal-close {
  top: 0 !important;
  right: -54px !important;
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 999px !important;
  background: rgba(28, 34, 44, .96) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  color: var(--text) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .32) !important;
}
#footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll {
  width: 100% !important;
  min-height: 0 !important;
  max-height: calc(100vh - 72px) !important;
  margin-top: 0 !important;
  padding: 0 8px 0 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: normal !important;
  scroll-behavior: smooth;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card {
  width: 100% !important;
  min-height: 260px;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, #ffffff 8%), var(--panel)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card.is-current {
  border: 2px solid color-mix(in srgb, var(--accent) 72%, #ffffff 8%) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 20px 48px rgba(0, 0, 0, .38) !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 22px 26px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)) !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-version {
  color: var(--accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  margin-bottom: 7px !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card h3 {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-current-badge {
  margin-top: 2px !important;
  border-color: color-mix(in srgb, var(--accent) 72%, transparent) !important;
  background: color-mix(in srgb, var(--accent) 18%, transparent) !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card-body {
  padding: 26px !important;
  color: var(--text) !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  line-height: 1.55 !important;
  font-size: 15px !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-state {
  margin-top: 18px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 14px !important;
  background: rgba(0, 0, 0, .16) !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
  padding: 14px !important;
}
@media (max-width: 1140px) {
  #footerInfoModal.footer-changelog-modal .modal-close {
    top: 8px !important;
    right: 8px !important;
  }
  #footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll {
    padding-right: 0 !important;
  }
}
@media (max-width: 720px) {
  #footerInfoModal.footer-changelog-modal {
    padding: 14px !important;
  }
  #footerInfoModal.footer-changelog-modal .modal-card {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
  }
  #footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll {
    max-height: calc(100vh - 28px) !important;
  }
  #footerInfoModal.footer-changelog-modal .footer-changelog-list {
    gap: 18px !important;
  }
  #footerInfoModal.footer-changelog-modal .footer-changelog-card-header,
  #footerInfoModal.footer-changelog-modal .footer-changelog-card-body {
    padding: 18px !important;
  }
}


/* WARCRON_V52_65_CHANGELOG_STEAM_VISIBLE_STACK
   Show a Steam-style scroll hint: several full changelog cards are visible first,
   with the next card clipped below. Also moves the popup down and gives the
   current card header the shared page-header gradient. */
#footerInfoModal.footer-changelog-modal {
  padding-top: clamp(58px, 8.5vh, 118px) !important;
  padding-bottom: 18px !important;
}
#footerInfoModal.footer-changelog-modal .modal-card {
  max-height: min(76vh, 920px) !important;
}
#footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll {
  max-height: min(76vh, 920px) !important;
  overscroll-behavior: contain;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-list {
  gap: 26px !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card {
  min-height: 238px !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card.is-current .footer-changelog-card-header {
  position: relative !important;
  overflow: hidden !important;
  border-bottom-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent2) 32%, transparent), transparent 34%),
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 36%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--panel) 78%, var(--accent) 22%),
      color-mix(in srgb, var(--panel) 88%, var(--bg2) 12%) 58%,
      color-mix(in srgb, var(--panel) 72%, var(--bg) 28%)
    ) !important;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card.is-current .footer-changelog-card-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.055), transparent 34%, rgba(255,255,255,.035));
  opacity: .9;
}
#footerInfoModal.footer-changelog-modal .footer-changelog-card.is-current .footer-changelog-card-header > * {
  position: relative;
  z-index: 1;
}

body.theme-light #footerInfoModal.footer-changelog-modal .footer-changelog-card.is-current .footer-changelog-card-header {
  background:
    radial-gradient(circle at 86% 18%, rgba(96,165,250,.32), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.14), transparent 36%),
    linear-gradient(135deg, #ffffff, #eef5ff 58%, #f8fbff) !important;
  border-bottom-color: color-mix(in srgb, var(--accent) 30%, var(--line)) !important;
}
@media (max-width: 720px) {
  #footerInfoModal.footer-changelog-modal {
    padding-top: 26px !important;
  }
  #footerInfoModal.footer-changelog-modal .modal-card,
  #footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll {
    max-height: calc(100vh - 52px) !important;
  }
  #footerInfoModal.footer-changelog-modal .footer-changelog-card {
    min-height: 220px !important;
  }
}


/* WARCRON_V52_66_CHANGELOG_POPUP_AND_BAN_UPLOAD_UX */
#footerInfoModal.footer-changelog-modal {
  padding-top: clamp(86px, 12vh, 165px) !important;
}
#footerInfoModal.footer-changelog-modal .modal-close {
  color: #fff !important;
  border-color: rgba(239, 68, 68, .7) !important;
  background: linear-gradient(135deg, rgba(239, 68, 68, .95), rgba(127, 29, 29, .96)) !important;
  box-shadow: 0 14px 28px rgba(127, 29, 29, .35) !important;
}
#footerInfoModal.footer-changelog-modal .modal-close:hover {
  border-color: rgba(248, 113, 113, .95) !important;
  filter: brightness(1.06);
}
#footerInfoModal.footer-changelog-modal .footer-changelog-current-badge {
  display: none !important;
}
#footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#footerInfoModal.footer-changelog-modal #footerInfoBody.footer-changelog-scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.ban-proof-drop {
  position: relative;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.ban-proof-drop.drag-over {
  border-color: var(--accent) !important;
  background: color-mix(in srgb, var(--accent) 15%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}
.ban-proof-drop.has-file {
  border-color: rgba(34, 197, 94, .72) !important;
  background: rgba(34, 197, 94, .08) !important;
}
.ban-proof-drop.has-error {
  border-color: rgba(239, 68, 68, .78) !important;
  background: rgba(239, 68, 68, .08) !important;
}
.ban-proof-status {
  margin: 6px 0 0 !important;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.ban-proof-status[hidden] {
  display: none !important;
}
.ban-proof-status.is-ok {
  border-color: rgba(34, 197, 94, .42);
  background: rgba(34, 197, 94, .09);
  color: #86efac;
}
.ban-proof-status.is-error {
  border-color: rgba(239, 68, 68, .48);
  background: rgba(239, 68, 68, .1);
  color: #fca5a5;
}
.ban-proof-status.is-loading {
  border-color: color-mix(in srgb, var(--accent) 46%, var(--line));
  background: color-mix(in srgb, var(--accent) 11%, transparent);
  color: var(--text);
}
.ban-proof-status.is-loading::before,
button.is-loading::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  vertical-align: -2px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: warcronSpin .75s linear infinite;
}
@keyframes warcronSpin { to { transform: rotate(360deg); } }
@media (max-width: 720px) {
  #footerInfoModal.footer-changelog-modal {
    padding-top: 42px !important;
  }
}
.alert-panel {
  padding: 13px 16px !important;
  font-weight: 800;
  line-height: 1.35;
}
.alert-panel.danger-alert {
  border-color: rgba(239, 68, 68, .5) !important;
  background: rgba(239, 68, 68, .1) !important;
  color: #fca5a5 !important;
}
.alert-panel.warning-alert {
  border-color: rgba(245, 158, 11, .5) !important;
  background: rgba(245, 158, 11, .1) !important;
  color: #fbbf24 !important;
}

/* WARCRON v52.70 ban identity autofill + evidence preview */
.duplicate-ban-status.success-text{color:#7dd3fc;}
.evidence-preview-modal{padding:28px!important;}
.evidence-preview-card{width:min(1320px,94vw);height:min(86vh,920px);max-height:86vh;overflow:hidden;display:flex;flex-direction:column;}
.evidence-preview-card h2{margin-right:2.5rem;flex:0 0 auto;}
.evidence-preview-body{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;background:rgba(2,8,16,.55);border:1px solid rgba(120,170,230,.22);border-radius:14px;padding:.75rem;gap:.65rem;}
.evidence-preview-media{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#000;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.evidence-preview-video{min-height:0;}
.evidence-preview-media.evidence-preview-image{background:transparent;}
.evidence-preview-fallback{display:grid;gap:12px;place-items:center;text-align:center;padding:22px;}
.evidence-preview-open-row{display:flex;justify-content:center;align-items:center;min-height:32px;}
.evidence-preview-open-row .button{padding:.45rem .8rem;font-size:.84rem;}
.evidence-preview-close{color:#fff!important;background:rgba(190,18,60,.95)!important;border-color:rgba(248,113,113,.65)!important;}
.evidence-inline-preview{border:0;background:transparent;color:var(--accent,#6ea8ff);padding:0;font:inherit;text-decoration:underline;cursor:pointer;}
.evidence-inline-preview:hover{color:#bfdbfe;}


/* WARCRON v52.71 TacMap marker anchor fix
   left/top is the actual player coordinate. Only the 10px dot is centered there; the label sits to the right. */
#observerTacmapPlayers .observer-tacmap-player,
#tacmapPlane #tacmapPlayers .tacmap-player,
#tacmapMapWrap #tacmapPlayers .tacmap-player,
#tacmapCanvas #tacmapPlayers .tacmap-player{
  transform:translate(-5px,-50%)!important;
}
#observerTacmapPlayers .observer-tacmap-player span,
#tacmapPlane #tacmapPlayers .tacmap-player span,
#tacmapMapWrap #tacmapPlayers .tacmap-player span,
#tacmapCanvas #tacmapPlayers .tacmap-player span{
  box-sizing:border-box!important;
  flex:0 0 10px!important;
}

/* WARCRON v52.72 TacMap cache-only role/vehicle rendering */
#observerTacmapPlayers .observer-tacmap-player{
  transform:translate(-11px,-50%)!important;
  gap:5px!important;
}
#observerTacmapPlayers .observer-tacmap-player .observer-tacmap-player-dot{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.92)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 0 10px rgba(0,0,0,.92),0 0 0 2px rgba(0,0,0,.32)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#observerTacmapPlayers .observer-tacmap-player.axis .observer-tacmap-player-dot{background:#ef4444!important;}
#observerTacmapPlayers .observer-tacmap-player.allies .observer-tacmap-player-dot{background:#2563eb!important;}
#observerTacmapPlayers .observer-tacmap-player.neutral .observer-tacmap-player-dot{background:#475569!important;}
#observerTacmapPlayers .observer-tacmap-role-icon{
  width:15px!important;
  height:15px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.85))!important;
  opacity:.96!important;
  pointer-events:none!important;
}
#observerTacmapPlayers .observer-tacmap-role-letter{
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}
#observerTacmapPlayers .observer-tacmap-player.in-vehicle .observer-tacmap-player-dot{
  box-shadow:0 0 12px rgba(245,158,11,.95),0 0 0 2px rgba(245,158,11,.45),0 0 0 4px rgba(0,0,0,.32)!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-badge{
  font-style:normal!important;
  font-size:9px!important;
  line-height:1!important;
  padding:3px 4px!important;
  border-radius:5px!important;
  color:#fef3c7!important;
  background:rgba(120,53,15,.78)!important;
  border:1px solid rgba(245,158,11,.55)!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle{
  position:absolute!important;
  transform:translate(-17px,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  pointer-events:auto!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000!important;
  font-size:11px!important;
  font-weight:900!important;
  z-index:2!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  color:#f59e0b!important;
  transform-origin:50% 50%!important;
  transition:transform .35s ease-out!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-shape{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:url("/static/assets/tacmap/tank-body.svg?v=wcron-2.1-0350") center/contain no-repeat!important;
  mask:url("/static/assets/tacmap/tank-body.svg?v=wcron-2.1-0350") center/contain no-repeat!important;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.92)) drop-shadow(0 0 5px rgba(0,0,0,.95))!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  z-index:3!important;
  width:8.5px!important;
  height:6px!important;
  background:#fff!important;
  clip-path:polygon(50% 0,100% 100%,0 100%)!important;
  transform:translate(-50%,-45%)!important;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 1px 2px rgba(0,0,0,.9))!important;
  pointer-events:none!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-icon.truck{
  width:28px!important;
  height:38px!important;
  min-width:28px!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-shape.truck{
  -webkit-mask:url("/static/assets/tacmap/truck-body.svg?v=wcron-2.1-0350") center/contain no-repeat!important;
  mask:url("/static/assets/tacmap/truck-body.svg?v=wcron-2.1-0350") center/contain no-repeat!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle.axis .observer-tacmap-vehicle-icon{color:#ef4444!important;}
#observerTacmapPlayers .observer-tacmap-vehicle.allies .observer-tacmap-vehicle-icon{color:#2563eb!important;}
#observerTacmapPlayers .observer-tacmap-vehicle.neutral .observer-tacmap-vehicle-icon{color:#94a3b8!important;}
#observerTacmapPlayers .observer-tacmap-spawn-marker{
  position:absolute!important;
  width:23.75px!important;
  height:23.75px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  place-items:center!important;
  color:#94a3b8!important;
  pointer-events:auto!important;
  z-index:1!important;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.85)) drop-shadow(0 2px 5px rgba(0,0,0,.95))!important;
  transition:left .55s ease-out,top .55s ease-out!important;
}
#observerTacmapPlayers .observer-tacmap-spawn-marker.garrison{
  width:25.65px!important;
  height:25.65px!important;
}
#observerTacmapPlayers .observer-tacmap-spawn-marker.axis{color:#ef4444!important;}
#observerTacmapPlayers .observer-tacmap-spawn-marker.allies{color:#2563eb!important;}
#observerTacmapPlayers .observer-tacmap-spawn-icon{
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:4.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#observerTacmapPlayers .observer-tacmap-spawn-icon.garrison{stroke-width:3.8!important;}
#observerTacmapPlayers .observer-tacmap-spawn-icon.garrison .flag-tip{fill:none!important;}
#observerTacmapPlayers .observer-tacmap-op-letter{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 2px)!important;
  z-index:2!important;
  display:block!important;
  transform:translateX(-50%)!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  text-shadow:0 1px 2px #000!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-type-indicator{
  position:absolute!important;
  left:50%!important;
  top:53%!important;
  z-index:2!important;
  width:12px!important;
  height:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-type-indicator>i{
  display:block!important;
  width:3px!important;
  height:3px!important;
  flex:0 0 3px!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:none!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-type-indicator>i.triangle{
  width:11px!important;
  height:10px!important;
  flex:0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath d='M6 1 11 10H1Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath d='M6 1 11 10H1Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  box-shadow:none!important;
  filter:none!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-type-indicator>i.diamond{
  width:7px!important;
  height:7px!important;
  border:2px solid currentColor!important;
  border-radius:1px!important;
  background:transparent!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.65)!important;
  transform:rotate(45deg)!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-tooltip{
  background:rgba(0,0,0,.64)!important;
  border:1px solid rgba(245,158,11,.35)!important;
  border-radius:6px!important;
  padding:5px 7px!important;
  color:#fff!important;
  min-width:110px!important;
  max-width:190px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-4px)!important;
  pointer-events:none!important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-tooltip strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-tooltip small{
  display:block!important;
  color:#fbbf24!important;
  font-size:9px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle-tooltip>span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cbd5e1!important;
  font-size:10px!important;
  font-weight:700!important;
}
#observerTacmapPlayers .observer-tacmap-vehicle:hover .observer-tacmap-vehicle-tooltip{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0)!important;
}
#observerTacmapPlayers .observer-tacmap-player label{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-4px)!important;
  pointer-events:none!important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}
#observerTacmapPlayers .observer-tacmap-player:hover label,
#observerTacmapPlayers .observer-tacmap-player.selected label{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0)!important;
}


/* WARCRON v52.73 TacMap follow, header gradient, death-stat hide and map layer switcher */
#observerTacmapModal .observer-tacmap-title-row{
  position:relative!important;
  overflow:hidden!important;
  padding:16px 18px!important;
  border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line))!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent2) 32%, transparent), transparent 34%),
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 36%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--panel) 78%, var(--accent) 22%),
      color-mix(in srgb, var(--panel) 88%, var(--bg2) 12%) 58%,
      color-mix(in srgb, var(--panel) 72%, var(--bg) 28%)
    )!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#observerTacmapModal .observer-tacmap-title-row::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.055), transparent 34%, rgba(255,255,255,.035));
  opacity:.9;
}
#observerTacmapModal .observer-tacmap-title-row > *{position:relative;z-index:1;}

body.theme-light #observerTacmapModal .observer-tacmap-title-row{
  background:
    radial-gradient(circle at 86% 18%, rgba(96,165,250,.32), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.14), transparent 36%),
    linear-gradient(135deg, #ffffff, #eef5ff 58%, #f8fbff)!important;
  border-color:color-mix(in srgb, var(--accent) 30%, var(--line))!important;
}
#observerTacmapPlayers .observer-tacmap-player.selected{
  z-index:8!important;
}
#observerTacmapPlayers .observer-tacmap-player.selected .observer-tacmap-player-dot{
  box-shadow:0 0 18px rgba(96,165,250,.95),0 0 0 3px rgba(96,165,250,.60),0 0 0 6px rgba(0,0,0,.34)!important;
  border-color:#dbeafe!important;
}
.observer-tacmap-layer-switcher{
  position:absolute!important;
  left:14px!important;
  bottom:14px!important;
  z-index:8!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  pointer-events:auto!important;
}
.observer-tacmap-layer-switcher[hidden]{display:none!important;}
.observer-tacmap-layer-toggle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1!important;
  color:#dbeafe!important;
  border:1px solid rgba(148,163,184,.42)!important;
  background:rgba(3,7,18,.78)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.38)!important;
}
.observer-tacmap-layer-menu{
  display:none!important;
  min-width:150px!important;
  padding:6px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.35)!important;
  background:rgba(3,7,18,.88)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.44)!important;
}
.observer-tacmap-layer-menu.open{display:grid!important;gap:5px!important;}
.observer-tacmap-layer-menu button{
  width:100%!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#cbd5e1!important;
}
.observer-tacmap-layer-menu button.active{
  border-color:rgba(96,165,250,.48)!important;
  background:rgba(37,99,235,.28)!important;
  color:#eff6ff!important;
}
#observerTacmapImage.observer-satellite-view{filter:brightness(.95) contrast(1.04)!important;}

/* WARCRON v52.74 TacMap layout, smoothing and default-position hiding */
#observerTacmapModal .observer-tacmap-card{
  padding:0!important;
  gap:14px!important;
  overflow:hidden!important;
}
#observerTacmapModal .modal-close{
  top:16px!important;
  right:16px!important;
  z-index:20!important;
  background:var(--danger,#ef4444)!important;
  border-color:rgba(248,113,113,.65)!important;
  color:#fff!important;
}
#observerTacmapModal .observer-tacmap-title-row{
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:18px 18px 0 0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  padding:18px 82px 18px 22px!important;
}
#observerTacmapModal .observer-tacmap-tools{
  margin-right:46px!important;
}
#observerTacmapModal .observer-tacmap-viewport{
  margin:2px auto 20px auto!important;
}
#observerTacmapPlayers .observer-tacmap-player,
#observerTacmapPlayers .observer-tacmap-vehicle{
  transition:left 1.45s cubic-bezier(.22,.74,.22,1), top 1.45s cubic-bezier(.22,.74,.22,1)!important;
  will-change:left,top!important;
}
.observer-tacmap-layer-toggle{
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  font-size:24px!important;
}
@media (max-width:700px){
  #observerTacmapModal .observer-tacmap-title-row{padding-right:70px!important;}
  #observerTacmapModal .observer-tacmap-tools{margin-right:0!important;}
}

/* WARCRON v52.75 TacMap subtitle, smoother motion, selected movement trail, stronger dynamic points */
#observerTacmapPath{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1000px!important;
  height:1000px!important;
  z-index:4!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#observerTacmapPlayers{z-index:6!important;}
.observer-tacmap-selected-trail-line{
  stroke:#bfdbfe!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-dasharray:9 10!important;
  vector-effect:non-scaling-stroke!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.85));
  opacity:.92!important;
}
.observer-tacmap-selected-trail-start{
  fill:rgba(15,23,42,.82)!important;
  stroke:#93c5fd!important;
  stroke-width:2!important;
  vector-effect:non-scaling-stroke!important;
}
.observer-tacmap-selected-trail-end{
  fill:#3b82f6!important;
  stroke:#eff6ff!important;
  stroke-width:2!important;
  vector-effect:non-scaling-stroke!important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.85));
}
#observerTacmapPlayers .observer-tacmap-player,
#observerTacmapPlayers .observer-tacmap-vehicle{
  transition:left 1.45s cubic-bezier(.22,.74,.22,1), top 1.45s cubic-bezier(.22,.74,.22,1)!important;
}


/* WARCRON v52.76 TacMap live sectors only + smaller player role markers */
#observerTacmapPlayers .observer-tacmap-player{
  transform:translate(-10px,-50%)!important;
}
#observerTacmapPlayers .observer-tacmap-player .observer-tacmap-player-dot{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
}
#observerTacmapPlayers .observer-tacmap-role-icon{
  width:14px!important;
  height:14px!important;
}
#observerTacmapPlayers .observer-tacmap-role-letter{
  font-size:9px!important;
}


/* WARCRON v52.77 TacMap current-sector debug/visibility + smaller player markers */
#observerTacmapPlayers .observer-tacmap-player{
  transform:translate(-8px,-50%)!important;
}
#observerTacmapPlayers .observer-tacmap-player .observer-tacmap-player-dot{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border-width:1px!important;
}
#observerTacmapPlayers .observer-tacmap-role-icon{
  width:11px!important;
  height:11px!important;
}
#observerTacmapPlayers .observer-tacmap-role-letter{
  font-size:7px!important;
}

/* WARCRON TacMap overlay cleanup */
#observerTacmapPlayers .observer-tacmap-player.selected{
  filter:none!important;
}
#observerTacmapPlayers .observer-tacmap-player.selected .observer-tacmap-player-dot{
  outline:0!important;
  outline-offset:0!important;
  border-color:rgba(226,232,240,.78)!important;
  box-shadow:0 0 10px rgba(0,0,0,.82)!important;
}


/* v52.79 TacMap live-sector-only polish */
#observerTacmapPlayers .observer-tacmap-player {
  transform: translate(-6px, -50%) !important;
}
#observerTacmapPlayers .observer-tacmap-player .observer-tacmap-player-dot {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  border-width: 1px !important;
}
#observerTacmapPlayers .observer-tacmap-role-icon {
  width: 9px !important;
  height: 9px !important;
}
#observerTacmapPlayers .observer-tacmap-role-letter {
  font-size: 6px !important;
}
#observerTacmapPlayers .observer-tacmap-player.selected,
#observerTacmapPlayers .observer-tacmap-player.selected .observer-tacmap-player-dot,
#observerTacmapPlayers .observer-tacmap-player[data-selected="1"],
#observerTacmapPlayers .observer-tacmap-player[data-selected="1"] .observer-tacmap-player-dot {
  outline: 0 !important;
  border-color: rgba(255,255,255,.9) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* wcron-2.1-0350: keep infantry/player markers clean against the TacMap. */
#observerTacmapPlayers .observer-tacmap-player .observer-tacmap-player-dot {
  box-shadow: none !important;
}
#observerTacmapPlayers .observer-tacmap-player .observer-tacmap-role-icon {
  filter: none !important;
}
.player-associated-log-groups{display:grid;gap:14px;}
.player-associated-log-group{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.03);}
.player-associated-log-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.player-associated-log-group-header strong{font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;}
.player-associated-log-group .player-associated-console{max-height:220px;}


#observerTacmapGeofences{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:2!important;
  pointer-events:none!important;
}
#observerTacmapGeofences .observer-tacmap-geofence{
  fill:rgba(239,68,68,.20)!important;
  stroke:rgba(248,113,113,.72)!important;
  stroke-width:2!important;
  vector-effect:non-scaling-stroke!important;
}
#observerTacmapGeofences .observer-tacmap-geofence.seeding_borders{
  fill:rgba(245,158,11,.18)!important;
  stroke:rgba(251,191,36,.72)!important;
}
#observerTacmapGeofences .observer-tacmap-geofence.hq_protection{
  fill:rgba(239,68,68,.22)!important;
  stroke:rgba(248,113,113,.82)!important;
}

#observerTacmapGeofences .observer-tacmap-geofence.axis{
  fill:rgba(239,68,68,.18)!important;
  stroke:rgba(248,113,113,.78)!important;
}
#observerTacmapGeofences .observer-tacmap-geofence.allies{
  fill:rgba(59,130,246,.18)!important;
  stroke:rgba(96,165,250,.78)!important;
}
#observerTacmapGeofences .observer-tacmap-geofence-label{
  fill:rgba(255,255,255,.80)!important;
  font-size:18px!important;
  font-weight:900!important;
  paint-order:stroke!important;
  stroke:rgba(0,0,0,.78)!important;
  stroke-width:4px!important;
  pointer-events:none!important;
}


/* WARCRON v52.91 HLL-Locator owner-side colors */
#observerTacmapPlayers .observer-tacmap-player.axis .observer-tacmap-player-dot{background:#ef4444!important;}
#observerTacmapPlayers .observer-tacmap-player.allies .observer-tacmap-player-dot{background:#2563eb!important;}
#observerTacmapGeofences .observer-tacmap-geofence.axis{fill:rgba(239,68,68,.20)!important;stroke:rgba(248,113,113,.82)!important;}
#observerTacmapGeofences .observer-tacmap-geofence.allies{fill:rgba(37,99,235,.20)!important;stroke:rgba(96,165,250,.82)!important;}
#observerTacmapGeofences .observer-tacmap-geofence.warning{fill:rgba(234,179,8,.28)!important;stroke:rgba(250,204,21,.95)!important;}

.hq-layout-card{max-width:min(1120px,96vw)}
.hq-layout-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0}
.hq-layout-toolbar label{min-width:300px;margin:0}
.hq-layout-team-picker{display:flex;gap:8px;flex-wrap:wrap}
.hq-layout-team-picker button.axis.active{background:#b91c1c;border-color:#ef4444;color:#fff}
.hq-layout-team-picker button.allies.active{background:#1d4ed8;border-color:#60a5fa;color:#fff}
.hq-layout-team-picker button.axis-warning.active,.hq-layout-team-picker button.allies-warning.active{background:#a16207;border-color:#facc15;color:#fff}
.module-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.module-card-actions .module-settings-button{margin:0!important}
.hq-layout-viewport{position:relative;width:min(760px,100%);aspect-ratio:1;margin:12px auto 18px;overflow:hidden;border:1px solid var(--border);background:#111;touch-action:none;cursor:grab}
.hq-layout-viewport:active{cursor:grabbing}
.hq-layout-plane{position:absolute;inset:0;width:100%;height:100%;transform-origin:0 0;will-change:transform}
.hq-layout-plane>img,.hq-layout-grid{position:absolute;inset:0;width:100%;height:100%}
.hq-layout-plane>img{object-fit:fill;user-select:none;pointer-events:none}
.hq-layout-grid{display:grid;grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(30,1fr)}
.hq-layout-cell{min-width:0;min-height:0;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;opacity:1}
.hq-layout-cell:hover{background:rgba(255,255,255,.30)}
.hq-layout-cell.axis{background:rgba(220,38,38,.48);border-color:rgba(254,202,202,.85)}
.hq-layout-cell.allies{background:rgba(37,99,235,.48);border-color:rgba(191,219,254,.9)}
.hq-layout-cell.axis-warning,.hq-layout-cell.allies-warning{background:rgba(234,179,8,.48);border-color:rgba(254,240,138,.95)}

.ban-gradient-modal-card.hq-layout-card{max-height:calc(100vh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}
.public-pair-list {
  margin-top:10px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.10);
  padding:10px;
}
.public-stats-body.theme-light .public-pair-list {
  background:rgba(20,48,84,.035);
  border-color:rgba(20,48,84,.12);
}
.public-pair-list h3 {
  margin:0 0 8px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#9dbbe5;
}
.public-stats-body.theme-light .public-pair-list h3 { color:#2e609e; }
.public-pair-list ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.public-pair-list li { display:flex; justify-content:space-between; gap:10px; font-size:12px; }
.public-pair-list li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.public-pair-list li strong { white-space:nowrap; }
.public-player-details-card > .public-pair-list {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  justify-self: stretch;
}
.public-ban-evidence-text { margin-top:12px; padding:14px; border:1px solid var(--line); background:var(--panel2); border-radius:10px; }
.public-ban-evidence-text h3 { margin:0 0 8px; font-size:13px; }
.public-ban-evidence-text p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }

/* WARCRON v52.97 public stats detail title + card row sizing */
.public-stats-body .public-detail-grid-wide {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: 8px !important;
}
.public-stats-body .public-player-details-card .public-detail-section-title {
  display: block !important;
}
.public-stats-body .public-detail-grid-wide > .public-detail-card-half {
  grid-column: span 2;
}
@media (max-width: 900px) {
  .public-stats-body .public-detail-grid-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .public-stats-body .public-detail-grid-wide > .public-detail-card-half {
    grid-column: span 1;
  }
}
@media (max-width: 560px) {
  .public-stats-body .public-detail-grid-wide {
    grid-template-columns: 1fr !important;
  }
  .public-stats-body .public-detail-grid-wide > .public-detail-card-half {
    grid-column: span 1;
  }
}
.overview-player-list,
.arma-player-list {
  align-content: start !important;
  align-items: start !important;
  grid-auto-rows: max-content !important;
}
.overview-player-row {
  align-self: start !important;
  min-height: 0 !important;
}
.overview-player-row summary {
  min-height: 0 !important;
}
.overview-player-row:not([open]) .overview-player-actions,
.overview-player-row:not([open]) .overview-player-details {
  display: none !important;
}

/* WARCRON v52.100 global player detail page */
.player-name-link { display: inline-flex; text-decoration: none; }
.player-name-link:hover { text-decoration: underline; }
.split-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.player-detail-hero { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.player-detail-overview-card,
.player-detail-rcon-card,
.player-detail-admin-card { display: grid; gap: 16px; }
.section-title-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.section-title-row h2 { margin: 0; }
.section-title-row p { margin: 4px 0 0; }
.player-detail-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.player-detail-summary-grid code,
.player-name-history-table code { white-space: normal; word-break: break-all; }
.detail-warning-box { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(255,90,90,.35); background: rgba(255,90,90,.08); border-radius: 14px; }
.detail-warning-box strong { color: #ff8d8d; }
.inline-select-label { display: grid; gap: 6px; min-width: 220px; color: var(--muted); font-size: .86rem; }
.player-log-game-panel { display: grid; gap: 10px; }
.player-detail-log-console { height: 460px !important; max-height: 460px !important; }
.admin-action-list { display: grid; gap: 10px; }
.admin-action-row { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel2); }
.admin-action-row.active-ban { border-color: rgba(255,90,90,.45); background: rgba(255,90,90,.08); }
.admin-action-row p { margin: 6px 0 0; overflow-wrap: anywhere; }
.responsive-table-wrap { overflow-x: auto; }
.compact-table th,
.compact-table td { padding: 9px 10px; }
@media(max-width:1100px){.player-detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-action-row{grid-template-columns:1fr;}}
@media(max-width:760px){.player-detail-hero,.section-title-row{align-items:stretch;flex-direction:column;}.player-detail-summary-grid{grid-template-columns:1fr;}.inline-select-label{min-width:0;}}

/* WARCRON v52.101 player detail layout cleanup */
.player-detail-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
  gap: 18px;
  align-items: start;
}
.player-detail-main-grid .player-detail-overview-card,
.player-detail-main-grid .player-detail-rcon-card {
  min-width: 0;
  height: 100%;
}
.player-detail-main-grid .player-detail-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.player-log-title-row {
  align-items: stretch;
}
.player-log-title-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  align-items: center;
  width: 100%;
}
.player-log-title-main h2 {
  min-width: 0;
}
.player-log-title-main .muted {
  grid-column: 1 / -1;
}
.player-log-game-select.compact-select {
  width: auto !important;
  min-width: 130px !important;
  max-width: 190px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 7px 32px 7px 10px !important;
  justify-self: end;
}
.player-detail-log-console {
  height: 520px !important;
  max-height: 520px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.player-admin-action-scroll {
  max-height: 430px !important;
  overflow: auto !important;
  display: grid;
  gap: 10px;
  padding-right: 4px;
}
.player-admin-action-card.active-ban {
  border-color: rgba(255,90,90,.45);
  background: rgba(255,90,90,.08);
}
.player-admin-action-body {
  display: grid;
  gap: 5px;
}
.player-admin-action-body p {
  margin: 0;
  overflow-wrap: anywhere;
}
@media(max-width:1200px){
  .player-detail-main-grid { grid-template-columns: 1fr; }
  .player-detail-main-grid .player-detail-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* WARCRON v52.239 async player-detail RCON scroll container */
.player-detail-rcon-card [data-player-associated-logs] {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
.player-detail-rcon-card [data-player-associated-logs] > .player-log-game-panel:not([hidden]) {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
.player-detail-rcon-card [data-player-associated-logs] .player-detail-log-console {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  overscroll-behavior: contain;
}
@media(max-width:1200px){
  .player-detail-rcon-card [data-player-associated-logs] {
    height: auto !important;
    overflow: visible !important;
  }
  .player-detail-rcon-card [data-player-associated-logs] > .player-log-game-panel:not([hidden]) {
    height: auto !important;
    overflow: visible !important;
  }
  .player-detail-rcon-card [data-player-associated-logs] .player-detail-log-console {
    height: 520px !important;
    max-height: 520px !important;
    overflow-y: auto !important;
  }
}
@media(max-width:760px){
  .player-log-title-main { grid-template-columns: 1fr; }
  .player-log-game-select.compact-select { justify-self: stretch; max-width: none !important; width: 100% !important; }
  .player-detail-main-grid .player-detail-summary-grid { grid-template-columns: 1fr; }
}

/* WARCRON v52.102 player detail spacing + filtered logs fix */
.player-detail-hero {
  margin-bottom: 18px !important;
}
.player-detail-main-grid {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
.player-detail-admin-card {
  margin-top: 0 !important;
}
.player-log-game-panel[hidden] {
  display: none !important;
}
.player-log-game-panel:not([hidden]) {
  display: grid !important;
}
.player-detail-rcon-card .player-associated-log-group-header {
  margin-bottom: 0;
}
.global-player-card .split-actions .button,
.global-player-card .split-actions button {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  line-height: 34px !important;
  border-radius: 10px !important;
}
.global-player-card .split-actions {
  align-items: center !important;
}


/* WARCRON v52.103 player detail tighter layout */
.player-detail-main-grid > .panel + .panel {
  margin-top: 0 !important;
}
.player-detail-main-grid {
  align-items: start !important;
}
.player-detail-main-grid .player-detail-overview-card,
.player-detail-main-grid .player-detail-rcon-card {
  height: auto !important;
  align-self: start !important;
  align-content: start !important;
}
.player-detail-overview-card,
.player-detail-rcon-card {
  gap: 10px !important;
}
.player-detail-overview-card .section-title-row,
.player-detail-rcon-card .section-title-row {
  margin: 0 !important;
}
.player-detail-overview-card h3 {
  margin: 8px 0 0 !important;
  line-height: 1.15 !important;
}
.player-detail-overview-card h3 + .associated-account-list,
.player-detail-overview-card h3 + .responsive-table-wrap {
  margin-top: 0 !important;
}
.associated-account-list {
  display: grid;
  gap: 8px !important;
}
.associated-account-row {
  min-height: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.player-detail-overview-card .responsive-table-wrap {
  margin-top: 0 !important;
}
.player-name-history-table th:nth-child(5),
.player-name-history-table td:nth-child(5),
.player-name-history-table th:nth-child(6),
.player-name-history-table td:nth-child(6) {
  display: none !important;
}
.player-detail-rcon-card .player-log-title-main {
  align-items: center !important;
  gap: 4px 12px !important;
}
.player-detail-rcon-card .player-log-title-main .muted {
  margin: 0 !important;
}
.player-detail-rcon-card .player-log-game-panel {
  gap: 8px !important;
}
.player-detail-rcon-card .player-associated-log-group-header {
  margin-top: 4px !important;
}
.player-detail-admin-card {
  display: none !important;
}

/* WARCRON v52.104 player detail discord + steam profile links */
.steam-profile-link {
  color: var(--accent);
  text-decoration: none;
  display: inline-flex;
  max-width: 100%;
}
.steam-profile-link:hover { text-decoration: underline; }
.discord-link-list .associated-account-row code,
.steam-profile-link code { overflow-wrap: anywhere; }
.compact-empty-hint {
  padding: 10px 12px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--muted);
  background: rgba(15, 23, 42, .32);
}
.server-player-detail-button {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  line-height: 34px !important;
  border-radius: 10px !important;
}
.overview-player-actions .server-player-detail-button,
.table-actions .server-player-detail-button,
td .server-player-detail-button {
  align-self: center;
}

/* WARCRON v52.104 ban modal gradient headers */
.ban-gradient-modal-card {
  padding: 0 !important;
  overflow: hidden !important;
}
.ban-gradient-modal-card > .modal-close {
  top: 18px !important;
  right: 18px !important;
  background: rgba(239, 68, 68, .92) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24) !important;
}
.ban-gradient-modal-header {
  position: relative;
  overflow: hidden;
  min-height: 104px;
  padding: 22px 76px 22px 22px;
  border-bottom: 1px solid rgba(84, 149, 255, .38);
  background:
    radial-gradient(circle at 92% 12%, rgba(80, 156, 255, .38), transparent 34%),
    radial-gradient(circle at 8% 90%, rgba(50, 136, 255, .22), transparent 38%),
    linear-gradient(135deg, rgba(31, 91, 156, .96), rgba(12, 37, 66, .97));
}
.ban-gradient-modal-header::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -62px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
}
.ban-gradient-modal-header h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 6px 0 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em;
}
.ban-gradient-modal-header p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(219, 234, 254, .78);
}
.ban-gradient-modal-card > .stack-form,
.ban-gradient-modal-card > form,
.ban-gradient-modal-body {
  padding: 18px 22px 22px;
}
.ban-gradient-modal-card .ban-reason-target {
  margin: 0;
}
.ban-gradient-modal-card .form-actions {
  margin-top: 8px;
}
.worker-logs-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.worker-logs-modal-header > div {
  min-width: 0;
}
.worker-logs-modal-header .copy-button {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.worker-logs-modal-body {
  min-height: 0;
}
.worker-logs-modal-body > pre {
  margin: 0;
}

/* WARCRON v52.105 player detail and login history cleanup */
.player-detail-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.login-security-events-scroll {
  max-height: 430px !important;
  overflow: auto !important;
  display: grid !important;
  gap: 10px !important;
  padding-right: 4px !important;
}
.login-security-event-card {
  min-width: 0;
}
.login-security-event-meta {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.login-security-event-text,
.login-security-event-agent {
  margin: 8px 0 0 !important;
  overflow-wrap: anywhere;
}
.login-security-events-card .pager {
  margin-top: 14px;
}
.known-login-ip-list {
  display: grid;
  gap: 10px;
}
.known-login-ip-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.2fr) minmax(150px, .8fr) minmax(90px, .35fr) minmax(210px, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel2);
}
.known-login-ip-main,
.known-login-ip-detail {
  min-width: 0;
}
.known-login-ip-row span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.known-login-ip-row strong {
  display: block;
  overflow-wrap: anywhere;
}
.known-login-ip-main strong {
  color: var(--accent);
  font-size: 15px;
}
@media (max-width: 900px) {
  .known-login-ip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .known-login-ip-row {
    grid-template-columns: 1fr;
  }
}
.ban-gradient-modal-body > .stack-form,
.ban-gradient-modal-card > .stack-form,
.ban-gradient-modal-card > form {
  margin: 0 !important;
  gap: 10px !important;
}
.ban-gradient-modal-card .form-title-row {
  margin-top: 0 !important;
  min-height: 32px;
}
.ban-gradient-modal-card .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px !important;
}
.ban-gradient-modal-card .duplicate-ban-status {
  margin: -4px 0 0 !important;
  min-height: 0;
}
@media(max-width:1200px){
  .player-detail-main-grid .player-detail-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width:760px){
  .player-detail-main-grid .player-detail-summary-grid { grid-template-columns: 1fr !important; }
}


/* WARCRON v52.106 player detail RCON card and ban evidence cleanup */
.player-detail-main-grid {
  align-items: stretch !important;
}
.player-detail-main-grid .player-detail-overview-card,
.player-detail-main-grid .player-detail-rcon-card {
  align-self: stretch !important;
  min-height: 0 !important;
}
.player-detail-rcon-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.player-detail-rcon-card .player-log-game-panel:not([hidden]) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
.player-detail-rcon-card .player-detail-log-console {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.ban-gradient-modal-card .evidence-link-fields {
  gap: 8px !important;
}
.ban-gradient-modal-card .evidence-link-row input {
  min-width: 0;
}
.ban-gradient-modal-card .evidence-remove-button {
  min-width: 32px;
}

/* WARCRON v52.107 player detail RCON equal-height scroll fix */
.player-detail-main-grid {
  align-items: stretch !important;
}
.player-detail-main-grid > .panel {
  align-self: stretch !important;
}
.player-detail-main-grid .player-detail-overview-card,
.player-detail-main-grid .player-detail-rcon-card {
  height: auto !important;
}
.player-detail-rcon-card .player-detail-log-console {
  min-height: 0 !important;
}
@media(max-width:1200px){
  .player-detail-main-grid { align-items: start !important; }
  .player-detail-main-grid > .panel { align-self: start !important; }
  .player-detail-rcon-card { overflow: visible !important; }
  .player-detail-rcon-card .player-log-game-panel:not([hidden]) { overflow: visible !important; }
  .player-detail-rcon-card .player-detail-log-console { height: 520px !important; max-height: 520px !important; }
}

/* WARCRON v52.108 player detail RCON height clamp */
.player-detail-main-grid {
  align-items: start !important;
}
.player-detail-main-grid > .panel {
  align-self: start !important;
}
.player-detail-rcon-card {
  height: var(--player-detail-overview-height, auto) !important;
  max-height: var(--player-detail-overview-height, none) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}
.player-detail-rcon-card .player-log-game-panel[hidden] {
  display: none !important;
}
.player-detail-rcon-card .player-log-game-panel:not([hidden]) {
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}
.player-detail-rcon-card .player-detail-log-console {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}
@media(max-width:1200px){
  .player-detail-rcon-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .player-detail-rcon-card .player-log-game-panel:not([hidden]) {
    height: auto !important;
    overflow: visible !important;
  }
  .player-detail-rcon-card .player-detail-log-console {
    height: 520px !important;
    max-height: 520px !important;
  }
}


/* WARCRON v52.109 combined player reports, local analysis and HLL stats */
.combined-watcher-section { display:grid; gap:14px; margin-top:18px; }
.combined-section-title { padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.compact-combined-watcher-list { margin-top:0; }
.hll-player-stats-card { margin-top:18px; display:grid; gap:16px; }
.hll-stats-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:16px; }
.hll-playstyle-box, .hll-score-box, .hll-kill-card { border:1px solid var(--line); border-radius:16px; background:rgba(7,22,38,.42); padding:14px; }
.hll-playstyle-box h3, .hll-score-box h3 { margin:0 0 10px; text-transform:uppercase; letter-spacing:.04em; }
.hll-style-bars { display:grid; gap:9px; margin-bottom:14px; }
.hll-style-bars > div { display:grid; grid-template-columns:90px minmax(90px,1fr) 48px; align-items:center; gap:10px; }
.hll-style-bars span { color:#dbeafe; }
.hll-style-bars strong { text-align:right; }
.hll-bar { height:12px; border-radius:3px; background:rgba(148,163,184,.45); overflow:hidden; }
.hll-bar i { display:block; height:100%; background:linear-gradient(90deg, rgba(46,137,255,.95), rgba(34,197,94,.95)); }
.hll-mini-stat-grid, .hll-radar-lite, .hll-kill-card { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.hll-mini-stat-grid > div, .hll-radar-lite > div, .hll-kill-card > div { border:1px solid rgba(87,126,170,.32); border-radius:12px; padding:10px; background:rgba(15,23,42,.38); }
.hll-mini-stat-grid label, .hll-radar-lite label, .hll-kill-card label { display:block; color:var(--muted); font-size:.74rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; margin-bottom:3px; }
.hll-mini-stat-grid strong, .hll-radar-lite strong, .hll-kill-card strong { display:block; font-size:1rem; }
.hll-ai-reason { margin:12px 0 0 !important; }
@media(max-width:1000px){.hll-stats-layout{grid-template-columns:1fr}.hll-mini-stat-grid,.hll-radar-lite,.hll-kill-card{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hll-mini-stat-grid,.hll-radar-lite,.hll-kill-card{grid-template-columns:1fr}.hll-style-bars>div{grid-template-columns:1fr 1fr 44px}}


/* WARCRON v52.110 combined player reports list + report AI action UI */
.player-reports-hero-card { align-items:center !important; }
.player-reports-hero-actions { display:flex; justify-content:flex-end; align-items:center; min-width:260px; }
.player-reports-brain-button {
  margin-top:0 !important;
  min-width:240px !important;
  height:42px !important;
  border-radius:12px !important;
  justify-content:center;
}
.combined-player-report-list { margin-top:14px; }
.report-type-player{border-left:5px solid #ef4444!important;background:linear-gradient(100deg,rgba(239,68,68,.13),rgba(7,22,38,.55))!important}
.report-type-chat-auto{border-left:5px solid #facc15!important;background:linear-gradient(100deg,rgba(250,204,21,.12),rgba(7,22,38,.55))!important}
.report-type-watcher,.source-watcher-finding{border-left:5px solid #3b82f6!important;background:linear-gradient(100deg,rgba(59,130,246,.12),rgba(7,22,38,.55))!important}
.report-claimed-pinned{border-color:#22c55e!important;border-left:5px solid #22c55e!important;background:linear-gradient(100deg,rgba(34,197,94,.18),rgba(7,22,38,.58))!important;box-shadow:0 0 0 1px rgba(34,197,94,.28),0 14px 30px rgba(0,0,0,.2)}
.claimed-ticket-banner{margin:12px 0 2px;padding:10px 13px;border-radius:10px;background:rgba(34,197,94,.18);border:1px solid rgba(34,197,94,.45);color:#bbf7d0;font-weight:900;letter-spacing:.045em}
.report-type-pill{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.68rem;font-weight:900;letter-spacing:.05em}
.ticket-title-row .status-pill,
.ticket-title-row .report-type-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:26px;
  margin:0;
  padding:5px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.05em;
  white-space:nowrap;
}
.report-linked-highlight{animation:report-link-pulse 1.3s ease-out 2}
@keyframes report-link-pulse{50%{box-shadow:0 0 0 4px rgba(96,165,250,.5),0 16px 34px rgba(0,0,0,.25)}}
.ticket-rcon-logs{max-height:340px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.player-watcher-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:18px;border:1px dashed rgba(130,167,207,.25);border-radius:14px;color:var(--muted)}
.ticket-detail-modal-card{width:min(1320px,96vw)!important;max-width:1320px!important;max-height:92vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.ticket-detail-wide-grid{display:block!important}
.ticket-detail-summary-column{display:grid;gap:12px;min-width:0}
.ticket-detail-logs-column{display:flex;flex-direction:column;min-width:0}
.ticket-detail-modal-card .ban-gradient-modal-body{min-height:0;overflow:hidden}
.ticket-detail-logs-column{min-height:0;overflow:hidden}
.ticket-detail-logs-column .ticket-rcon-logs{flex:1;height:min(58vh,560px);max-height:min(58vh,560px);min-height:260px;overflow-y:auto!important;overscroll-behavior:contain;margin-bottom:0}
.ticket-detail-summary-column{max-height:min(65vh,640px);overflow-y:auto;padding-right:4px}
.report-action-gradient-card{padding:0!important;overflow:hidden}.report-action-gradient-card .modal-close{z-index:3}.report-action-gradient-card .ban-gradient-modal-body{display:grid;gap:12px}
@media(max-width:950px){.ticket-detail-modal-card{overflow-y:auto!important}.ticket-detail-wide-grid{grid-template-columns:1fr}.ticket-detail-modal-card .ban-gradient-modal-body{overflow:visible}.ticket-detail-summary-column{max-height:none;overflow:visible}.ticket-detail-logs-column{overflow:visible}.ticket-detail-logs-column .ticket-rcon-logs{height:320px;min-height:220px;max-height:320px}}
.backup-target-gradient-card{padding:0!important;overflow:hidden}.backup-target-gradient-card .modal-close{z-index:3}.backup-target-gradient-card .ban-gradient-modal-body{padding:22px}
.backup-server-form [data-backup-remote-field][hidden]{display:none!important}
.source-watcher-finding { border-color:rgba(89,160,255,.30); }
.watcher-model-detail { display:block; margin-top:10px; line-height:1.45; }
@media(max-width:800px){
  .player-reports-hero-card { align-items:stretch !important; flex-direction:column; }
  .player-reports-hero-actions { min-width:0; width:100%; justify-content:flex-start; }
  .player-reports-brain-button { min-width:0 !important; width:100%; }
}


/* WARCRON v52.111 Player Analysis Worker modal + AI evidence readability */
#watcherBrainModal .modal-card{
  width:min(1040px,96vw);
  max-width:none;
  padding:28px;
}
#watcherBrainModal .watcher-brain-live{
  grid-template-columns:minmax(300px,.8fr) minmax(440px,1.35fr);
  gap:18px;
  align-items:stretch;
}
#watcherBrainModal .watcher-brain-model-card,
#watcherBrainModal .watcher-live-card{
  padding:18px;
}
#watcherBrainModal .watcher-live-card ol{
  max-height:430px;
}
.watcher-model-detail{
  display:block;
  margin-top:.7rem;
  line-height:1.45;
}
.ai-evidence-text{
  margin:.2rem 0 0;
  white-space:pre-wrap;
  word-break:break-word;
  max-height:170px;
  overflow:auto;
  background:rgba(5,17,30,.48);
  border:1px solid rgba(130,167,207,.16);
  border-radius:10px;
  padding:.65rem;
  color:#d7e7fb;
  font-family:inherit;
  line-height:1.45;
}
.ticket-detail-stack .ai-evidence-text,
.ticket-detail-stack pre[data-ticket-detail-evidence]{
  max-height:300px;
}
@media(max-width:900px){
  #watcherBrainModal .watcher-brain-live{grid-template-columns:1fr;}
  #watcherBrainModal .modal-card{padding:22px;}
}

/* v52.112 SupremeAdmin FTP backup scheduler */
.backup-form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:.75rem;
}
.backup-form-grid label{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-weight:700;
}
.backup-server-form input,
.backup-server-form select{
  width:100%;
  box-sizing:border-box;
}
.backup-target-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:1rem;
}
.backup-target-card{
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.backup-status-grid dd{
  word-break:break-word;
}
.backup-target-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
}
.backup-target-actions form{
  margin:0;
}
.backup-edit-details{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:.65rem;
}
.backup-edit-details summary{
  cursor:pointer;
  font-weight:800;
  margin-bottom:.65rem;
}

/* v52.114 SupremeAdmin backup tab card layout */
.backup-page-panel .panel-header{
  margin-bottom:16px;
}
.backup-notice{
  border:1px solid rgba(86,168,236,.24);
  border-radius:12px;
  padding:10px 12px;
  margin:0 0 14px;
  background:rgba(86,168,236,.08);
  color:var(--text);
  font-weight:800;
}
.backup-notice.ok{
  border-color:rgba(48,209,88,.35);
  background:rgba(48,209,88,.10);
}
.backup-notice.failed{
  border-color:rgba(255,94,94,.35);
  background:rgba(255,94,94,.10);
}
.backup-management-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}
.backup-tools-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.backup-create-card,
.backup-tool-card,
.backup-target-card{
  background:rgba(8,20,34,.42);
  border-color:rgba(86,168,236,.24);
  box-shadow:none;
  align-content:start;
}
.backup-create-card.stack-form,
.backup-tool-card.stack-form{
  gap:14px;
}
.backup-tool-card{
  min-width:0;
  min-height:185px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.backup-card-title{
  display:grid;
  gap:4px;
}
.backup-card-title h3,
.backup-target-card h3{
  margin:0;
}
.backup-card-title p{
  margin:0;
  line-height:1.45;
}
.backup-form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
.backup-form-grid-wide{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.backup-restore-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.backup-form-grid label,
.backup-tool-card label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:.82rem;
  font-weight:800;
  color:var(--muted);
}
.backup-server-form input,
.backup-server-form select,
.backup-tool-card input,
.backup-tool-card select{
  width:100%;
  margin:0;
  min-height:38px;
}
.backup-option-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
}
.backup-option-grid .check-row{
  min-height:40px;
  padding:9px 10px;
  border:1px solid rgba(86,168,236,.18);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:var(--muted);
  line-height:1.25;
}
.backup-option-grid .check-row input{
  margin:0;
  flex:0 0 auto;
}
.backup-card-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin-top:2px;
}
.backup-card-actions-split{
  justify-content:space-between;
}
.backup-card-actions button{
  width:auto;
  min-width:180px;
  min-height:40px;
  padding:10px 16px;
}
.backup-tool-card .backup-card-actions{
  justify-content:flex-end;
}
.backup-tool-card .backup-card-actions button{
  width:auto;
  min-width:190px;
}
.backup-restore-card button.danger{
  min-height:40px;
}
.backup-section-panel .section-head{
  margin-bottom:14px;
}
.backup-target-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
  gap:14px;
}
.backup-target-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.backup-status-grid{
  margin:0;
}
.backup-status-grid dd,
.backup-target-card code{
  word-break:break-word;
}
.backup-target-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.backup-target-actions form{
  margin:0;
}
.backup-target-actions button{
  min-width:110px;
}
.backup-edit-details{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;
}
.backup-edit-details summary{
  cursor:pointer;
  font-weight:800;
  color:var(--text);
  margin-bottom:12px;
}
.backup-table-scroll{
  overflow:auto;
}
.backup-table-scroll table{
  min-width:680px;
}
@media(max-width:1180px){
  .backup-form-grid-wide{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .backup-tools-grid,
  .backup-form-grid-wide,
  .backup-option-grid,
  .backup-restore-fields{
    grid-template-columns:1fr;
  }
  .backup-card-actions,
  .backup-card-actions-split,
  .backup-target-actions{
    justify-content:stretch;
    flex-direction:column;
    align-items:stretch;
  }
  .backup-card-actions button,
  .backup-target-actions form,
  .backup-target-actions button{
    width:100%;
    min-width:0;
  }
  .backup-target-grid{
    grid-template-columns:1fr;
  }
}


/* v52.133 Seeding Service layout + connected-client scroll fix */
.seeding-panel {
  overflow: hidden;
}
.compact-section-head {
  margin-bottom: 12px;
}
.seeding-table-scroll {
  width: 100%;
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--panel2) 78%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.seeding-client-scroll,
.seeding-action-scroll {
  max-height: 420px;
  overflow-y: auto;
}
.seeding-table-scroll table,
.seeding-table {
  margin: 0;
  min-width: 1080px;
}
.seeding-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: color-mix(in srgb, var(--panel) 94%, #000 6%);
  box-shadow: 0 1px 0 var(--line);
}
.seeding-table td,
.seeding-table th {
  vertical-align: top;
}
.seeding-table td:nth-child(2),
.seeding-table td:nth-child(8),
.seeding-table td:nth-child(9),
.seeding-table td pre {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.seeding-table details pre {
  max-height: 220px;
  overflow: auto;
  margin: 8px 0 0;
}
.seeding-table .inline-form select {
  max-width: 260px;
}
.seeding-log-scroll {
  max-height: 520px;
  overflow-y: auto;
  padding-right: 6px;
  grid-template-columns: 1fr;
}
.seeding-log-scroll .security-log-card {
  padding: 14px;
}
.seeding-log-scroll details pre {
  max-height: 240px;
}
@media(max-width: 900px) {
  .seeding-client-scroll,
  .seeding-action-scroll,
  .seeding-log-scroll { max-height: 360px; }
}

/* v52.135 dashboard permission layout fixes */
.dashboard-grid.dashboard-grid-no-groups {
  grid-template-areas:
    "hero hero"
    "servers adminlogs";
}
.dashboard-grid.dashboard-grid-no-servers {
  grid-template-areas:
    "hero hero"
    "groups adminlogs";
}
.dashboard-grid.dashboard-grid-no-groups.dashboard-grid-no-servers {
  grid-template-areas:
    "hero hero"
    "adminlogs adminlogs";
}
@media (max-width: 900px) {
  .dashboard-grid.dashboard-grid-no-groups,
  .dashboard-grid.dashboard-grid-no-servers,
  .dashboard-grid.dashboard-grid-no-groups.dashboard-grid-no-servers {
    grid-template-areas:"hero" "groups" "servers" "adminlogs";
  }
}

/* WARCRON v52.137 player detail action buttons */
.player-detail-hero .hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.player-detail-hero .hero-actions > a.button,
.player-detail-hero .hero-actions > button{min-height:40px;padding:10px 14px;line-height:1;font-size:.95rem;border-radius:10px;}
@media(max-width:760px){.player-detail-hero .hero-actions{justify-content:flex-start;width:100%;}}

/* WARCRON v52.142 manual player associations */
.player-associate-modal-card{width:min(680px,96vw);}
.player-associate-search-shell{position:relative;}
.player-associate-results{position:absolute;z-index:6;left:0;right:0;top:calc(100% + 6px);display:grid;gap:2px;max-height:280px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);}
.player-associate-results[hidden]{display:none!important;}
.player-associate-result,.player-associate-member{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid transparent;border-radius:10px;cursor:pointer;}
.player-associate-result:hover{border-color:var(--accent);background:var(--panel2);}
.player-associate-result-copy,.player-associate-member-copy{display:grid;gap:3px;min-width:0;}
.player-associate-result-copy span,.player-associate-member-copy span{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0;}
.player-associate-result-copy code,.player-associate-member-copy code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.player-associate-selected{display:grid;gap:6px;max-height:260px;overflow:auto;}
.player-associate-member{cursor:default;border-color:var(--line);background:var(--panel2);}
.player-associate-member.is-anchor{opacity:.82;}
.player-associate-help,.player-associate-status{margin:4px 0 0;}
.player-associate-status:empty{display:none;}
@media(max-width:620px){.player-associate-result-copy span,.player-associate-member-copy span{align-items:flex-start;flex-direction:column;}.player-associate-results{max-height:230px;}}

/* WARCRON v52.141 Supreme Admin backup/changelog/groups redesign */
input[type="checkbox"],
input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 16px!important;
  accent-color:var(--accent);
}
.check-row{
  align-items:center;
  gap:8px;
}
.inline-row-form{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.inline-row-form input,
.inline-row-form select{
  margin:0;
  min-width:0;
}
.inline-row-form button{
  flex:0 0 auto;
}
.responsive-table{
  overflow-x:auto;
}
.supreme-groups-table td{
  vertical-align:middle;
}
.supreme-group-rename-form{
  max-width:680px;
}
.supreme-group-actions,
.changelog-row-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  min-width:max-content;
}
.supreme-group-actions form,
.changelog-row-actions form,
.backup-server-row-actions form{
  margin:0;
}
.supreme-group-actions button,
.changelog-row-actions button{
  white-space:nowrap;
}
.changelog-admin-panel .section-head,
.backup-redesign-panel .section-head,
.backup-server-list-panel .section-head{
  align-items:center;
  margin-bottom:14px;
}
.changelog-admin-table td{
  vertical-align:middle;
}
.changelog-detail-dl{
  margin:0 0 14px;
}
.changelog-detail-body{
  max-height:62vh;
}
.changelog-admin-modal textarea{
  min-height:260px;
}
.backup-redesign-panel{
  display:grid;
  gap:14px;
}
.backup-page-header{
  margin-bottom:0!important;
}
.backup-progress-banner{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(86,168,236,.28);
  border-radius:14px;
  background:rgba(86,168,236,.08);
}
.backup-progress-banner[hidden]{
  display:none!important;
}
.backup-progress-banner strong,
.backup-progress-banner p{
  margin:0;
}
.backup-progress-spinner{
  width:20px;
  height:20px;
  border-radius:999px;
  border:3px solid currentColor;
  border-right-color:transparent;
  animation:warcronSpin .75s linear infinite;
  color:var(--accent);
  flex:0 0 auto;
}
.backup-tools-grid-standalone{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.backup-server-list{
  display:grid;
  gap:10px;
}
.backup-server-row{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "main actions"
    "meta actions";
  gap:12px 18px;
  padding:14px;
  border:1px solid rgba(86,168,236,.22);
  border-radius:14px;
  background:rgba(8,20,34,.42);
}
.backup-server-row-main{
  grid-area:main;
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
.backup-server-row-title{
  display:grid;
  gap:4px;
  min-width:0;
}
.backup-server-row-title h3{
  margin:0;
}
.backup-server-row-title code{
  word-break:break-word;
}
.backup-server-row-main .status-pill{
  margin-left:0;
  flex:0 0 auto;
}
.backup-server-row-meta{
  grid-area:meta;
  display:grid;
  grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr) 120px minmax(0,1fr);
  gap:6px 10px;
  margin:0;
}
.backup-server-row-meta dt{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.backup-server-row-meta dd{
  margin:0;
  min-width:0;
  word-break:break-word;
}
.backup-server-row-actions{
  grid-area:actions;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:260px;
}
.backup-server-row-actions button{
  min-width:100px;
}
.backup-server-modal-card .backup-card-actions{
  margin-top:10px;
}
.backup-server-modal-card .backup-option-grid .check-row{
  min-height:38px;
}
button.is-loading{
  pointer-events:none;
  opacity:.82;
}
@media (max-width:1100px){
  .backup-server-row{
    grid-template-columns:1fr;
    grid-template-areas:"main" "meta" "actions";
  }
  .backup-server-row-actions{
    justify-content:flex-start;
    min-width:0;
  }
  .backup-server-row-meta{
    grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr);
  }
}
@media (max-width:760px){
  .backup-tools-grid-standalone,
  .backup-tools-grid,
  .backup-form-grid-wide,
  .backup-restore-fields,
  .backup-option-grid{
    grid-template-columns:1fr;
  }
  .backup-server-row-meta{
    grid-template-columns:110px minmax(0,1fr);
  }
  .supreme-group-actions,
  .changelog-row-actions{
    flex-wrap:wrap;
  }
}
.backup-inline-progress{
  grid-area:meta;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(86,168,236,.24);
  border-radius:10px;
  background:rgba(86,168,236,.08);
  width:max-content;
  max-width:100%;
}
.backup-inline-progress .backup-progress-spinner{
  width:14px;
  height:14px;
  border-width:2px;
}
.backup-inline-progress strong{
  font-size:12px;
}
.backup-server-row{
  grid-template-areas:
    "main actions"
    "progress actions"
    "meta actions";
}
.backup-inline-progress{
  grid-area:progress;
}
@media (max-width:1100px){
  .backup-server-row{
    grid-template-areas:"main" "progress" "meta" "actions";
  }
}

/* WARCRON v52.142 Supreme header buttons, backup layout, settings gear popups, worker stats redesign */
.section-head,
.panel-header.section-head,
.supreme-title-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
}
.section-head > div,
.supreme-title-actions > div{
  min-width:0;
}
.section-head h2,
.supreme-title-actions h2{
  margin:0;
}
.section-head > button,
.supreme-title-actions > button{
  flex:0 0 auto;
  margin-left:auto;
}
.settings-gear-button{
  width:40px;
  height:40px;
  min-width:40px;
  padding:0;
  display:inline-grid;
  place-items:center;
  border-radius:12px;
  font-size:18px;
  line-height:1;
  background:rgba(86,168,236,.10);
  border:1px solid rgba(86,168,236,.28);
  color:var(--text);
}
.settings-gear-button:hover{
  background:rgba(86,168,236,.18);
  border-color:rgba(86,168,236,.44);
}
.settings-modal-card .check-row,
.settings-toggle-grid .check-row{
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(86,168,236,.18);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.legal-admin-panel .section-head{
  margin-bottom:10px;
}
.backup-tools-grid-standalone{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.backup-tools-grid-standalone > .backup-tool-card{
  min-width:0!important;
  width:100%!important;
}
.backup-redesign-panel .section-head,
.changelog-admin-panel .section-head,
.backup-server-list-panel .section-head{
  display:flex!important;
  justify-content:space-between!important;
}
@media(max-width:760px){
  .backup-tools-grid-standalone{
    grid-template-columns:repeat(2,minmax(280px,1fr))!important;
    overflow-x:auto;
    padding-bottom:4px;
  }
}

.worker-stats-redesign{
  display:grid;
  gap:16px;
  overflow:hidden;
}
.worker-stats-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.worker-stats-title-row h3,
.worker-stats-title-row p{
  margin:0;
}
.worker-stats-title-row p{
  margin-top:4px;
}
.worker-visual-grid{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr);
  gap:14px;
}
.worker-usage-card,
.worker-metric-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(86,168,236,.18);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(86,168,236,.10),rgba(255,255,255,.025));
  padding:16px;
}
.worker-usage-card{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:132px;
}
.worker-usage-card h4,
.worker-usage-card p{
  margin:0;
}
.worker-usage-card p{
  margin-top:4px;
}
.worker-ring{
  --pct:0;
  width:92px;
  height:92px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at center, var(--panel) 0 56%, transparent 57%),
    conic-gradient(var(--accent) var(--pct), rgba(255,255,255,.10) 0);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.18);
  flex:0 0 auto;
}
.worker-ring span{
  font-weight:900;
  color:var(--text);
}
.worker-mini-chart{
  height:92px;
  width:116px;
  display:flex;
  align-items:flex-end;
  gap:7px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.16);
  flex:0 0 auto;
}
.worker-mini-chart span{
  display:block;
  flex:1;
  min-height:14%;
  border-radius:999px 999px 4px 4px;
  background:rgba(86,168,236,.56);
}
.worker-memory-card strong{
  display:block;
  margin-top:3px;
  font-size:20px;
}
.worker-metric-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.worker-metric-card{
  min-height:104px;
  display:grid;
  align-content:end;
  gap:5px;
}
.worker-metric-card::after{
  content:attr(data-worker-icon);
  position:absolute;
  right:14px;
  top:6px;
  font-size:72px;
  line-height:1;
  font-weight:900;
  color:rgba(255,255,255,.06);
  pointer-events:none;
}
.worker-metric-card span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.worker-metric-card strong{
  font-size:30px!important;
  line-height:1!important;
}
.worker-error-card{
  background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(255,255,255,.025));
  border-color:rgba(239,68,68,.22);
}
.worker-detail-grid{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 110px minmax(0,1fr) 110px minmax(0,1fr);
  gap:8px 10px;
  margin:0;
  padding:12px;
  border:1px solid rgba(86,168,236,.14);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.worker-detail-grid dt{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.worker-detail-grid dd{
  margin:0;
  min-width:0;
  word-break:break-word;
}
@media(max-width:1200px){
  .worker-visual-grid,
  .worker-metric-cards{
    grid-template-columns:1fr;
  }
  .worker-detail-grid{
    grid-template-columns:110px minmax(0,1fr);
  }
}

/* v52.143 requested layout cleanup */
.server-settings-title-card{display:none!important}
.server-settings-tabs{margin:16px 0 18px!important;padding:0!important;background:transparent!important;border:0!important}
.server-settings-tab-card{display:none!important}
.admin-tabs.server-settings-tabs button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  min-width:auto!important;
  width:auto!important;
  flex:0 0 auto!important;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  color:var(--muted)!important;
  padding:10px 12px!important;
  border-radius:12px!important;
}
.admin-tabs.server-settings-tabs button.active,
.admin-tabs.server-settings-tabs button:hover{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}
.settings-toggle-grid,
.legal-toggle-grid,
.backup-option-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}
.settings-toggle-grid .check-row,
.legal-toggle-grid .check-row,
.backup-option-grid .check-row{
  width:100%!important;
  justify-content:flex-start!important;
}
.backup-page-grid-two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.backup-page-grid-two > .panel{
  margin:0!important;
  min-width:0!important;
  height:100%!important;
}
.backup-page-grid-two .backup-tools-grid-standalone{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.backup-server-list-panel .backup-server-list{
  max-height:560px;
  overflow:auto;
  padding-right:4px;
}
.backup-recent-files-panel{margin-top:16px!important}
@media(max-width:1200px){
  .backup-page-grid-two{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .backup-page-grid-two .backup-tools-grid-standalone{grid-template-columns:1fr!important;overflow:visible!important}
}
.worker-stats-title-row p:empty{display:none!important}
.worker-metric-card strong{
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.worker-name-card strong{font-size:20px!important;line-height:1.15!important}
.supreme-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  gap:16px;
  align-items:start;
}
.supreme-overview-worker-card,
.supreme-overview-detail-card{
  min-width:0;
}
.supreme-overview-metric-cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.supreme-overview-detail-card h3{margin-top:0}
.supreme-overview-detail-grid{
  grid-template-columns:130px minmax(0,1fr);
}
@media(max-width:1200px){
  .supreme-dashboard-grid{grid-template-columns:1fr}
  .supreme-overview-metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .supreme-overview-metric-cards{grid-template-columns:1fr}
}


/* v52.144 overview, backup spacing, worker controls and management cleanup */
.supreme-overview-dashboard{
  grid-template-columns:1fr;
}
.supreme-overview-worker-card .status-pill{display:none!important}
.supreme-overview-detail-card{display:grid;gap:16px}
.supreme-database-metric-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.supreme-overview-metric-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.supreme-overview-detail-card h3{margin:0!important}
.supreme-overview-detail-card .worker-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.backup-page-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:18px!important}
.backup-page-grid-two > .panel{height:auto!important;align-self:start!important;min-height:0!important}
.backup-redesign-panel{display:grid;gap:16px}
.backup-redesign-panel .section-head{margin-bottom:0!important}
.backup-tools-grid-standalone{gap:14px!important;align-items:stretch!important}
.backup-tool-card{min-height:240px!important;padding:18px!important}
.backup-tool-card .backup-card-actions{margin-top:auto!important}
.backup-server-list-panel{display:grid;gap:14px;overflow:hidden}
.backup-server-list-panel .section-head{margin-bottom:0!important}
.backup-server-list-panel .backup-server-list{max-height:none!important;overflow:visible!important;padding-right:0!important;gap:12px!important}
.backup-server-row{grid-template-columns:1fr!important;grid-template-areas:"main" "progress" "meta" "actions"!important;gap:12px!important;padding:16px!important;overflow:hidden!important}
.backup-server-row-main{align-items:center!important;justify-content:space-between!important;gap:12px!important}
.backup-server-row-title{min-width:0!important;max-width:100%!important}
.backup-server-row-title code{display:block;white-space:normal!important;overflow-wrap:anywhere!important}
.backup-server-summary-grid{grid-area:meta!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.backup-server-summary-grid > div{min-width:0;border:1px solid rgba(86,168,236,.14);border-radius:12px;background:rgba(255,255,255,.025);padding:10px}
.backup-server-summary-grid span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.backup-server-summary-grid strong{display:block;font-size:13px;line-height:1.25;word-break:break-word;overflow-wrap:anywhere}
.backup-server-row-actions{grid-area:actions!important;min-width:0!important;justify-content:flex-end!important;align-items:center!important;width:100%!important}
.backup-server-row-actions form{margin:0!important}
.backup-server-row-actions button{min-width:96px!important}
.backup-inline-progress{width:100%!important}
.backup-recent-files-panel{margin-top:18px!important}
@media(max-width:1260px){.backup-page-grid-two{grid-template-columns:1fr!important}.backup-server-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.backup-tools-grid-standalone,.backup-server-summary-grid,.supreme-overview-detail-card .worker-visual-grid{grid-template-columns:1fr!important}.backup-server-row-actions{justify-content:stretch!important}.backup-server-row-actions form,.backup-server-row-actions button{width:100%!important}}

.section-head + .service-card-grid,
.section-head + .security-log-grid{margin-top:16px!important}
.supreme-services-panel,.security-health-panel{display:grid;gap:16px}

.worker-controls-card{display:grid!important;gap:16px!important;align-content:start!important;min-height:100%!important}
.worker-control-icon-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 2px}
.worker-control-icon-cards .worker-metric-card{min-height:112px;padding:14px}
.worker-control-icon-cards .worker-metric-card strong{font-size:20px!important;line-height:1.15!important;word-break:break-word;overflow-wrap:anywhere}
.worker-controls-card .vertical-actions{margin-top:auto!important}
.worker-controls-card .vertical-actions button{min-height:42px!important}
.fixed-worker-grid{align-items:stretch!important}
.fixed-worker-grid .worker-controls-card,.fixed-worker-grid .worker-stats-card{height:100%!important}

.fixed-management-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:14px!important;align-items:start!important;grid-auto-flow:dense!important}
.fixed-management-grid .management-card,.fixed-management-grid .management-wide{grid-column:auto!important;min-height:0!important;height:auto!important;align-self:start!important}
.fixed-management-grid .management-card form,.fixed-management-grid .management-wide .action-grid{margin-top:10px!important}
.fixed-management-grid .action-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important}

.settings-toggle-grid,
.legal-toggle-grid,
.backup-option-grid{grid-template-columns:1fr!important}
.settings-toggle-grid .check-row,
.legal-toggle-grid .check-row,
.backup-option-grid .check-row{display:flex!important;width:100%!important}


/* v52.145 broken overview, backup, worker action cards, modules and management fixes */
.admin-tabs{max-width:100%;overflow-x:auto;overflow-y:hidden}
.supreme-overview-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
  overflow:hidden!important;
}
.supreme-overview-dashboard > .panel{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.supreme-overview-dashboard .worker-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.supreme-overview-dashboard .worker-metric-card strong{font-size:24px!important;line-height:1.05!important}
.supreme-overview-dashboard .worker-metric-card{min-width:0!important}
.supreme-overview-dashboard .worker-metric-card::after{font-size:52px!important;right:12px!important;opacity:.07!important}
@media(max-width:1320px){.supreme-overview-dashboard{grid-template-columns:1fr!important}}
@media(max-width:760px){.supreme-overview-dashboard .worker-visual-grid{grid-template-columns:1fr!important}}

.backup-page-grid-two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
}
.backup-page-grid-two > .panel{min-width:0!important;max-width:100%!important;overflow:hidden!important;margin:0!important;height:auto!important;align-self:start!important}
.backup-redesign-panel{min-height:0!important;align-content:start!important}
.backup-page-header{gap:14px!important;align-items:center!important}
.backup-tools-grid-standalone{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:14px!important;align-items:stretch!important;overflow:visible!important}
.backup-tool-card{min-height:220px!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:12px!important}
.backup-restore-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}
.backup-restore-fields input{min-width:0!important;width:100%!important}
.backup-server-list-panel{display:grid!important;gap:14px!important;align-content:start!important}
.backup-server-list{display:grid!important;gap:12px!important;max-height:none!important;overflow:visible!important;padding:0!important;min-width:0!important}
.backup-server-row{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"main" "progress" "meta" "actions"!important;gap:12px!important;padding:16px!important;min-width:0!important;overflow:hidden!important}
.backup-server-row-main{grid-area:main!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
.backup-server-row-title{min-width:0!important;overflow:hidden!important}
.backup-server-row-title h3{margin:0 0 4px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.backup-server-row-title code{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.backup-server-summary-grid{grid-area:meta!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;min-width:0!important;margin:0!important}
.backup-server-summary-grid > div{min-width:0!important;overflow:hidden!important;border:1px solid rgba(86,168,236,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;padding:10px!important}
.backup-server-summary-grid strong{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.25!important;font-size:12px!important}
.backup-server-row-actions{grid-area:actions!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;min-width:0!important;align-items:stretch!important}
.backup-server-row-actions form,.backup-server-row-actions button{width:100%!important;min-width:0!important;margin:0!important}
@media(max-width:1350px){.backup-page-grid-two{grid-template-columns:1fr!important}.backup-server-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.backup-tools-grid-standalone,.backup-restore-fields,.backup-server-summary-grid,.backup-server-row-actions{grid-template-columns:1fr!important}}

.worker-controls-card{min-height:0!important;height:auto!important}
.worker-control-icon-cards{display:none!important}
.worker-action-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:6px!important}
.worker-action-card-grid form{display:block!important;margin:0!important;min-width:0!important}
.worker-action-card-grid button{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  min-height:96px!important;
  display:grid!important;
  align-content:end!important;
  gap:4px!important;
  text-align:left!important;
  padding:16px!important;
  border-radius:16px!important;
  border:1px solid rgba(86,168,236,.24)!important;
  background:linear-gradient(135deg,rgba(35,97,163,.28),rgba(9,22,37,.84))!important;
  color:var(--text)!important;
}
.worker-action-card-grid button.danger{border-color:rgba(239,68,68,.35)!important;background:linear-gradient(135deg,rgba(239,68,68,.22),rgba(9,22,37,.84))!important}
.worker-action-card-grid button::after{content:attr(data-action-icon);position:absolute;right:12px;top:8px;font-size:54px;line-height:1;opacity:.09;font-weight:900;pointer-events:none}
.worker-action-card-grid button span{position:relative;z-index:1;font-weight:900;font-size:14px;line-height:1.15}
.worker-action-card-grid button small{position:relative;z-index:1;color:var(--muted);font-size:12px;font-weight:700;line-height:1.25}
.worker-action-card-grid button:disabled{opacity:.52!important;cursor:not-allowed!important}
@media(max-width:760px){.worker-action-card-grid{grid-template-columns:1fr!important}}

.settings-section-plain-title{margin:0 0 14px!important}
.module-auto-save-form{display:block!important;margin:0!important}
.module-standalone-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:14px!important;align-items:stretch!important}
.module-card{position:relative!important;min-height:190px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(17,35,56,.94),rgba(8,18,32,.96))!important;border:1px solid rgba(86,168,236,.22)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 16px 34px rgba(0,0,0,.16)!important}
.module-card::after{content:attr(data-module-icon);position:absolute;right:14px;bottom:8px;font-size:70px;opacity:.055;line-height:1;pointer-events:none}
.module-card-top{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.module-icon-card{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(86,168,236,.24);background:rgba(59,130,246,.13);box-shadow:inset 0 0 18px rgba(59,130,246,.08);font-size:22px;line-height:1}
.module-card .switch-inline{justify-self:end;white-space:nowrap}
.module-card p{position:relative;z-index:1;margin:12px 0 0!important;color:var(--muted)}
.module-settings-button{position:relative;z-index:1;margin-top:12px!important;width:auto!important}
.module-autosave-status{border:1px solid rgba(86,168,236,.16);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.025);font-weight:800;font-size:12px}
.module-autosave-status.saving{color:#93c5fd}.module-autosave-status.saved{color:#86efac}.module-autosave-status.failed{color:#fca5a5}
@media(max-width:760px){.module-card-top{grid-template-columns:auto minmax(0,1fr)!important}.module-card .switch-inline{grid-column:1 / -1;justify-self:start}.module-standalone-grid{grid-template-columns:1fr!important}}

.fixed-management-grid{align-items:start!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;grid-auto-flow:dense!important}
.fixed-management-grid .management-card,.fixed-management-grid .server-rcon-settings-card{margin-top:0!important;align-self:start!important;height:auto!important;min-height:0!important}
.server-rcon-settings-card .action-grid{margin-top:10px!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}

.player-detail-log-console{scroll-behavior:auto!important}


/* v52.146 overview merge, compact stats and control-card corrections */
.supreme-overview-single{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.supreme-overview-combined-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  display:grid!important;
  gap:16px!important;
}
.supreme-overview-main-title h3{margin:0!important}
.supreme-overview-visual-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  min-width:0!important;
}
.supreme-overview-visual-row .worker-usage-card{
  min-height:116px!important;
  padding:14px!important;
  min-width:0!important;
}
.supreme-overview-visual-row .worker-ring{width:72px!important;height:72px!important}
.supreme-overview-visual-row .worker-mini-chart{width:90px!important;height:72px!important}
.supreme-overview-metric-section{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}
.supreme-overview-metric-section h4{
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.compact-overview-cards,
.supreme-overview-combined-card .worker-metric-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
.supreme-overview-combined-card .worker-metric-card{
  min-height:76px!important;
  padding:12px 14px!important;
  align-content:center!important;
  gap:4px!important;
  min-width:0!important;
}
.supreme-overview-combined-card .worker-metric-card span{
  font-size:11px!important;
  line-height:1.15!important;
}
.supreme-overview-combined-card .worker-metric-card strong{
  font-size:24px!important;
  line-height:1!important;
}
.supreme-overview-combined-card .worker-metric-card::after{
  font-size:44px!important;
  right:12px!important;
  top:8px!important;
  opacity:.055!important;
}
@media(max-width:1450px){.supreme-overview-visual-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.supreme-overview-visual-row{grid-template-columns:1fr!important}.compact-overview-cards,.supreme-overview-combined-card .worker-metric-cards{grid-template-columns:1fr!important}}

.worker-action-card-grid{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.worker-action-card-grid button{
  min-height:74px!important;
  align-content:center!important;
  padding:14px 16px!important;
}
.worker-action-card-grid button::after{
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:48px!important;
}
.worker-action-card-grid button small{
  margin-top:2px!important;
}
.worker-controls-card .vertical-actions{margin-top:8px!important}
.module-autosave-status{display:none!important}
.module-card small{display:none!important}
.module-card-top{align-items:center!important}


/* v52.147 supreme nav/sidebar/worker/modules polish */
.main-shell,
.content,
.panel,
.supreme-admin-tabs,
.supreme-overview-single,
.supreme-overview-combined-card{
  min-width:0!important;
  max-width:100%!important;
}
.content{overflow-x:hidden!important;}
.supreme-admin-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:16px 0 18px!important;
  overflow:visible!important;
}
.supreme-admin-tabs a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.supreme-overview-dashboard{
  grid-template-columns:1fr!important;
  overflow:hidden!important;
}
.supreme-overview-combined-card{
  overflow:hidden!important;
}
.supreme-overview-visual-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.compact-overview-cards,
.supreme-overview-combined-card .worker-metric-cards{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
}
.supreme-overview-combined-card .worker-metric-card{
  min-height:72px!important;
  padding:12px 14px!important;
}
@media(max-width:1500px){.supreme-overview-visual-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.supreme-overview-visual-row{grid-template-columns:1fr!important}.compact-overview-cards,.supreme-overview-combined-card .worker-metric-cards{grid-template-columns:1fr!important}}

.side-nav a.active,
.supreme-link.active,
.server-link.active{
  background:
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--accent2) 30%, transparent), transparent 38%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--panel) 72%, var(--accent) 28%),
      color-mix(in srgb, var(--panel) 88%, var(--bg2) 12%) 58%,
      color-mix(in srgb, var(--panel) 72%, var(--bg) 28%)
    )!important;
  border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line))!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.16)!important;
}
body.theme-light .side-nav a.active,
body.theme-light .supreme-link.active,
body.theme-light .server-link.active{color:#0f172a!important;}

.worker-controls-card h3{margin-bottom:6px!important;}
.worker-controls-card .vertical-actions,
.worker-action-card-grid{margin-top:2px!important;}
.worker-action-card-grid{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.worker-action-card-grid button{
  min-height:68px!important;
  padding:13px 16px!important;
}
.worker-action-card-grid button span{font-size:14px!important;}
.worker-action-card-grid button small{display:block!important;font-size:12px!important;}
.worker-stats-card .worker-detail-grid{display:none!important;}

.module-standalone-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.module-card{min-height:174px!important;}
@media(max-width:1500px){.module-standalone-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){.module-standalone-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.module-standalone-grid{grid-template-columns:1fr!important}}

.group-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
@media(max-width:900px){.group-management-grid{grid-template-columns:1fr!important}}


/* v52.149 supreme overview, worker buttons, module checkbox polish */
.app-shell{
  grid-template-columns:280px minmax(0,1fr)!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.main-shell{
  min-width:0!important;
  max-width:calc(100vw - 280px)!important;
  overflow-x:hidden!important;
}
.content{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.supreme-admin-tabs{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:42px!important;
  width:100%!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin:16px 0 18px!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
}
.supreme-admin-tabs a{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.supreme-overview-single,
.supreme-overview-combined-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.supreme-overview-visual-row{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.supreme-overview-visual-row .worker-usage-card,
.supreme-overview-combined-card .worker-metric-card{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.compact-overview-cards,
.supreme-overview-combined-card .worker-metric-cards{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.worker-action-card-grid button{
  justify-items:start!important;
  justify-content:start!important;
  align-items:center!important;
  text-align:left!important;
}
.worker-action-card-grid button span,
.worker-action-card-grid button small{
  text-align:left!important;
  justify-self:start!important;
}
.worker-action-card-grid button small{
  display:block!important;
}
.worker-controls-card h3{
  margin-bottom:2px!important;
}
.worker-action-card-grid{
  margin-top:0!important;
}
.module-card .switch-inline{
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  gap:0!important;
}
.module-card .switch-inline input{
  margin:0!important;
}
@media(max-width:900px){
  .app-shell{grid-template-columns:1fr!important;}
  .main-shell{max-width:100vw!important;}
}

/* v52.150 sticky sidebar + Clan List module UI */
@media (min-width:901px){
  html,body{overflow-x:clip!important;}
  .app-shell{overflow:visible!important;align-items:start!important;}
  .sidebar{
    position:sticky!important;
    top:0!important;
    align-self:start!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    z-index:30!important;
  }
  .main-shell{overflow:visible!important;}
}
.clan-tag-rows{display:grid;gap:8px;}
.clan-tag-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.clan-tag-row input{margin:0!important;}
.clan-tag-row button{white-space:nowrap;}
.module-card-disabled{opacity:.58;filter:saturate(.75);}
.module-card-disabled p::after{content:" Clan List must be enabled first.";color:#fca5a5;font-weight:800;}
@media(max-width:640px){.clan-tag-row{grid-template-columns:1fr}.clan-tag-row button{width:100%;}}

/* WARCRON v52.151 HLL overview game state icon cards and persistent player details */
.game-state-grid > div[data-state-icon]{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(86,168,236,.10),rgba(255,255,255,.025))!important;
  border-color:rgba(86,168,236,.18)!important;
}
.game-state-grid > div[data-state-icon]::after{
  content:attr(data-state-icon);
  position:absolute;
  right:10px;
  top:2px;
  font-size:48px;
  line-height:1;
  font-weight:900;
  color:rgba(255,255,255,.055);
  pointer-events:none;
}
.game-state-grid > div[data-state-icon] span,
.game-state-grid > div[data-state-icon] strong{
  position:relative;
  z-index:1;
}
.message-all-modal-card textarea,
#messageAllModal textarea{
  min-height:120px;
  resize:vertical;
}

/* WARCRON v52.159 Player Analysis modal headers + dashboard image cards */
.watcher-brain-gradient-modal-card{
  width:min(1040px,96vw) !important;
  max-width:none !important;
}
.watcher-brain-gradient-modal-card .ban-gradient-modal-body{
  padding:18px 22px 22px !important;
}
#watcherBrainModal .watcher-brain-live{
  margin-top:0 !important;
}
#watcherBrainModal .watcher-live-process-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}
#watcherBrainModal .watcher-live-process-list,
#watcherBrainModal .watcher-live-card ol{
  flex:1 1 auto !important;
  min-height:320px !important;
  max-height:520px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:8px !important;
  scrollbar-gutter:stable !important;
}
#watcherBrainModal .watcher-live-process-list li{
  padding:8px 10px !important;
  border:1px solid rgba(87,126,170,.20) !important;
  border-radius:10px !important;
  background:rgba(5,17,30,.28) !important;
}




/* v52.163 ban feedback notifications + player detail HLL stat cards */
.warcron-toast-stack{
  position:fixed;
  right:22px;
  top:22px;
  z-index:99999;
  display:grid;
  gap:10px;
  width:min(420px,calc(100vw - 32px));
  pointer-events:none;
}
.warcron-toast{
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease;
  border:1px solid rgba(86,168,236,.34);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(9,22,37,.98),rgba(15,36,61,.96));
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  padding:12px 14px;
  display:grid;
  gap:3px;
  color:var(--text);
  pointer-events:auto;
}
.warcron-toast.show{opacity:1;transform:translateY(0)}
.warcron-toast strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.warcron-toast span{font-size:.92rem;line-height:1.35;color:#dbeafe}
.warcron-toast.success{border-color:rgba(34,197,94,.45);background:linear-gradient(135deg,rgba(6,78,59,.96),rgba(9,22,37,.98))}
.warcron-toast.error{border-color:rgba(239,68,68,.55);background:linear-gradient(135deg,rgba(127,29,29,.96),rgba(9,22,37,.98))}
.success-text{color:#22c55e!important}
.hll-main-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.hll-main-metric-card{
  min-height:118px!important;
  padding:14px!important;
  overflow:hidden;
}
.hll-main-metric-card strong{font-size:25px!important;line-height:1.1!important}
.hll-main-metric-card small{position:relative;z-index:1;color:var(--muted);font-weight:800;font-size:12px;line-height:1.25}
.hll-main-metric-card::after{font-size:54px!important;right:12px!important;top:8px!important;opacity:.09!important}
.hll-context-card-grid{margin-top:0}
@media(max-width:1250px){.hll-main-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.hll-main-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.hll-main-metric-grid{grid-template-columns:1fr!important}.warcron-toast-stack{right:16px;top:16px}}

/* WARCRON v52.164 visible HLL stat icons + toast persistence polish */
.hll-main-metric-card{
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  align-content:start!important;
  align-items:start!important;
  gap:8px!important;
  min-height:120px!important;
  padding:14px!important;
}
.hll-main-metric-card::after{
  color:rgba(255,255,255,.08)!important;
  opacity:.38!important;
}
.hll-stat-card-title{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:32px!important;
  margin:0!important;
}
.hll-main-metric-card .hll-stat-card-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  border:1px solid rgba(86,168,236,.34)!important;
  background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(34,197,94,.10))!important;
  color:#eef6ff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:inset 0 0 18px rgba(86,168,236,.08)!important;
}
.hll-main-metric-card .hll-stat-card-label{
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  margin:0!important;
}
.hll-main-metric-card strong{
  position:relative!important;
  z-index:1!important;
  margin:2px 0 0!important;
}
.hll-main-metric-card small{
  align-self:end!important;
  margin-top:0!important;
}
.warcron-toast-stack{
  z-index:2147483000!important;
}
.warcron-toast{
  min-height:58px!important;
}

/* WARCRON v52.165 HLL stat cards: one background icon only + separate gradients */
.hll-main-metric-card{
  grid-template-rows:auto auto 1fr!important;
  min-height:122px!important;
  padding:14px 14px 12px!important;
  border-width:1px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.13)!important;
}
.hll-main-metric-card .hll-stat-card-icon{display:none!important}
.hll-stat-card-title{
  min-height:18px!important;
  gap:0!important;
  align-items:flex-start!important;
  margin:0 0 2px!important;
}
.hll-main-metric-card .hll-stat-card-label{
  display:block!important;
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
}
.hll-main-metric-card::after{
  right:14px!important;
  top:10px!important;
  font-size:58px!important;
  opacity:.34!important;
}
.hll-main-metric-card strong{margin-top:0!important}
.hll-main-metric-card small{align-self:end!important;margin-top:3px!important}
.hll-metric-kills{
  border-color:rgba(59,130,246,.26)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
.hll-metric-deaths{
  border-color:rgba(239,68,68,.24)!important;
  background:linear-gradient(135deg,rgba(127,29,29,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
.hll-metric-kpm{
  border-color:rgba(34,197,94,.24)!important;
  background:linear-gradient(135deg,rgba(22,101,52,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
.hll-metric-level{
  border-color:rgba(251,146,60,.32)!important;
  background:linear-gradient(135deg,rgba(194,91,18,.24),rgba(45,25,9,.38) 34%,rgba(6,22,38,.88) 70%)!important;
}
.hll-metric-winrate{
  border-color:rgba(234,179,8,.30)!important;
  background:linear-gradient(135deg,rgba(161,98,7,.20),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
.hll-metric-playtime{
  border-color:rgba(168,85,247,.27)!important;
  background:linear-gradient(135deg,rgba(88,28,135,.20),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
.hll-metric-kills::after{color:rgba(147,197,253,.15)!important}
.hll-metric-deaths::after{color:rgba(252,165,165,.13)!important}
.hll-metric-kpm::after{color:rgba(134,239,172,.14)!important}
.hll-metric-level::after{color:rgba(251,191,36,.18)!important}
.hll-metric-winrate::after{color:rgba(253,224,71,.16)!important}
.hll-metric-playtime::after{color:rgba(216,180,254,.15)!important}

/* WARCRON v52.169 HLL overview gradient icon-card spacing + unique card gradients */
.game-state-grid-redesign{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.game-state-grid-redesign > .game-state-icon-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-height:108px!important;
  padding:16px 14px 13px!important;
  border:1px solid rgba(86,168,236,.22)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.13)!important;
}
.game-state-grid-redesign > .game-state-icon-card::after{
  content:attr(data-state-icon)!important;
  position:absolute!important;
  right:12px!important;
  top:10px!important;
  font-size:56px!important;
  line-height:1!important;
  font-weight:900!important;
  opacity:.32!important;
  pointer-events:none!important;
}
.game-state-grid-redesign > .game-state-icon-card span,
.game-state-grid-redesign > .game-state-icon-card strong{
  position:relative!important;
  z-index:1!important;
}
.game-state-grid-redesign > .game-state-icon-card > span{
  display:block!important;
  margin:0!important;
  min-height:13px!important;
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
.game-state-grid-redesign > .game-state-icon-card > strong{
  display:block!important;
  margin:0!important;
  color:var(--text)!important;
  font-size:20px!important;
  line-height:1.12!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.game-state-map-card{
  border-color:rgba(59,130,246,.34)!important;
  background:radial-gradient(circle at 88% 18%,rgba(56,189,248,.16),transparent 34%),linear-gradient(135deg,rgba(29,78,216,.26),rgba(7,27,51,.78) 48%,rgba(6,22,38,.93) 100%)!important;
}
.game-state-mode-card{
  border-color:rgba(34,197,94,.32)!important;
  background:radial-gradient(circle at 88% 18%,rgba(45,212,191,.13),transparent 34%),linear-gradient(135deg,rgba(21,128,61,.25),rgba(9,46,37,.68) 46%,rgba(6,22,38,.93) 100%)!important;
}
.game-state-time-card{
  border-color:rgba(234,179,8,.36)!important;
  background:radial-gradient(circle at 88% 18%,rgba(250,204,21,.17),transparent 34%),linear-gradient(135deg,rgba(161,98,7,.27),rgba(60,41,12,.64) 46%,rgba(6,22,38,.93) 100%)!important;
}
.game-state-servermode-card{
  border-color:rgba(168,85,247,.34)!important;
  background:radial-gradient(circle at 88% 18%,rgba(192,132,252,.16),transparent 34%),linear-gradient(135deg,rgba(91,33,182,.26),rgba(40,23,70,.66) 46%,rgba(6,22,38,.93) 100%)!important;
}
.game-state-teams-card{
  gap:9px!important;
  border-color:rgba(251,146,60,.38)!important;
  background:radial-gradient(circle at 88% 18%,rgba(251,146,60,.13),transparent 34%),linear-gradient(135deg,rgba(194,65,12,.27),rgba(72,31,16,.66) 46%,rgba(6,22,38,.93) 100%)!important;
}
.game-state-map-card::after{color:rgba(147,197,253,.16)!important}
.game-state-mode-card::after{color:rgba(134,239,172,.15)!important}
.game-state-time-card::after{color:rgba(253,224,71,.17)!important}
.game-state-servermode-card::after{color:rgba(216,180,254,.16)!important}
.game-state-teams-card::after{content:none!important;display:none!important}
.team-player-counts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:2px!important;
}
.team-player-counts span{
  display:grid!important;
  gap:2px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.14)!important;
}
.team-player-counts b{
  display:block!important;
  color:var(--text)!important;
  font-size:22px!important;
  line-height:1!important;
}
.team-player-counts em{
  display:block!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-style:normal!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.current-players-icon-card{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  align-content:end!important;
  justify-content:stretch!important;
  gap:8px!important;
  padding:18px!important;
  border:1px solid rgba(86,168,236,.24)!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 40px rgba(0,0,0,.17)!important;
}
.current-players-icon-card::after{
  content:attr(data-current-icon);
  position:absolute;
  right:10px;
  top:4px;
  font-size:88px;
  line-height:1;
  font-weight:900;
  opacity:.20;
  pointer-events:none;
}
.current-players-icon-card .current-players-kicker,
.current-players-icon-card h2,
.current-players-icon-card .big-number,
.current-players-icon-card p{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
}
.current-players-icon-card .current-players-kicker{
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.current-players-icon-card h2{
  font-size:15px!important;
  line-height:1.1!important;
}
.current-players-icon-card .big-number{
  font-size:64px!important;
  line-height:.95!important;
  font-weight:950!important;
}
.current-players-icon-card p{
  font-size:12px!important;
  line-height:1.25!important;
}
.current-players-icon-card[data-player-count-level="low"]{
  border-color:rgba(239,68,68,.26)!important;
  background:linear-gradient(135deg,rgba(127,29,29,.22),rgba(6,22,38,.90) 62%,rgba(255,255,255,.025))!important;
}
.current-players-icon-card[data-player-count-level="medium"]{
  border-color:rgba(234,179,8,.30)!important;
  background:linear-gradient(135deg,rgba(161,98,7,.23),rgba(6,22,38,.90) 62%,rgba(255,255,255,.025))!important;
}
.current-players-icon-card[data-player-count-level="high"]{
  border-color:rgba(34,197,94,.28)!important;
  background:linear-gradient(135deg,rgba(22,101,52,.24),rgba(6,22,38,.90) 62%,rgba(255,255,255,.025))!important;
}
.current-players-icon-card[data-player-count-level="low"]::after{color:rgba(252,165,165,.18)!important}
.current-players-icon-card[data-player-count-level="medium"]::after{color:rgba(253,224,71,.18)!important}
.current-players-icon-card[data-player-count-level="high"]::after{color:rgba(134,239,172,.18)!important}
@media(max-width:1320px){
  .game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .game-state-grid-redesign{grid-template-columns:1fr!important}
  .current-players-icon-card .big-number{font-size:52px!important}
}

/* WARCRON v52.170 HLL overview card color + vertical spacing correction */
.game-state-card{
  padding:22px 22px 20px!important;
}
.game-state-card .overview-card-title-row{
  margin-bottom:14px!important;
  min-height:36px!important;
  align-items:center!important;
}
.game-state-card .game-state-grid-redesign{
  height:auto!important;
  padding-bottom:0!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
.game-state-grid-redesign > .game-state-icon-card{
  min-height:98px!important;
  padding:15px 14px!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:16px!important;
}
.game-state-grid-redesign > .game-state-icon-card > span{
  margin:0!important;
  min-height:0!important;
  line-height:1.1!important;
}
.game-state-grid-redesign > .game-state-icon-card > strong{
  margin:0!important;
  line-height:1.1!important;
}
.game-state-grid-redesign > .game-state-icon-card::after{
  top:12px!important;
  right:13px!important;
  font-size:54px!important;
  opacity:.24!important;
}
.game-state-map-card{
  border-color:rgba(56,189,248,.42)!important;
  background:radial-gradient(circle at 86% 18%,rgba(125,211,252,.23),transparent 34%),linear-gradient(135deg,rgba(14,116,144,.62),rgba(12,74,110,.46) 42%,rgba(6,22,38,.96) 100%)!important;
}
.game-state-mode-card{
  border-color:rgba(34,197,94,.42)!important;
  background:radial-gradient(circle at 86% 18%,rgba(134,239,172,.22),transparent 34%),linear-gradient(135deg,rgba(22,101,52,.62),rgba(20,83,45,.46) 42%,rgba(6,22,38,.96) 100%)!important;
}
.game-state-time-card{
  border-color:rgba(245,158,11,.46)!important;
  background:radial-gradient(circle at 86% 18%,rgba(253,224,71,.24),transparent 34%),linear-gradient(135deg,rgba(180,83,9,.64),rgba(120,53,15,.48) 42%,rgba(6,22,38,.96) 100%)!important;
}
.game-state-servermode-card{
  border-color:rgba(168,85,247,.46)!important;
  background:radial-gradient(circle at 86% 18%,rgba(216,180,254,.23),transparent 34%),linear-gradient(135deg,rgba(109,40,217,.62),rgba(88,28,135,.47) 42%,rgba(6,22,38,.96) 100%)!important;
}
.game-state-teams-card{
  justify-content:center!important;
  gap:8px!important;
  border-color:rgba(248,113,113,.46)!important;
  background:radial-gradient(circle at 86% 18%,rgba(251,146,60,.22),transparent 34%),linear-gradient(135deg,rgba(185,28,28,.60),rgba(154,52,18,.48) 42%,rgba(6,22,38,.96) 100%)!important;
}
.game-state-teams-card::after{
  content:none!important;
  display:none!important;
}
.game-state-teams-card > .team-player-counts{
  font-size:inherit!important;
  line-height:1!important;
}
.team-player-counts{
  gap:8px!important;
  margin-top:0!important;
}
.team-player-counts span{
  padding:7px 9px!important;
  background:rgba(0,0,0,.17)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.team-player-counts b{
  font-size:22px!important;
}
.team-player-counts em{
  font-size:10px!important;
}
@media(max-width:1320px){
  .game-state-card .game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .game-state-card .game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .game-state-card .game-state-grid-redesign{grid-template-columns:1fr!important}
}

/* WARCRON v52.171 HLL overview compact card height + stronger separate gradients */
.overview-grid{
  align-items:start!important;
}
.overview-grid > .game-state-card,
.overview-grid > .current-players-card{
  height:158px!important;
  min-height:158px!important;
  max-height:158px!important;
  align-self:start!important;
}
.overview-grid > .game-state-card{
  padding:16px 18px!important;
}
.game-state-card .overview-card-title-row{
  min-height:26px!important;
  margin-bottom:10px!important;
  align-items:center!important;
}
.game-state-card .overview-card-title-row h2{
  line-height:1.1!important;
  margin:0!important;
}
.game-state-card .game-state-grid,
.game-state-card .game-state-grid-redesign{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:74px!important;
}
.game-state-card .game-state-grid-redesign{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.game-state-grid-redesign > .game-state-icon-card{
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  padding:10px 12px!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}
.game-state-grid-redesign > .game-state-icon-card > span{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
}
.game-state-grid-redesign > .game-state-icon-card > strong{
  font-size:18px!important;
  line-height:1.05!important;
}
.game-state-grid-redesign > .game-state-icon-card::after{
  top:8px!important;
  right:10px!important;
  font-size:42px!important;
  opacity:.18!important;
}
.game-state-map-card{
  border-color:rgba(56,189,248,.58)!important;
  background:radial-gradient(circle at 90% 16%,rgba(125,211,252,.28),transparent 30%),linear-gradient(135deg,rgba(8,145,178,.78) 0%,rgba(14,116,144,.52) 48%,rgba(5,18,32,.95) 100%)!important;
}
.game-state-mode-card{
  border-color:rgba(74,222,128,.58)!important;
  background:radial-gradient(circle at 90% 16%,rgba(134,239,172,.27),transparent 30%),linear-gradient(135deg,rgba(21,128,61,.78) 0%,rgba(22,101,52,.52) 48%,rgba(5,18,32,.95) 100%)!important;
}
.game-state-time-card{
  border-color:rgba(251,191,36,.62)!important;
  background:radial-gradient(circle at 90% 16%,rgba(253,224,71,.28),transparent 30%),linear-gradient(135deg,rgba(180,83,9,.80) 0%,rgba(146,64,14,.54) 48%,rgba(5,18,32,.95) 100%)!important;
}
.game-state-servermode-card{
  border-color:rgba(192,132,252,.60)!important;
  background:radial-gradient(circle at 90% 16%,rgba(216,180,254,.28),transparent 30%),linear-gradient(135deg,rgba(126,34,206,.78) 0%,rgba(88,28,135,.54) 48%,rgba(5,18,32,.95) 100%)!important;
}
.game-state-teams-card{
  border-color:rgba(251,146,60,.62)!important;
  background:radial-gradient(circle at 90% 16%,rgba(251,146,60,.28),transparent 30%),linear-gradient(135deg,rgba(194,65,12,.78) 0%,rgba(153,27,27,.54) 48%,rgba(5,18,32,.95) 100%)!important;
}
.game-state-teams-card::after{
  content:none!important;
  display:none!important;
}
.game-state-teams-card > span{
  margin-bottom:2px!important;
}
.game-state-teams-card > .team-player-counts,
.team-player-counts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
}
.team-player-counts span{
  min-width:0!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.18)!important;
  border-color:rgba(255,255,255,.11)!important;
}
.team-player-counts b{
  font-size:19px!important;
  line-height:.95!important;
}
.team-player-counts em{
  font-size:9px!important;
  line-height:1!important;
}
.current-players-icon-card{
  height:158px!important;
  min-height:158px!important;
  max-height:158px!important;
  padding:17px 18px!important;
  align-content:center!important;
  justify-content:stretch!important;
  gap:6px!important;
  box-sizing:border-box!important;
}
.current-players-icon-card::after{
  top:10px!important;
  right:10px!important;
  font-size:70px!important;
  opacity:.14!important;
}
.current-players-icon-card .current-players-kicker{
  font-size:10px!important;
  line-height:1!important;
}
.current-players-icon-card h2{
  font-size:14px!important;
  line-height:1.05!important;
}
.current-players-icon-card .big-number{
  font-size:52px!important;
  line-height:.9!important;
}
.current-players-icon-card p{
  font-size:11px!important;
  line-height:1.2!important;
}
.current-players-icon-card[data-player-count-level="low"]{
  border-color:rgba(248,113,113,.58)!important;
  background:radial-gradient(circle at 88% 14%,rgba(248,113,113,.18),transparent 32%),linear-gradient(135deg,rgba(153,27,27,.70),rgba(69,10,10,.42) 48%,rgba(5,18,32,.95) 100%)!important;
}
.current-players-icon-card[data-player-count-level="medium"]{
  border-color:rgba(251,191,36,.58)!important;
  background:radial-gradient(circle at 88% 14%,rgba(253,224,71,.18),transparent 32%),linear-gradient(135deg,rgba(180,83,9,.72),rgba(92,47,8,.44) 48%,rgba(5,18,32,.95) 100%)!important;
}
.current-players-icon-card[data-player-count-level="high"]{
  border-color:rgba(74,222,128,.58)!important;
  background:radial-gradient(circle at 88% 14%,rgba(134,239,172,.18),transparent 32%),linear-gradient(135deg,rgba(21,128,61,.72),rgba(20,83,45,.44) 48%,rgba(5,18,32,.95) 100%)!important;
}
@media(max-width:1320px){
  .game-state-card .game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:74px!important}
  .overview-grid > .game-state-card{height:auto!important;max-height:none!important}
}
@media(max-width:900px){
  .game-state-card .game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .overview-grid > .game-state-card{height:auto!important;max-height:none!important}
}
@media(max-width:640px){
  .overview-grid > .game-state-card,
  .overview-grid > .current-players-card{height:auto!important;max-height:none!important}
  .game-state-card .game-state-grid-redesign{grid-template-columns:1fr!important}
}

/* WARCRON v52.172 HLL overview balanced height + visible worker-stat gradients */
.overview-grid{
  align-items:start!important;
}
.overview-grid > .game-state-card{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  padding:18px 18px 18px!important;
  align-self:start!important;
  box-sizing:border-box!important;
}
.overview-grid > .current-players-card.current-players-icon-card{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  padding:20px!important;
  align-content:end!important;
  gap:7px!important;
  box-sizing:border-box!important;
}
.game-state-card .overview-card-title-row{
  min-height:30px!important;
  margin-bottom:12px!important;
  align-items:center!important;
}
.game-state-card .overview-card-title-row h2{
  margin:0!important;
  line-height:1.1!important;
}
.game-state-card .game-state-grid.game-state-grid-redesign{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:94px!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  align-items:stretch!important;
  align-content:start!important;
}
.game-state-card .game-state-grid-redesign > .game-state-icon-card{
  height:94px!important;
  min-height:94px!important;
  max-height:94px!important;
  padding:15px 14px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:6px!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 0 30px rgba(255,255,255,.018),0 14px 34px rgba(0,0,0,.15)!important;
  background-blend-mode:normal!important;
}
.game-state-card .game-state-grid-redesign > .game-state-icon-card > span{
  margin:0!important;
  min-height:0!important;
  color:rgba(219,234,254,.98)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.game-state-card .game-state-grid-redesign > .game-state-icon-card > strong{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:950!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.game-state-card .game-state-grid-redesign > .game-state-icon-card::after{
  top:8px!important;
  right:10px!important;
  font-size:48px!important;
  line-height:1!important;
  opacity:.30!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-map-card{
  border-color:rgba(56,189,248,.56)!important;
  background-color:rgba(8,47,73,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(56,189,248,.25),transparent 34%),linear-gradient(135deg,rgba(37,99,235,.44) 0%,rgba(14,116,144,.34) 42%,rgba(6,22,38,.92) 78%,rgba(255,255,255,.025) 100%)!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-mode-card{
  border-color:rgba(74,222,128,.56)!important;
  background-color:rgba(5,46,22,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(134,239,172,.25),transparent 34%),linear-gradient(135deg,rgba(22,163,74,.44) 0%,rgba(21,128,61,.34) 42%,rgba(6,22,38,.92) 78%,rgba(255,255,255,.025) 100%)!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-time-card{
  border-color:rgba(251,191,36,.62)!important;
  background-color:rgba(69,39,6,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(253,224,71,.25),transparent 34%),linear-gradient(135deg,rgba(217,119,6,.46) 0%,rgba(180,83,9,.36) 42%,rgba(6,22,38,.92) 78%,rgba(255,255,255,.025) 100%)!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-servermode-card{
  border-color:rgba(192,132,252,.60)!important;
  background-color:rgba(49,20,83,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(216,180,254,.25),transparent 34%),linear-gradient(135deg,rgba(126,34,206,.46) 0%,rgba(88,28,135,.36) 42%,rgba(6,22,38,.92) 78%,rgba(255,255,255,.025) 100%)!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-teams-card{
  border-color:rgba(251,146,60,.62)!important;
  background-color:rgba(69,22,12,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(251,146,60,.24),transparent 34%),linear-gradient(135deg,rgba(220,38,38,.44) 0%,rgba(194,65,12,.36) 42%,rgba(6,22,38,.92) 78%,rgba(255,255,255,.025) 100%)!important;
}
.game-state-card .game-state-grid-redesign > .game-state-map-card::after{color:rgba(147,197,253,.32)!important}
.game-state-card .game-state-grid-redesign > .game-state-mode-card::after{color:rgba(134,239,172,.32)!important}
.game-state-card .game-state-grid-redesign > .game-state-time-card::after{color:rgba(253,224,71,.32)!important}
.game-state-card .game-state-grid-redesign > .game-state-servermode-card::after{color:rgba(216,180,254,.32)!important}
.game-state-card .game-state-grid-redesign > .game-state-teams-card::after{content:none!important;display:none!important}
.game-state-card .game-state-teams-card{
  justify-content:flex-end!important;
}
.game-state-card .game-state-teams-card > span{
  margin:0 0 1px!important;
}
.game-state-card .game-state-teams-card > .team-player-counts,
.game-state-card .team-player-counts{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
  max-width:100%!important;
}
.game-state-card .team-player-counts span{
  min-width:0!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.18)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.game-state-card .team-player-counts b{
  font-size:20px!important;
  line-height:.95!important;
}
.game-state-card .team-player-counts em{
  font-size:9px!important;
  line-height:1!important;
}
.current-players-icon-card::after{
  top:12px!important;
  right:12px!important;
  font-size:84px!important;
  opacity:.18!important;
}
.current-players-icon-card .current-players-kicker{
  font-size:10px!important;
  line-height:1!important;
}
.current-players-icon-card h2{
  font-size:15px!important;
  line-height:1.1!important;
}
.current-players-icon-card .big-number{
  font-size:66px!important;
  line-height:.92!important;
}
.current-players-icon-card p{
  font-size:12px!important;
  line-height:1.25!important;
}
.current-players-icon-card[data-player-count-level="low"]{
  border-color:rgba(248,113,113,.62)!important;
  background-color:rgba(69,10,10,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(248,113,113,.25),transparent 34%),linear-gradient(135deg,rgba(220,38,38,.42),rgba(127,29,29,.34) 42%,rgba(6,22,38,.92) 82%)!important;
}
.current-players-icon-card[data-player-count-level="medium"]{
  border-color:rgba(251,191,36,.62)!important;
  background-color:rgba(69,39,6,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(253,224,71,.25),transparent 34%),linear-gradient(135deg,rgba(217,119,6,.44),rgba(146,64,14,.34) 42%,rgba(6,22,38,.92) 82%)!important;
}
.current-players-icon-card[data-player-count-level="high"]{
  border-color:rgba(74,222,128,.62)!important;
  background-color:rgba(5,46,22,.98)!important;
  background-image:radial-gradient(circle at 88% 14%,rgba(134,239,172,.25),transparent 34%),linear-gradient(135deg,rgba(22,163,74,.44),rgba(21,128,61,.34) 42%,rgba(6,22,38,.92) 82%)!important;
}
@media(max-width:1320px){
  .overview-grid > .game-state-card{height:auto!important;max-height:none!important;min-height:0!important}
  .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:94px!important}
}
@media(max-width:900px){
  .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .overview-grid > .game-state-card,
  .overview-grid > .current-players-card.current-players-icon-card{height:auto!important;max-height:none!important;min-height:0!important}
  .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:1fr!important}
}

/* WARCRON v52.173 HLL overview icon cards: player-stats layout + matching gradients */
body .overview-grid{
  align-items:start!important;
}
body .overview-grid > .game-state-card{
  height:206px!important;
  min-height:206px!important;
  max-height:206px!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
body .overview-grid > .current-players-card.current-players-icon-card{
  height:206px!important;
  min-height:206px!important;
  max-height:206px!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
body .game-state-card .overview-card-title-row{
  min-height:28px!important;
  margin-bottom:12px!important;
  align-items:center!important;
}
body .game-state-card .overview-card-title-row h2{
  margin:0!important;
  line-height:1.1!important;
}
body .game-state-card .game-state-grid.game-state-grid-redesign{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:122px!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  align-items:stretch!important;
  align-content:start!important;
}
body .game-state-card .game-state-grid-redesign > .game-state-icon-card{
  height:122px!important;
  min-height:122px!important;
  max-height:122px!important;
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:start!important;
  align-items:stretch!important;
  gap:0!important;
  padding:16px 14px 14px!important;
  border-width:1px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.13)!important;
  background-blend-mode:normal!important;
}
body .game-state-card .game-state-grid-redesign > .game-state-icon-card > span{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-height:18px!important;
  margin:0!important;
  text-align:center!important;
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
body .game-state-card .game-state-grid-redesign > .game-state-icon-card > strong{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:950!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
body .game-state-card .game-state-grid-redesign > .game-state-icon-card::after{
  content:attr(data-state-icon)!important;
  position:absolute!important;
  right:14px!important;
  top:10px!important;
  font-size:58px!important;
  line-height:1!important;
  font-weight:900!important;
  opacity:.34!important;
  pointer-events:none!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-map-card{
  border-color:rgba(251,146,60,.38)!important;
  background:linear-gradient(135deg,rgba(194,91,18,.40),rgba(90,38,10,.34) 32%,rgba(6,22,38,.86) 74%,rgba(255,255,255,.03))!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-mode-card{
  border-color:rgba(34,197,94,.34)!important;
  background:linear-gradient(135deg,rgba(21,128,61,.34),rgba(9,58,35,.26) 28%,rgba(6,22,38,.86) 72%,rgba(255,255,255,.03))!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-time-card{
  border-color:rgba(234,179,8,.38)!important;
  background:linear-gradient(135deg,rgba(180,83,9,.36),rgba(92,53,13,.28) 32%,rgba(6,22,38,.86) 72%,rgba(255,255,255,.03))!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-servermode-card{
  border-color:rgba(168,85,247,.36)!important;
  background:linear-gradient(135deg,rgba(107,33,168,.34),rgba(54,22,105,.26) 30%,rgba(6,22,38,.86) 72%,rgba(255,255,255,.03))!important;
}
body .overview-grid .game-state-card .game-state-grid-redesign > .game-state-teams-card{
  border-color:rgba(59,130,246,.36)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.36),rgba(18,52,112,.28) 30%,rgba(6,22,38,.86) 74%,rgba(255,255,255,.03))!important;
}
body .game-state-card .game-state-grid-redesign > .game-state-map-card::after{color:rgba(253,186,116,.18)!important}
body .game-state-card .game-state-grid-redesign > .game-state-mode-card::after{color:rgba(134,239,172,.18)!important}
body .game-state-card .game-state-grid-redesign > .game-state-time-card::after{color:rgba(253,224,71,.19)!important}
body .game-state-card .game-state-grid-redesign > .game-state-servermode-card::after{color:rgba(216,180,254,.19)!important}
body .game-state-card .game-state-grid-redesign > .game-state-teams-card::after{content:none!important;display:none!important}
body .game-state-card .game-state-teams-card{
  justify-content:stretch!important;
}
body .game-state-card .game-state-teams-card > span{
  grid-row:1!important;
  margin:0!important;
  text-align:center!important;
}
body .game-state-card .game-state-teams-card > .team-player-counts,
body .game-state-card .team-player-counts{
  grid-row:2!important;
  align-self:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body .game-state-card .team-player-counts span{
  min-width:0!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.18)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body .game-state-card .team-player-counts b{
  color:#fff!important;
  font-size:22px!important;
  line-height:.95!important;
  font-weight:950!important;
}
body .game-state-card .team-player-counts em{
  color:rgba(191,219,254,.86)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
body .overview-grid > .current-players-card.current-players-icon-card{
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  align-content:start!important;
  align-items:stretch!important;
  gap:4px!important;
  border-color:rgba(59,130,246,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.13)!important;
}
body .current-players-icon-card::after{
  right:14px!important;
  top:10px!important;
  font-size:82px!important;
  opacity:.20!important;
}
body .current-players-icon-card .current-players-kicker{
  position:relative!important;
  z-index:1!important;
  min-height:18px!important;
  margin:0!important;
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
body .current-players-icon-card h2{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.1!important;
}
body .current-players-icon-card .big-number{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  font-size:66px!important;
  line-height:1!important;
}
body .current-players-icon-card p{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.25!important;
}
body .current-players-icon-card[data-player-count-level="low"]{
  border-color:rgba(239,68,68,.30)!important;
  background:linear-gradient(135deg,rgba(127,29,29,.26),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .current-players-icon-card[data-player-count-level="medium"]{
  border-color:rgba(234,179,8,.34)!important;
  background:linear-gradient(135deg,rgba(161,98,7,.28),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .current-players-icon-card[data-player-count-level="high"]{
  border-color:rgba(34,197,94,.30)!important;
  background:linear-gradient(135deg,rgba(22,101,52,.25),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
@media(max-width:1320px){
  body .overview-grid > .game-state-card{height:auto!important;max-height:none!important;min-height:0!important}
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:130px!important}
}
@media(max-width:900px){
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body .overview-grid > .game-state-card,
  body .overview-grid > .current-players-card.current-players-icon-card{height:auto!important;max-height:none!important;min-height:0!important}
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:1fr!important}
}

/* WARCRON v52.175 HLL overview gamestate icons: match player-detail HLL stat cards */
body .overview-grid > .game-state-card{
  height:206px!important;
  min-height:206px!important;
  max-height:206px!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
body .game-state-card .overview-card-title-row{
  min-height:28px!important;
  margin-bottom:12px!important;
  align-items:center!important;
}
body .game-state-card .game-state-grid.game-state-grid-redesign{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:122px!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  align-items:stretch!important;
  align-content:start!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  height:122px!important;
  min-height:122px!important;
  max-height:122px!important;
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:start!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:0!important;
  padding:14px 14px 12px!important;
  border-width:1px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.13)!important;
  text-align:left!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  content:attr(data-state-icon)!important;
  position:absolute!important;
  right:14px!important;
  top:10px!important;
  display:block!important;
  font-size:58px!important;
  line-height:1!important;
  font-weight:900!important;
  opacity:.34!important;
  pointer-events:none!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card > span{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-height:18px!important;
  margin:0 0 2px!important;
  padding:0!important;
  text-align:left!important;
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card > strong{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:950!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-map-card{
  border-color:rgba(59,130,246,.26)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-mode-card{
  border-color:rgba(34,197,94,.24)!important;
  background:linear-gradient(135deg,rgba(22,101,52,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-time-card{
  border-color:rgba(234,179,8,.30)!important;
  background:linear-gradient(135deg,rgba(161,98,7,.20),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-servermode-card{
  border-color:rgba(168,85,247,.27)!important;
  background:linear-gradient(135deg,rgba(88,28,135,.20),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-teams-card{
  border-color:rgba(251,146,60,.32)!important;
  background:linear-gradient(135deg,rgba(194,91,18,.24),rgba(45,25,9,.38) 34%,rgba(6,22,38,.88) 70%)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-map-card::after{color:rgba(147,197,253,.15)!important}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-mode-card::after{color:rgba(134,239,172,.14)!important}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-time-card::after{color:rgba(253,224,71,.16)!important}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-servermode-card::after{color:rgba(216,180,254,.15)!important}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-teams-card::after{color:rgba(251,191,36,.18)!important}
body .overview-grid .game-state-card .game-state-teams-card > .team-player-counts,
body .overview-grid .game-state-card .team-player-counts{
  grid-row:2!important;
  align-self:center!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body .overview-grid .game-state-card .team-player-counts span{
  min-width:0!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.18)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  text-align:left!important;
}
body .overview-grid .game-state-card .team-player-counts b{
  color:#fff!important;
  font-size:22px!important;
  line-height:.95!important;
  font-weight:950!important;
}
body .overview-grid .game-state-card .team-player-counts em{
  color:rgba(191,219,254,.86)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
body .overview-grid > .current-players-card.current-players-icon-card{
  height:206px!important;
  min-height:206px!important;
  max-height:206px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  align-content:start!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:4px!important;
  box-sizing:border-box!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.13)!important;
}
body .overview-grid > .current-players-card.current-players-icon-card::after{
  content:attr(data-current-icon)!important;
  right:14px!important;
  top:10px!important;
  font-size:82px!important;
  opacity:.20!important;
  color:rgba(147,197,253,.15)!important;
}
body .current-players-icon-card .current-players-kicker,
body .current-players-icon-card h2,
body .current-players-icon-card .big-number,
body .current-players-icon-card p{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  text-align:left!important;
}
body .current-players-icon-card .current-players-kicker{
  min-height:18px!important;
  color:rgba(191,219,254,.92)!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
body .current-players-icon-card h2{
  font-size:15px!important;
  line-height:1.1!important;
}
body .current-players-icon-card .big-number{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:66px!important;
  line-height:1!important;
  font-weight:950!important;
}
body .current-players-icon-card p{
  font-size:12px!important;
  line-height:1.25!important;
}
body .current-players-icon-card[data-player-count-level="low"]{
  border-color:rgba(239,68,68,.24)!important;
  background:linear-gradient(135deg,rgba(127,29,29,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .current-players-icon-card[data-player-count-level="medium"]{
  border-color:rgba(234,179,8,.30)!important;
  background:linear-gradient(135deg,rgba(161,98,7,.20),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
body .current-players-icon-card[data-player-count-level="high"]{
  border-color:rgba(34,197,94,.24)!important;
  background:linear-gradient(135deg,rgba(22,101,52,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
}
@media(max-width:1320px){
  body .overview-grid > .game-state-card{height:auto!important;max-height:none!important;min-height:0!important}
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:122px!important}
}
@media(max-width:900px){
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body .overview-grid > .game-state-card,
  body .overview-grid > .current-players-card.current-players-icon-card{height:auto!important;max-height:none!important;min-height:0!important}
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:1fr!important}
}


/* WARCRON v52.176 HLL overview final icon-card alignment, color swap and compact sizing */
body .overview-grid > .game-state-card{
  height:194px!important;
  min-height:194px!important;
  max-height:194px!important;
  padding:16px!important;
}
body .game-state-card .overview-card-title-row{
  min-height:26px!important;
  margin-bottom:10px!important;
}
body .game-state-card .game-state-grid.game-state-grid-redesign{
  grid-auto-rows:106px!important;
  gap:10px!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  height:106px!important;
  min-height:106px!important;
  max-height:106px!important;
  padding:12px 13px 10px!important;
  grid-template-rows:auto 1fr!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  right:12px!important;
  top:8px!important;
  font-size:50px!important;
  opacity:.26!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card > span{
  margin:0 0 3px!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card > strong{
  font-size:18px!important;
  line-height:1.06!important;
}

/* requested color swap: MAP orange, TEAM PLAYERS blue-ish */
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-map-card{
  border-color:rgba(251,146,60,.32)!important;
  background:linear-gradient(135deg,rgba(194,91,18,.24),rgba(45,25,9,.38) 34%,rgba(6,22,38,.88) 70%)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-map-card::after{
  color:rgba(251,191,36,.17)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-teams-card{
  border-color:rgba(59,130,246,.26)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,22,38,.88) 62%,rgba(255,255,255,.025))!important;
  padding-right:13px!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-teams-card::after{
  content:none!important;
  display:none!important;
}

/* team players should use the full card width, with no spare space on the right */
body .overview-grid .game-state-card .game-state-teams-card > .team-player-counts,
body .overview-grid .game-state-card .team-player-counts{
  grid-row:2!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:10px!important;
}
body .overview-grid .game-state-card .game-state-teams-card > strong.team-player-counts{
  display:grid!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
body .overview-grid .game-state-card .team-player-counts span{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-sizing:border-box!important;
}
body .overview-grid .game-state-card .team-player-counts b{
  font-size:22px!important;
  line-height:1!important;
}
body .overview-grid .game-state-card .team-player-counts em{
  font-size:9px!important;
  line-height:1.05!important;
}

body .overview-grid > .current-players-card.current-players-icon-card{
  height:194px!important;
  min-height:194px!important;
  max-height:194px!important;
  padding:16px!important;
}

@media(max-width:1320px){
  body .overview-grid > .game-state-card{height:auto!important;max-height:none!important;min-height:0!important}
  body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:106px!important}
}
@media(max-width:640px){
  body .overview-grid > .game-state-card,
  body .overview-grid > .current-players-card.current-players-icon-card{height:auto!important;max-height:none!important;min-height:0!important}
}


/* WARCRON v52.177 HLL overview team-player fill + gradient headers for map/message popups */
body .overview-grid .game-state-card .game-state-teams-card{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-items:stretch!important;
}
body .overview-grid .game-state-card .game-state-teams-card > .team-player-counts,
body .overview-grid .game-state-card .team-player-counts{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  flex:1 1 auto!important;
  gap:10px!important;
}
body .overview-grid .game-state-card .team-player-counts span{
  flex:1 1 0!important;
  width:calc(50% - 5px)!important;
  max-width:none!important;
  height:100%!important;
}
body .overview-grid .game-state-card .team-player-counts b,
body .overview-grid .game-state-card .team-player-counts em{
  width:100%!important;
}

#mapChangeModal .ban-gradient-modal-body{
  padding:18px 22px 22px!important;
}
#mapChangeModal .ban-gradient-modal-header,
#messageAllModal .ban-gradient-modal-header{
  min-height:104px!important;
}
#mapChangeModal .map-picker-layout{
  margin:0!important;
}
#messageAllModal .stack-form{
  padding:18px 22px 22px!important;
}

/* WARCRON v52.242 player action popup spacing */
#switchTeamModal .player-action-modal-body{
  box-sizing:border-box;
  padding:18px 22px 22px;
}
#switchTeamModal .modal-actions{
  margin:0;
}
.player-action-modal-card{
  width:min(560px, calc(100vw - 32px));
}
.player-action-reason-form{
  box-sizing:border-box;
  width:100%;
  padding:18px 22px 22px!important;
}
.player-action-reason-form textarea{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  resize:vertical;
}
.player-action-choice-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  width:100%;
}
.player-action-choice-grid button{
  width:100%;
  min-width:0;
}
@media(max-width:560px){
  .player-action-choice-grid{grid-template-columns:1fr;}
}


/* WARCRON v52.178 additional gradient popup headers */
.ban-gradient-modal-body{
  padding:18px 22px 22px;
}
.ban-gradient-modal-card .modal-title-row{
  display:none!important;
}
#activeVoteMapModal .active-votemap-start-form{
  margin:0!important;
  padding:0!important;
}
#activeVoteMapModal .ban-gradient-modal-body table{
  margin-top:0!important;
}
#activeVoteMapModal .active-votemap-modal-actions{
  justify-content:flex-end;
  margin:16px 0 0;
}
#dailyPlaytimeVipSettingsModal .stack-form,
#clanListSettingsModal .stack-form,
#meleeVipSettingsModal .stack-form,
#clanVipSettingsModal .stack-form{
  padding:18px 22px 22px!important;
}

/* WARCRON v52.253 long Clan List and Melee GIF settings remain usable */
#clanListSettingsModal .modal-card,
#meleeVipSettingsModal .modal-card{
  max-height:min(90vh, 820px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#clanListSettingsModal .stack-form,
#meleeVipSettingsModal .stack-form{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#clanListSettingsModal .clan-tag-rows,
#meleeVipSettingsModal .clan-tag-rows{
  max-height:48vh;
  overflow-y:auto;
  padding-right:6px;
  overscroll-behavior:contain;
}
#editPermissionPreset0{}


/* WARCRON v52.179 popup inner spacing and button overflow fixes */
[id^="editBroadcast"] .ban-gradient-modal-card > form,
[id^="editChatCommand"] .ban-gradient-modal-card > form,
#seedingSettingsModal .ban-gradient-modal-card .flat-settings-card,
#liveVotemapSettingsModal .ban-gradient-modal-card .flat-settings-card,
#smartVotemapSettingsModal .ban-gradient-modal-card .flat-settings-card {
  box-sizing:border-box!important;
}

[id^="editBroadcast"] .ban-gradient-modal-card > form,
[id^="editChatCommand"] .ban-gradient-modal-card > form{
  padding:18px 22px 22px!important;
  width:100%!important;
  max-width:100%!important;
}

[id^="editBroadcast"] .ban-gradient-modal-card input,
[id^="editBroadcast"] .ban-gradient-modal-card textarea,
[id^="editBroadcast"] .ban-gradient-modal-card select,
[id^="editBroadcast"] .ban-gradient-modal-card button,
[id^="editChatCommand"] .ban-gradient-modal-card input,
[id^="editChatCommand"] .ban-gradient-modal-card textarea,
[id^="editChatCommand"] .ban-gradient-modal-card select,
[id^="editChatCommand"] .ban-gradient-modal-card button,
#seedingSettingsModal .ban-gradient-modal-card input,
#seedingSettingsModal .ban-gradient-modal-card textarea,
#seedingSettingsModal .ban-gradient-modal-card select,
#seedingSettingsModal .ban-gradient-modal-card button,
#liveVotemapSettingsModal .ban-gradient-modal-card input,
#liveVotemapSettingsModal .ban-gradient-modal-card textarea,
#liveVotemapSettingsModal .ban-gradient-modal-card select,
#liveVotemapSettingsModal .ban-gradient-modal-card button,
#smartVotemapSettingsModal .ban-gradient-modal-card input,
#smartVotemapSettingsModal .ban-gradient-modal-card textarea,
#smartVotemapSettingsModal .ban-gradient-modal-card select,
#smartVotemapSettingsModal .ban-gradient-modal-card button{
  box-sizing:border-box!important;
  max-width:100%!important;
}

#seedingSettingsModal .ban-gradient-modal-card,
#liveVotemapSettingsModal .ban-gradient-modal-card,
#smartVotemapSettingsModal .ban-gradient-modal-card{
  gap:0!important;
}
#seedingSettingsModal .ban-gradient-modal-card .flat-settings-card,
#liveVotemapSettingsModal .ban-gradient-modal-card .flat-settings-card,
#smartVotemapSettingsModal .ban-gradient-modal-card .flat-settings-card{
  margin:0!important;
  padding:18px 22px 0!important;
  border-radius:0!important;
  background:transparent!important;
}
#seedingSettingsModal .ban-gradient-modal-card .modal-actions,
#liveVotemapSettingsModal .ban-gradient-modal-card .modal-actions,
#smartVotemapSettingsModal .ban-gradient-modal-card .modal-actions{
  padding:14px 22px 22px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#seedingSettingsModal .ban-gradient-modal-card .flat-settings-card > *,
#liveVotemapSettingsModal .ban-gradient-modal-card .flat-settings-card > *,
#smartVotemapSettingsModal .ban-gradient-modal-card .flat-settings-card > *{
  max-width:100%!important;
}


/* WARCRON v52.180 edit popup spacing final fix */
[id^="editBroadcast"].modal,
[id^="editChatCommand"].modal {
  padding: 24px !important;
  box-sizing: border-box !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card,
[id^="editChatCommand"] .ban-gradient-modal-card {
  box-sizing: border-box !important;
  max-width: calc(100vw - 48px) !important;
  overflow: hidden auto !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card {
  width: min(620px, calc(100vw - 48px)) !important;
}

[id^="editChatCommand"] .ban-gradient-modal-card {
  width: min(980px, calc(100vw - 48px)) !important;
}

[id^="editBroadcast"] .ban-gradient-modal-header,
[id^="editChatCommand"] .ban-gradient-modal-header,
[id^="editBroadcast"] .ban-gradient-modal-card > form,
[id^="editChatCommand"] .ban-gradient-modal-card > form {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card > form,
[id^="editChatCommand"] .ban-gradient-modal-card > form {
  padding: 20px 24px 24px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card > form *,
[id^="editChatCommand"] .ban-gradient-modal-card > form * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card input,
[id^="editBroadcast"] .ban-gradient-modal-card textarea,
[id^="editBroadcast"] .ban-gradient-modal-card select,
[id^="editChatCommand"] .ban-gradient-modal-card input,
[id^="editChatCommand"] .ban-gradient-modal-card textarea,
[id^="editChatCommand"] .ban-gradient-modal-card select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card .form-grid,
[id^="editBroadcast"] .ban-gradient-modal-card .settings-grid,
[id^="editChatCommand"] .ban-gradient-modal-card .form-grid,
[id^="editChatCommand"] .ban-gradient-modal-card .settings-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card .check-row,
[id^="editChatCommand"] .ban-gradient-modal-card .check-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

[id^="editBroadcast"] .ban-gradient-modal-card > form > button:last-child,
[id^="editChatCommand"] .ban-gradient-modal-card > form > button:last-child {
  justify-self: end !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: 4px !important;
}

@media (max-width: 640px) {
  [id^="editBroadcast"].modal,
  [id^="editChatCommand"].modal {
    padding: 14px !important;
  }

  [id^="editBroadcast"] .ban-gradient-modal-card,
  [id^="editChatCommand"] .ban-gradient-modal-card {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  [id^="editBroadcast"] .ban-gradient-modal-card > form,
  [id^="editChatCommand"] .ban-gradient-modal-card > form {
    padding: 16px 16px 18px !important;
  }
}

/* WARCRON v52.181 delete confirmation modal + ban identity/chat table cleanup */
.warcron-confirm-card {
  width: min(520px, calc(100vw - 48px)) !important;
  padding: 0 !important;
  overflow: hidden auto !important;
}
.warcron-confirm-card .ban-gradient-modal-body {
  padding: 20px 24px 24px !important;
}
.warcron-confirm-message {
  margin: 0;
  color: var(--text);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.warcron-confirm-actions {
  margin-top: 18px !important;
  justify-content: flex-end;
}
.ban-identity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}
.ban-identity-grid[hidden] { display: none !important; }
.ban-identity-grid > div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  padding: 10px 12px;
  display: grid;
  gap: 4px;
}
.ban-identity-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ban-identity-grid strong,
.ban-identity-grid code {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text);
}
.chat-commands-table {
  table-layout: fixed;
}
body:has([data-chat-commands-page]) .page-loader:not(.force-global){display:none!important}
.chat-commands-table-shell{
  min-height:290px;
  overflow-x:auto;
}
.chat-commands-loading-body{display:none}
.chat-commands-table-shell.is-loading [data-chat-commands-table-body]{display:none}
.chat-commands-table-shell.is-loading>.chat-commands-table>.chat-commands-loading-body{display:table-row-group}
.chat-commands-skeleton-row{
  height:57px;
}
.chat-commands-skeleton-row td{
  position:relative;
  overflow:hidden;
  height:57px;
  padding:8px 12px;
  vertical-align:middle;
}
.chat-commands-skeleton-row td::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,rgba(96,165,250,.07) 43%,rgba(226,232,240,.18) 50%,rgba(96,165,250,.07) 57%,transparent 75%);
  background-size:240% 100%;
  animation:chat-command-row-sweep 1.35s ease-in-out infinite;
  animation-delay:var(--chat-row-delay, 0ms);
}
.chat-commands-skeleton-row:nth-child(1){--chat-row-delay:0ms}
.chat-commands-skeleton-row:nth-child(2){--chat-row-delay:80ms}
.chat-commands-skeleton-row:nth-child(3){--chat-row-delay:160ms}
.chat-commands-skeleton-row:nth-child(4){--chat-row-delay:240ms}
.chat-commands-skeleton-row:nth-child(5){--chat-row-delay:320ms}
.chat-commands-skeleton-row td>*{
  display:block;
  width:100%;
  height:39px;
  border-radius:9px;
  background:linear-gradient(90deg,rgba(71,85,105,.34),rgba(100,116,139,.14));
  filter:blur(.35px);
}
@keyframes chat-command-row-sweep{
  0%{background-position:115% 0;opacity:.28}
  48%{opacity:1}
  100%{background-position:-115% 0;opacity:.28}
}
.chat-commands-table th:nth-child(1) { width: 15%; }
.chat-commands-table th:nth-child(2) { width: 26%; }
.chat-commands-table th:nth-child(3) { width: 27%; }

/* wcron-2.1-0385: content-shaped loaders for Bans and Global Reports. */
body:has([data-bans-page]) .page-loader:not(.force-global),
body:has([data-player-reports-page]) .page-loader:not(.force-global){display:none!important}
.bans-table-shell{min-height:340px;overflow-x:auto}
.collection-table-loading-body{display:none}
.bans-table-shell.is-loading [data-bans-table-body]{display:none}
.bans-table-shell.is-loading>.bans-management-table>.collection-table-loading-body{display:table-row-group}
.collection-table-skeleton-row{height:62px}
.collection-table-skeleton-row td{position:relative;overflow:hidden;height:62px;padding:8px 12px;vertical-align:middle}
.collection-table-skeleton-row td::after,
.player-report-skeleton-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,rgba(96,165,250,.07) 43%,rgba(226,232,240,.18) 50%,rgba(96,165,250,.07) 57%,transparent 75%);
  background-size:240% 100%;
  animation:collection-loader-sweep 1.35s ease-in-out infinite;
  animation-delay:var(--collection-loader-delay,0ms);
}
.collection-table-skeleton-row:nth-child(1),
.player-report-skeleton-card:nth-child(1){--collection-loader-delay:0ms}
.collection-table-skeleton-row:nth-child(2),
.player-report-skeleton-card:nth-child(2){--collection-loader-delay:90ms}
.collection-table-skeleton-row:nth-child(3),
.player-report-skeleton-card:nth-child(3){--collection-loader-delay:180ms}
.collection-table-skeleton-row:nth-child(4){--collection-loader-delay:270ms}
.collection-table-skeleton-row:nth-child(5){--collection-loader-delay:360ms}
.collection-table-skeleton-row td>span{display:block;width:100%;height:44px;border-radius:9px;background:linear-gradient(90deg,rgba(71,85,105,.34),rgba(100,116,139,.14));filter:blur(.35px)}
.player-reports-skeleton-list{display:none;gap:14px}
.player-reports-loading-shell.is-loading [data-player-reports-list]{display:none}
.player-reports-loading-shell.is-loading>.player-reports-skeleton-list{display:grid}
.player-report-skeleton-card{position:relative;overflow:hidden;display:grid;gap:16px;min-height:235px}
.player-report-skeleton-head{display:grid;grid-template-columns:88px minmax(160px,1fr) 70px;align-items:center;gap:12px}
.player-report-skeleton-head i,
.player-report-skeleton-head span,
.player-report-skeleton-head b,
.player-report-skeleton-grid i,
.player-report-skeleton-grid span,
.player-report-skeleton-grid em,
.player-report-skeleton-actions i{display:block;border-radius:999px;background:linear-gradient(90deg,rgba(71,85,105,.40),rgba(100,116,139,.16));filter:blur(.35px)}
.player-report-skeleton-head i{height:23px}.player-report-skeleton-head span{height:11px}.player-report-skeleton-head b{height:18px}
.player-report-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.player-report-skeleton-grid>div{display:grid;gap:8px;padding:13px;border:1px solid rgba(148,163,184,.11);border-radius:10px}
.player-report-skeleton-grid i{width:70px;height:7px}.player-report-skeleton-grid span{width:55%;height:10px}.player-report-skeleton-grid em{width:82%;height:8px}
.player-report-skeleton-actions{display:flex;justify-content:flex-end;gap:9px}
.player-report-skeleton-actions i{width:86px;height:34px;border-radius:8px}
@keyframes collection-loader-sweep{
  0%{background-position:115% 0;opacity:.28}
  48%{opacity:1}
  100%{background-position:-115% 0;opacity:.28}
}
@media(max-width:760px){
  .player-report-skeleton-grid{grid-template-columns:1fr}
  .player-report-skeleton-head{grid-template-columns:70px minmax(90px,1fr) 54px}
}
.chat-commands-table th:nth-child(4) { width: 10%; }
.chat-commands-table th:nth-child(5) { width: 9%; }
.chat-commands-table th:nth-child(6) { width: 13%; }
.chat-commands-table td {
  vertical-align: middle;
  overflow-wrap: anywhere;
}
.chat-commands-table .pill {
  margin: 2px 4px 2px 0;
}
.table-actions form {
  display: inline-flex;
  margin: 0;
}
.chat-commands-table .table-actions {
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
.chat-commands-table .table-actions button {
  min-height: 32px;
  padding-inline: 12px;
}
@media (max-width: 760px) {
  .ban-identity-grid { grid-template-columns: 1fr; }
  .chat-commands-table .table-actions { flex-wrap: wrap; }
}
.player-helper-role-row summary{cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.player-helper-role-row[open] summary{margin-bottom:1rem}
.player-helper-expand-icon::before{content:"▸";font-size:1.15rem}.player-helper-role-row[open] .player-helper-expand-icon::before{content:"▾"}
#playerHelperSettingsModal .modal-card{max-height:88vh;overflow:hidden}
#playerHelperSettingsModal [data-player-helper-roles]{max-height:68vh;overflow-y:auto;padding-right:.35rem}
.chat-command-form .chat-action-config-list{display:grid;gap:.75rem}
.chat-action-config-card summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.chat-action-config-card[open] summary{margin-bottom:1rem}
.chat-command-form .chat-action-config-card[hidden]{display:none!important}
.chat-command-modal-card{height:min(90vh,900px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.chat-command-modal-card>.ban-gradient-modal-header{flex:0 0 auto}
.chat-command-modal-card>.chat-command-form{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding-right:.65rem;padding-bottom:1.25rem;overscroll-behavior:contain}

/* v52.205: scroll the whole command modal reliably, overriding legacy edit-popup overflow rules. */
#addChatCommandModal .chat-command-modal-card,
[id^="editChatCommand"] .chat-command-modal-card{display:block!important;height:auto!important;max-height:90vh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
#addChatCommandModal .chat-command-modal-card>.chat-command-form,
[id^="editChatCommand"] .chat-command-modal-card>.chat-command-form{display:grid!important;height:auto!important;max-height:none!important;min-height:max-content!important;overflow:visible!important;padding:20px 24px 32px!important}
#addChatCommandModal .chat-command-modal-card>.chat-command-form>button:last-child,
[id^="editChatCommand"] .chat-command-modal-card>.chat-command-form>button:last-child{margin-bottom:12px!important}
/* v52.227 fuzzy player-search suggestions */
.overview-player-title-search,
.list-filter-form > div:has(#globalPlayerSearch) {
  position: relative;
}
.player-search-suggestions {
  position: absolute;
  z-index: 50;
  top: calc(100% + 6px);
  left: 0;
  min-width: 240px;
  max-width: min(420px, 80vw);
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 10px;
  background: var(--panel, #111827);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
}
.player-search-suggestions[hidden] { display: none; }
.player-search-suggestions button {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.player-search-suggestions button:hover,
.player-search-suggestions button:focus-visible {
  background: rgba(59, 130, 246, .16);
}
.manual-actions-source{display:none!important}.manual-actions-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.manual-actions-header select{width:220px;margin:0}.manual-actions-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:18px;padding:22px}.manual-actions-list{display:flex;flex-direction:column;gap:7px;max-height:58vh;overflow-y:auto}.manual-action-list-button{text-align:left;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.2)}.manual-action-list-button.active{border-color:#3b82f6;background:rgba(37,99,235,.22)}.manual-action-detail{min-height:260px;max-height:60vh;overflow-y:auto;padding:24px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:rgba(2,6,23,.35)}#manualActionDynamicContent>.stack-form,#manualActionDynamicContent>.ban-gradient-modal-body{padding:10px 0 0}.chat-log-page{height:calc(100vh - 150px);min-height:520px;display:flex;flex-direction:column;overflow:hidden}.chat-log-page .panel-header{align-items:flex-start;flex:0 0 auto}.chat-log-page .panel-header h1{margin:0 0 4px;line-height:1.15}.chat-log-page .panel-header p{margin:0;line-height:1.35}.chat-console{min-height:0!important;max-height:none!important;height:auto!important;flex:1 1 auto;overflow-y:auto!important;overscroll-behavior:contain}@media(max-width:800px){.manual-actions-layout{grid-template-columns:1fr}.manual-actions-header{align-items:stretch;flex-direction:column}.manual-actions-header select{width:100%}}
.manual-actions-list>[hidden],#manualActionContinue[hidden]{display:none!important}.manual-actions-modal-card{width:min(980px,calc(100vw - 28px));max-height:90vh;overflow:hidden}.manual-action-detail{overflow:hidden;display:flex;flex-direction:column}.manual-action-detail>#manualActionContinue{align-self:flex-end;margin-top:auto}.manual-action-detail #manualActionDynamicContent{min-height:0}.manual-action-detail #manualActionDynamicContent .map-picker-layout{grid-template-columns:minmax(0,1fr) minmax(210px,.58fr)!important;gap:14px!important;margin:8px 0 0!important;padding:0!important}.manual-action-detail #manualActionDynamicContent .map-picker-tools select{box-sizing:border-box;width:100%;height:330px!important;max-height:42vh;margin-top:8px}.manual-action-detail #manualActionDynamicContent .map-picker-preview{min-height:0;padding:14px;align-self:stretch}.manual-action-detail #manualActionDynamicContent .map-picker-preview button{justify-self:end;align-self:end}.manual-action-detail #manualActionDynamicContent>.stack-form{max-height:44vh;overflow-y:auto}.manual-action-detail #manualActionDynamicContent .form-actions{justify-content:flex-end}@media(max-width:800px){.manual-action-detail #manualActionDynamicContent .map-picker-layout{grid-template-columns:1fr!important}.manual-action-detail #manualActionDynamicContent .map-picker-tools select{height:220px!important}}
.manual-actions-modal-card{height:min(820px,calc(100vh - 36px));min-height:min(700px,calc(100vh - 36px));display:flex;flex-direction:column}.manual-actions-layout{min-height:0;flex:1}.manual-actions-list{max-height:none;height:100%}.manual-action-detail{max-height:none;height:100%}.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-layout{display:block!important}.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-tools select{height:48px!important;max-height:none!important;margin-top:10px}.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-preview{display:flex!important;justify-content:flex-end;border:0!important;background:transparent!important;padding:16px 0 0!important}.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-preview>span,.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-preview>strong,.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-preview>code{display:none!important}.manual-action-detail #manualActionDynamicContent.compact-map-action .map-picker-preview button{margin-left:auto}
/* Public stats game-data toolbar and capture timeline */
.public-table-toolbar{display:flex;align-items:center;gap:10px}
.public-table-toolbar #publicPlayerSearch{flex:1}
.public-table-iconbar{display:flex;gap:8px;margin-left:auto}
.public-tool-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:20px;cursor:pointer}
.public-tool-button:hover{border-color:#6ea8ff;transform:translateY(-1px)}
.public-tool-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.public-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px}
.public-modal.open{display:flex}
.public-modal-backdrop{position:absolute;inset:0;background:rgba(3,8,18,.76);backdrop-filter:blur(5px)}
.public-modal-card{position:relative;width:min(680px,100%);max-height:min(760px,88vh);overflow:auto;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.public-modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--text);font-size:28px;cursor:pointer}
.public-modal-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-right:38px}
.public-modal-heading h2,.public-modal-heading p{margin:0}.public-modal-heading p{margin-top:4px;color:var(--muted)}
.public-modal-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(72,130,220,.15);font-size:24px}
.public-capture-timeline{position:relative;padding-left:22px}.public-capture-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border)}
.public-capture-event{position:relative;margin:0 0 14px}.public-capture-node{position:absolute;left:-21px;top:20px;width:13px;height:13px;border:3px solid var(--panel);border-radius:50%;background:#7d8a9e;box-shadow:0 0 0 2px var(--border)}
.public-capture-event.axis .public-capture-node{background:#e56060}.public-capture-event.allies .public-capture-node{background:#5b91e7}
.public-capture-card{padding:15px 17px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2,rgba(127,127,127,.06))}.public-capture-card h3,.public-capture-card p{margin:5px 0 0}.public-capture-meta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}.public-capture-event.axis .public-capture-meta strong{color:#e66}.public-capture-event.allies .public-capture-meta strong{color:#6da5ff}
.public-capture-empty{padding:30px 10px;text-align:center}
@media(max-width:700px){.public-table-toolbar{flex-wrap:wrap}.public-table-iconbar{width:100%;justify-content:flex-end}.public-modal-card{padding:22px 18px}}

/* WARCRON v52.275: wrapped Game State rows and capture modal gradient */
body .overview-grid > .game-state-card{
  height:auto!important;
  min-height:292px!important;
  max-height:none!important;
  overflow:visible!important;
}
body .game-state-card .game-state-grid.game-state-grid-redesign{
  height:auto!important;
  min-height:222px!important;
  grid-auto-rows:106px!important;
  align-content:start!important;
}
.public-modal-card{padding:0!important;overflow:hidden!important}
.public-modal-heading{
  position:relative;
  overflow:hidden;
  min-height:104px;
  margin:0!important;
  padding:22px 76px 22px 22px!important;
  border-bottom:1px solid rgba(84,149,255,.38);
  background:radial-gradient(circle at 92% 12%,rgba(80,156,255,.38),transparent 34%),radial-gradient(circle at 8% 90%,rgba(50,136,255,.22),transparent 38%),linear-gradient(135deg,rgba(31,91,156,.96),rgba(12,37,66,.97));
}
.public-modal-heading::after{content:"";position:absolute;right:-42px;top:-62px;width:180px;height:180px;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.public-modal-heading>*{position:relative;z-index:1}
.public-modal-heading p{color:rgba(219,234,254,.78)!important}
.public-modal-icon{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)}
.public-modal-body{padding:22px}
.public-modal-close{z-index:3;top:18px!important;right:18px!important;width:34px;height:34px;border-radius:9px!important;background:rgba(239,68,68,.92)!important;color:#fff!important}
@media(max-width:1320px){body .overview-grid > .game-state-card{min-height:408px!important}}
@media(max-width:640px){body .overview-grid > .game-state-card{min-height:0!important}.public-modal-body{padding:18px}}

/* WARCRON v52.276: individual state colors, equal overview heights, scrolling timeline */
body .overview-grid .game-state-card .game-state-nextmap-card{
  border-color:rgba(56,189,248,.34)!important;
  background:linear-gradient(135deg,rgba(14,116,144,.25),rgba(6,22,38,.88) 68%)!important;
}
body .overview-grid .game-state-card .game-state-nextmap-card::after{color:rgba(103,232,249,.24)!important}
body .overview-grid .game-state-card .game-state-votemap-card{
  border-color:rgba(244,114,182,.34)!important;
  background:linear-gradient(135deg,rgba(157,23,77,.24),rgba(22,14,38,.88) 68%)!important;
}
body .overview-grid .game-state-card .game-state-votemap-card::after{color:rgba(249,168,212,.23)!important}
body .overview-grid .game-state-card .game-state-vips-card{
  border-color:rgba(250,204,21,.34)!important;
  background:linear-gradient(135deg,rgba(161,98,7,.25),rgba(35,27,7,.86) 68%)!important;
}
body .overview-grid .game-state-card .game-state-vips-card::after{color:rgba(253,224,71,.25)!important}
body .overview-grid .game-state-card .game-state-modules-card{
  border-color:rgba(167,139,250,.34)!important;
  background:linear-gradient(135deg,rgba(109,40,217,.24),rgba(20,14,39,.88) 68%)!important;
}
body .overview-grid .game-state-card .game-state-modules-card::after{color:rgba(196,181,253,.24)!important}
body .overview-grid .game-state-card .game-state-clan-card{
  border-color:rgba(74,222,128,.34)!important;
  background:linear-gradient(135deg,rgba(21,128,61,.24),rgba(7,31,25,.88) 68%)!important;
}
body .overview-grid .game-state-card .game-state-clan-card::after{color:rgba(134,239,172,.24)!important}
body .overview-grid > .current-players-card.current-players-icon-card{
  height:auto!important;
  min-height:292px!important;
  max-height:none!important;
  align-self:stretch!important;
}
.public-modal-card{display:flex!important;flex-direction:column!important;max-height:min(760px,88vh)!important}
.public-modal-heading{flex:0 0 auto!important}
.public-modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
@media(max-width:1320px){body .overview-grid > .current-players-card.current-players-icon-card{min-height:408px!important}}
@media(max-width:640px){body .overview-grid > .current-players-card.current-players-icon-card{min-height:0!important}}

/* WARCRON v52.277: player count in hero, full-width Game State, unified blue cards */
body .server-hero .server-hero-main{
  display:grid!important;
  grid-template-columns:minmax(330px,1fr) auto minmax(330px,1fr)!important;
  align-items:center!important;
  gap:28px!important;
}
.server-hero-player-count{
  justify-self:center;
  min-width:190px;
  text-align:center;
  padding:10px 24px;
  border-left:1px solid rgba(147,197,253,.24);
  border-right:1px solid rgba(147,197,253,.24);
  background:linear-gradient(90deg,transparent,rgba(30,64,175,.16),transparent);
}
.server-hero-player-count>span,.server-hero-player-count>small{display:block;text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:#bfdbfe}
.server-hero-player-count>span{font-size:10px}.server-hero-player-count>small{margin-top:3px;font-size:12px;color:#e2e8f0}
.server-hero-player-count>strong{display:block;margin:4px 0 1px;font-size:52px;line-height:1;font-weight:950;color:#fff;text-shadow:0 8px 28px rgba(59,130,246,.34)}
.server-hero-player-count>p{margin:4px 0 0!important;font-size:10px;color:#94a3b8}
body .server-hero .scoreboard{justify-self:end}
body .overview-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
body .overview-grid > .game-state-card{
  grid-column:1!important;
  width:100%!important;
  min-height:292px!important;
}
body .game-state-card .game-state-grid.game-state-grid-redesign{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:106px!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  border-color:rgba(96,165,250,.30)!important;
  background:linear-gradient(135deg,rgba(30,64,175,.26),rgba(8,30,54,.90) 58%,rgba(15,23,42,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(2,8,23,.18)!important;
}

/* WARCRON v52.280: lighter overview cards, clean hero count and centered brand */
.server-hero-player-count{
  padding:8px 24px!important;
  border-left:0!important;
  border-right:0!important;
  background:transparent!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  border-color:rgba(96,165,250,.22)!important;
  background:linear-gradient(135deg,rgba(30,64,175,.15),rgba(8,30,54,.78) 58%,rgba(15,23,42,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(2,8,23,.14)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  color:rgba(147,197,253,.14)!important;
}
.sidebar > .brand{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  color:rgba(147,197,253,.20)!important;
}
body .overview-grid .game-state-card .game-state-teams-card .team-player-counts span{
  border-color:rgba(96,165,250,.18)!important;
  background:linear-gradient(180deg,rgba(59,130,246,.12),rgba(15,23,42,.18))!important;
}

/* v52.280 final design overrides */
.server-hero-player-count{
  border-left:0!important;
  border-right:0!important;
  background:transparent!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  border-color:rgba(96,165,250,.22)!important;
  background:linear-gradient(135deg,rgba(30,64,175,.15),rgba(8,30,54,.78) 58%,rgba(15,23,42,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(2,8,23,.14)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  color:rgba(147,197,253,.14)!important;
}
.sidebar > .brand{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
@media(max-width:1100px){
  body .server-hero .server-hero-main{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .server-hero-player-count{align-self:center}
  body .server-hero .scoreboard{align-self:center;justify-self:auto}
}
@media(max-width:900px){body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){body .game-state-card .game-state-grid.game-state-grid-redesign{grid-template-columns:1fr!important}}

/* WARCRON v52.278: page-header blue cards, header count everywhere, restored spacing */
.server-hero-player-count{
  min-width:170px!important;
  padding:8px 24px!important;
}
.server-hero-player-count>strong{
  margin:0!important;
  font-size:72px!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
}
body .overview-grid{
  margin-bottom:18px!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  border-color:rgba(84,149,255,.38)!important;
  background:radial-gradient(circle at 92% 12%,rgba(80,156,255,.32),transparent 34%),radial-gradient(circle at 8% 90%,rgba(50,136,255,.18),transparent 38%),linear-gradient(135deg,rgba(31,91,156,.92),rgba(12,37,66,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(2,8,23,.22)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  color:rgba(219,234,254,.20)!important;
}
body .overview-grid .game-state-card .game-state-teams-card .team-player-counts span{
  border-color:rgba(191,219,254,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(15,23,42,.14))!important;
}

/* WARCRON v52.279: restore cached line, v52.277 cards, real internal row gap */
.server-hero-player-count>strong{
  text-shadow:none!important;
  filter:none!important;
}
.server-hero-player-count>p{
  display:block!important;
  margin:7px 0 0!important;
  font-size:10px!important;
  color:#94a3b8!important;
  white-space:nowrap;
}
body .overview-grid{
  gap:18px!important;
  row-gap:18px!important;
  margin-bottom:0!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  border-color:rgba(96,165,250,.30)!important;
  background:linear-gradient(135deg,rgba(30,64,175,.26),rgba(8,30,54,.90) 58%,rgba(15,23,42,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(2,8,23,.18)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{
  color:rgba(147,197,253,.20)!important;
}
body .overview-grid .game-state-card .game-state-teams-card .team-player-counts span{
  border-color:rgba(96,165,250,.18)!important;
  background:linear-gradient(180deg,rgba(59,130,246,.12),rgba(15,23,42,.18))!important;
}

/* v52.280 authoritative final design overrides */
.server-hero-player-count{border-left:0!important;border-right:0!important;background:transparent!important}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card{
  border-color:rgba(96,165,250,.22)!important;
  background:linear-gradient(135deg,rgba(30,64,175,.15),rgba(8,30,54,.78) 58%,rgba(15,23,42,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(2,8,23,.14)!important;
}
body .overview-grid .game-state-card .game-state-grid.game-state-grid-redesign > .game-state-icon-card::after{color:rgba(147,197,253,.14)!important}
.sidebar > .brand{width:100%!important;justify-content:center!important;text-align:center!important}
/* v52.293 selectable RCON ban evidence */
.rcon-evidence-picker-card{width:min(980px,94vw);max-height:88vh}.rcon-evidence-picker-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin:12px 0}.rcon-evidence-choice{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:8px;background:rgba(4,10,20,.72);cursor:pointer}.rcon-evidence-choice>span{min-width:0}.rcon-evidence-choice code,.ban-rcon-log pre,.ban-evidence-console{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;padding:9px;border-radius:6px;background:#07101d;color:#c9e1ff;font-family:Consolas,"Courier New",monospace}.rcon-log-meta{display:block;color:var(--muted);font-size:12px}.rcon-evidence-selected{margin-top:6px}.ban-rcon-log{margin:8px 0;padding:10px;border-left:3px solid #3b82f6;background:rgba(7,16,29,.72);border-radius:5px}.ban-rcon-log>div{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ban-rcon-log>div span{color:var(--muted)}
.combined-chat-report-messages{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit;color:inherit;background:transparent;border:0;padding:0}
.rcon-evidence-console-scroll{margin:12px 0;border:1px solid #17304f;border-radius:10px;background:#030914;overflow:auto;box-shadow:inset 0 0 24px rgba(30,64,175,.08)}
.rcon-evidence-console-head{position:sticky;top:0;z-index:2;min-width:860px;display:grid;grid-template-columns:58px 180px 150px 90px minmax(350px,1fr);gap:12px;padding:10px 12px;border-bottom:1px solid #1e3a5f;background:#071426;color:#6ea8e6;font:800 9px Consolas,"Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}
.rcon-evidence-picker-list{min-width:860px;max-height:55vh;gap:0!important;margin:0!important;border:0!important;background:#030914!important;font-family:Consolas,"Courier New",monospace}
.rcon-evidence-choice{min-width:860px;grid-template-columns:58px 180px 150px 90px minmax(350px,1fr)!important;gap:12px!important;min-height:46px;padding:8px 12px!important;border:0!important;border-bottom:1px solid #10243c!important;border-radius:0!important;background:#050b12!important;margin:0!important;align-items:center!important;color:#c9e1ff!important}
.rcon-evidence-choice:nth-child(even){background:#07101d!important}.rcon-evidence-choice:hover{background:#0b1b2f!important}
.rcon-evidence-choice input{justify-self:center;accent-color:#3b82f6}.rcon-evidence-choice time{color:#7fb3ff}.rcon-evidence-server{color:#ffd27f;overflow-wrap:anywhere}.rcon-evidence-kind{color:#9ee6a7;font-weight:800;text-transform:uppercase}.rcon-evidence-choice code{margin:0!important;padding:0!important;background:transparent!important;color:#e2e8f0!important;font:11px/1.45 Consolas,"Courier New",monospace;white-space:pre-wrap;overflow-wrap:anywhere}.mini-icon-button:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(1)}
.chat-auto-ban [data-manual-ban-evidence],.chat-auto-ban .rcon-evidence-title-row,.chat-auto-ban .rcon-evidence-selected{display:none!important}

/* v52.300: every ban/evidence dialog remains usable with long evidence. */
#addBanModal .ban-gradient-modal-card,
#editBanModal .ban-gradient-modal-card,
#playerDetailBanModal .ban-gradient-modal-card,
#warcronBanEvidenceModal .ban-gradient-modal-card,
#banReasonPromptModal .ban-gradient-modal-card,
.rcon-evidence-picker-card {
  display:flex!important;
  flex-direction:column!important;
  max-height:min(90vh, 900px)!important;
  overflow:hidden!important;
}
#addBanModal .ban-gradient-modal-header,
#editBanModal .ban-gradient-modal-header,
#playerDetailBanModal .ban-gradient-modal-header,
#warcronBanEvidenceModal .ban-gradient-modal-header,
#banReasonPromptModal .ban-gradient-modal-header,
.rcon-evidence-picker-card .ban-gradient-modal-header {
  flex:0 0 auto;
}
#addBanModal .ban-gradient-modal-body,
#editBanModal .ban-gradient-modal-body,
#playerDetailBanModal .ban-gradient-modal-body,
#warcronBanEvidenceModal .ban-gradient-modal-body,
#banReasonPromptModal .ban-gradient-modal-body,
.rcon-evidence-picker-card .ban-gradient-modal-body {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scroll-padding-bottom:76px;
  scrollbar-gutter:stable;
}
#addBanModal .form-actions,
#editBanModal .form-actions,
#playerDetailBanModal .form-actions,
#warcronBanEvidenceModal .form-actions,
#banReasonPromptModal .form-actions,
.rcon-evidence-picker-card .form-actions {
  position:sticky;
  bottom:0;
  z-index:4;
  padding:12px 0 2px;
  background:linear-gradient(to bottom, transparent, var(--panel) 24%);
}
@media(max-height:680px), (max-width:640px) {
  #addBanModal,
  #editBanModal,
  #playerDetailBanModal,
  #warcronBanEvidenceModal,
  #banReasonPromptModal {
    padding:8px;
  }
  #addBanModal .ban-gradient-modal-card,
  #editBanModal .ban-gradient-modal-card,
  #playerDetailBanModal .ban-gradient-modal-card,
  #warcronBanEvidenceModal .ban-gradient-modal-card,
  #banReasonPromptModal .ban-gradient-modal-card,
  .rcon-evidence-picker-card {
    max-height:calc(100dvh - 16px)!important;
  }
}

/* v52.301: compact login history and equal-width public player breakdown cards. */
.public-stats-body .public-player-details-card > .public-pair-list {
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
}

/* wcron-2.1 role enforcer settings */
.level-enforcer-role-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.level-enforcer-role-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px;
  gap: 12px;
  align-items: end;
}
.level-enforcer-role-row .check-row { align-self: center; }
.level-enforcer-role-row label { margin: 0; }
@media (max-width: 850px) {
  .level-enforcer-role-grid { grid-template-columns: 1fr; }
  .level-enforcer-role-row { grid-template-columns: minmax(0, 1fr) 120px; }
}

/* wcron-2.1-0320: Level-Enforcer settings remain usable on every viewport. */
#levelEnforcerSettingsModal .level-enforcer-modal-card {
  display: flex;
  flex-direction: column;
  max-height: min(92vh, 960px);
  overflow: hidden;
}
#levelEnforcerSettingsModal .ban-gradient-modal-header {
  flex: 0 0 auto;
}
#levelEnforcerSettingsModal [data-level-enforcer-settings] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scroll-padding-bottom: 84px;
  padding-right: 6px;
}
#levelEnforcerSettingsModal [data-level-enforcer-save] {
  position: sticky;
  bottom: 0;
  z-index: 4;
  width: 100%;
  margin-top: 8px;
  box-shadow: 0 -12px 24px var(--panel);
}
@media (max-height: 680px), (max-width: 640px) {
  #levelEnforcerSettingsModal { padding: 8px; }
  #levelEnforcerSettingsModal .level-enforcer-modal-card {
    max-height: calc(100dvh - 16px);
  }
}


/* wcron-2.1-0320: dedicated Live Game page. */
.live-game-page{--live-game-panel-size:clamp(620px,min(calc(125dvh - 293.75px),calc(100vw - 850px)),1125px);display:grid;gap:16px;min-width:0}
.live-game-layout{display:grid;grid-template-columns:minmax(270px,1fr) var(--live-game-panel-size) minmax(270px,1fr);gap:14px;align-items:stretch;min-width:0}
.live-game-team-panel,.live-game-map-panel{height:var(--live-game-panel-size);min-height:var(--live-game-panel-size);box-sizing:border-box;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(12,20,32,.96),rgba(7,13,22,.96));box-shadow:var(--shadow);min-width:0;overflow:hidden}
.live-game-team-panel{display:flex;flex-direction:column}
.live-game-team-heading{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:15px 16px;border-bottom:1px solid var(--border)}.live-game-team-heading img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}.live-game-team-heading div{display:grid;gap:2px;min-width:0}.live-game-team-heading span{text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:13px}.live-game-team-heading strong{font-size:12px;color:var(--muted)}.live-game-team-panel.axis .live-game-team-heading{background:linear-gradient(90deg,rgba(239,68,68,.18),rgba(239,68,68,.035) 64%,transparent);box-shadow:inset 4px 0 0 #ef4444}.live-game-team-panel.axis .live-game-team-heading span{color:#ef4444}.live-game-team-panel.allies .live-game-team-heading{justify-content:flex-end;text-align:right;background:linear-gradient(270deg,rgba(37,99,235,.18),rgba(37,99,235,.035) 64%,transparent);box-shadow:inset -4px 0 0 #2563eb}.live-game-team-panel.allies .live-game-team-heading span{color:#2563eb}
.live-game-roster{overflow:auto;padding:10px;display:grid;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.live-game-roster::-webkit-scrollbar{width:0;height:0;display:none}.live-game-roster-loading{padding:30px;text-align:center;color:var(--muted)}
.live-game-category{display:grid;gap:7px}.live-game-category-heading{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:rgba(255,255,255,.025);text-transform:uppercase;letter-spacing:.075em}.live-game-category-heading strong{font-size:12px}.live-game-category-icon{width:18px;text-align:center;color:#cbd5e1}.live-game-category-count{margin-left:auto;font-size:10px;color:var(--muted);letter-spacing:0;text-transform:none}.live-game-category.commander .live-game-category-heading{background:linear-gradient(90deg,rgba(234,179,8,.16),rgba(255,255,255,.02))}
.live-game-squad-list{display:grid;gap:7px}.live-game-squad-card{border:1px solid rgba(148,163,184,.16);border-radius:11px;background:rgba(2,8,15,.6);overflow:hidden}.live-game-squad-card.has-leader{border-left:3px solid rgba(34,197,94,.65)}.live-game-squad-card.no-leader{border-left:3px solid rgba(245,158,11,.8)}
.live-game-squad-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(148,163,184,.12)}.live-game-squad-heading>strong{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.live-game-squad-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.live-game-no-leader{padding:2px 5px;border-radius:5px;background:rgba(245,158,11,.15);color:#fbbf24;font-size:9px;font-weight:900}.live-game-squad-capacity{font-weight:900;color:#e2e8f0}
.live-game-squad-players{display:grid}.live-game-player-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border-top:1px solid rgba(148,163,184,.08)}.live-game-player-row:first-child{border-top:0}.live-game-player-row.is-leader{background:rgba(34,197,94,.045)}.live-game-role-icon{width:22px;height:22px;object-fit:contain}.live-game-role-fallback{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#334155;font-size:10px;font-weight:900}.live-game-player-copy{min-width:0;display:grid;gap:1px}.live-game-player-copy strong,.live-game-player-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-game-player-copy strong{font-size:11px}.live-game-player-copy small{font-size:9px;color:var(--muted)}.live-game-player-badges{display:flex;gap:4px;align-items:center}.live-game-player-badge{font-size:8px;font-weight:900;padding:2px 4px;border-radius:4px;background:rgba(148,163,184,.15);color:#cbd5e1}.live-game-player-badge.leader{background:rgba(34,197,94,.18);color:#86efac}.live-game-player-badge.menu{background:rgba(59,130,246,.18);color:#93c5fd}.live-game-player-badge.dead{background:rgba(239,68,68,.16);color:#fca5a5}.live-game-empty-slot{padding:12px;border:1px dashed rgba(148,163,184,.18);border-radius:10px;text-align:center;color:var(--muted);font-size:11px}
.live-game-map-panel{width:var(--live-game-panel-size);aspect-ratio:1/1;justify-self:center;padding:12px;display:flex;flex-direction:column}.live-game-map-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 2px}.live-game-map-heading h2{margin:0 0 2px;font-size:18px}.live-game-map-heading p{margin:0}.live-game-map-panel .live-game-tacmap-viewport{width:100%!important;height:100%!important;flex:1 1 auto;aspect-ratio:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important}
@media(max-width:1500px){.live-game-page{--live-game-panel-size:clamp(560px,calc(100dvh - 235px),680px)}.live-game-layout{grid-template-columns:minmax(210px,1fr) var(--live-game-panel-size) minmax(210px,1fr)}}
@media(max-width:1280px){.live-game-layout{grid-template-columns:1fr 1fr}.live-game-map-panel{grid-column:1/-1;grid-row:1;width:min(100%,620px);height:auto;min-height:0;aspect-ratio:1/1}.live-game-team-panel{height:620px;min-height:620px}}
@media(max-width:760px){.live-game-layout{grid-template-columns:1fr}.live-game-map-panel,.live-game-team-panel{grid-column:auto;grid-row:auto}.live-game-map-panel{grid-row:1;width:min(100%,560px);height:auto;min-height:300px;aspect-ratio:1/1}.live-game-team-panel{height:auto;min-height:0;max-height:680px}}

/* wcron-2.1-0320 Live Game center fill, tools, logs and VIP markers. */
.live-game-layout{align-items:stretch!important}
.live-game-map-panel{position:relative!important;padding:0!important;display:block!important;background:#05070a!important}
.live-game-map-panel .live-game-tacmap-viewport,
.live-game-rcon-view{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;box-sizing:border-box!important;border:0!important;border-radius:17px!important;overflow:hidden!important}
.live-game-map-panel .live-game-tacmap-viewport{background:#05070a!important}
/* wcron-2.1-0320: the center panel is square on desktop so the contained
   1000x1000 TacMap fills it edge to edge. Contain-fit remains the safe fallback
   at responsive breakpoints and never crops map edges. */
.live-game-map-panel[data-fill-mode="contain"] .live-game-tacmap-viewport{
  background:#05070a!important;
  overflow:hidden!important;
}
.live-game-center-tools{position:absolute;top:12px;right:12px;z-index:80;display:flex;align-items:center;gap:8px}
.live-game-center-tools .overview-gear-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(148,163,184,.34)!important;border-radius:11px!important;background:rgba(4,12,22,.88)!important;color:#e2e8f0!important;box-shadow:0 10px 28px rgba(0,0,0,.34)!important;backdrop-filter:blur(8px)}
.live-game-center-tools .overview-gear-button:hover,.live-game-center-tools .overview-gear-button.active{border-color:#60a5fa!important;background:rgba(30,64,175,.72)!important;color:#fff!important}
.live-game-center-tools .live-game-view-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.live-game-rcon-view{background:linear-gradient(180deg,#050c16,#030914)!important;padding:62px 12px 12px!important}
.live-game-rcon-view[hidden],.live-game-tacmap-viewport[hidden]{display:none!important}
.live-game-console{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;overflow:auto!important;border:1px solid #17304f!important;border-radius:10px!important;background:#030914!important;box-sizing:border-box!important;scrollbar-width:thin}
.live-game-vip-star{display:inline-block;margin-left:5px;color:#facc15;font-size:11px;line-height:1;text-shadow:0 0 8px rgba(250,204,21,.5);vertical-align:1px}
@media(max-width:760px){.live-game-center-tools{top:9px;right:9px}.live-game-center-tools .overview-gear-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}.live-game-rcon-view{padding:54px 8px 8px!important}}

/* wcron-2.1-0320 Live Game actions, URL view state, searches and cached info. */
.live-game-center-tools .overview-gear-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.live-game-rcon-view{padding:12px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.live-game-rcon-view[hidden]{display:none!important}
.live-game-log-search{position:relative;z-index:2;display:flex;align-items:center;min-height:42px;padding-right:220px}
.live-game-log-search input{width:min(620px,100%);height:42px;margin:0;border:1px solid rgba(96,165,250,.32);border-radius:11px;background:rgba(3,9,20,.94);color:#e2e8f0;padding:0 14px;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.live-game-log-search input:focus{outline:0;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.live-game-console{flex:1 1 auto!important;height:auto!important}
.live-game-player-action-card{min-width:0;border-top:1px solid rgba(148,163,184,.08);background:transparent}
.live-game-player-action-card:first-child{border-top:0}
.live-game-player-action-card>summary{list-style:none;cursor:pointer;user-select:none}
.live-game-player-action-card>summary::-webkit-details-marker{display:none}
.live-game-player-action-card>summary::after{content:'›';margin-left:2px;color:#64748b;font-size:15px;transform:rotate(0deg);transition:transform .15s ease}
.live-game-player-action-card[open]>summary::after{transform:rotate(90deg);color:#93c5fd}
.live-game-player-action-card[open]{background:rgba(15,23,42,.62)}
.live-game-player-action-card[open]>summary{background:rgba(59,130,246,.06)}
.live-game-player-action-card .live-game-player-row{border-top:0!important}
.live-game-player-actions{display:flex;flex-wrap:wrap;gap:6px;padding:7px 9px 9px 41px;border-top:1px solid rgba(148,163,184,.08)}
.live-game-player-actions button,.live-game-player-actions a{min-height:28px!important;padding:5px 8px!important;border-radius:7px!important;font-size:9px!important;line-height:1!important}
.live-game-sl-progress{padding:2px 6px;border-radius:5px;background:rgba(239,68,68,.18);border:1px solid rgba(248,113,113,.35);color:#fca5a5;font-size:9px;font-weight:900;white-space:nowrap}
.live-game-squad-card.is-being-warned{border-left-color:#ef4444!important;box-shadow:inset 0 0 0 1px rgba(239,68,68,.08)}
.live-game-players-modal-card,.live-game-info-modal-card{width:min(1040px,calc(100vw - 28px));max-height:calc(100dvh - 34px);overflow:hidden;display:flex;flex-direction:column}
.live-game-player-list-tools{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;padding:14px 16px 10px}
.live-game-player-list-tools input,.live-game-player-list-tools select{margin:0;min-height:42px}
.live-game-all-players-list{min-height:180px;overflow:auto;padding:6px 16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;scrollbar-width:thin}
.live-game-all-players-list .live-game-player-action-card{border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(3,9,20,.62);overflow:hidden}
.live-game-all-players-list .live-game-player-row{padding:10px}
.live-game-all-players-list .live-game-player-actions{padding-left:42px}
.live-game-info-grid{overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.live-game-info-card{position:relative;min-height:112px;padding:16px;border:1px solid rgba(96,165,250,.27);border-radius:14px;background:radial-gradient(circle at 92% 14%,rgba(96,165,250,.18),transparent 34%),linear-gradient(135deg,rgba(30,64,175,.30),rgba(3,9,20,.88));display:grid;align-content:end;gap:6px;overflow:hidden}
.live-game-info-card small{text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;font-size:10px;font-weight:800}
.live-game-info-card strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.live-game-info-icon{position:absolute;right:14px;top:8px;color:rgba(191,219,254,.28);font-size:48px;font-weight:900}
@media(max-width:900px){.live-game-all-players-list{grid-template-columns:1fr}.live-game-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.live-game-log-search{padding-right:176px}.live-game-log-search input{height:38px}.live-game-player-list-tools{grid-template-columns:1fr}.live-game-info-grid{grid-template-columns:1fr}}

/* wcron-2.1-0320: Live Game player workspace, information layout and reliable log search. */
.live-game-player-select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-top:1px solid rgba(148,163,184,.08);
  border-radius:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.live-game-player-select:first-child{border-top:0}
.live-game-player-select:hover,.live-game-player-select:focus-visible{background:rgba(59,130,246,.09);outline:0}
.live-game-player-select.selected{background:rgba(37,99,235,.18);box-shadow:inset 3px 0 0 #60a5fa}
.live-game-player-select .live-game-player-row{border-top:0!important;min-height:52px}
.live-game-players-modal-card{
  width:min(1180px,calc(100vw - 28px))!important;
  height:min(860px,calc(100dvh - 34px));
  max-height:calc(100dvh - 34px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.live-game-players-header{text-align:center;justify-content:center!important;flex:0 0 auto}
.live-game-players-header>div{width:100%}
.live-game-players-header h2{font-size:26px;margin-bottom:5px}
.live-game-players-header p{font-size:14px}
.live-game-player-workspace-toolbar{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(260px,1fr) 250px 160px;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid rgba(148,163,184,.16);
  background:rgba(3,9,20,.45);
}
.live-game-player-workspace-toolbar input,.live-game-player-workspace-toolbar select{margin:0;min-height:44px;width:100%}
.live-game-player-workspace{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr);
  background:rgba(2,8,15,.52);
}
.live-game-player-browser{min-height:0;display:flex;flex-direction:column;border-right:1px solid rgba(148,163,184,.16)}
.live-game-player-browser-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(148,163,184,.13);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#cbd5e1}
.live-game-player-browser-heading span{min-width:30px;padding:3px 7px;border-radius:999px;background:rgba(59,130,246,.16);color:#93c5fd;text-align:center}
.live-game-all-players-list{
  flex:1 1 auto;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow-y:auto!important;
  padding:10px!important;
  scrollbar-width:thin;
}
.live-game-all-players-list .live-game-player-select{
  flex:0 0 auto;
  min-height:66px;
  border:1px solid rgba(148,163,184,.17)!important;
  border-radius:11px!important;
  background:rgba(3,9,20,.72);
  overflow:hidden;
}
.live-game-all-players-list .live-game-player-select:hover{border-color:rgba(96,165,250,.48)!important;background:rgba(15,34,58,.88)}
.live-game-all-players-list .live-game-player-select.selected{border-color:#60a5fa!important;background:linear-gradient(90deg,rgba(30,64,175,.34),rgba(3,9,20,.82));box-shadow:inset 4px 0 0 #60a5fa}
.live-game-all-players-list .live-game-player-row{min-height:64px;padding:10px 12px!important;grid-template-columns:28px minmax(0,1fr) auto}
.live-game-all-players-list .live-game-role-icon{width:26px;height:26px}
.live-game-all-players-list .live-game-player-copy strong{font-size:13px}
.live-game-all-players-list .live-game-player-copy small{font-size:10px;margin-top:2px}
.live-game-player-action-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px;gap:15px;overflow:auto}
.live-game-selected-player-empty{min-height:105px;display:grid;place-items:center;border:1px dashed rgba(148,163,184,.24);border-radius:14px;color:var(--muted);background:rgba(3,9,20,.40)}
.live-game-selected-player{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid rgba(96,165,250,.30);border-radius:15px;background:radial-gradient(circle at 92% 10%,rgba(59,130,246,.20),transparent 34%),linear-gradient(135deg,rgba(30,64,175,.24),rgba(3,9,20,.85))}
.live-game-selected-player-main{min-width:0;display:flex;align-items:center;gap:14px}
.live-game-selected-player-main>img{width:42px;height:42px;object-fit:contain}
.live-game-role-fallback.large{width:42px;height:42px;font-size:16px}
.live-game-selected-player h3{margin:0 0 4px;font-size:20px}
.live-game-selected-player p{margin:0;color:var(--muted);font-size:12px}
.live-game-selected-player code{max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93c5fd}
.live-game-selected-player-multiple{align-items:center}
.live-game-selected-player-multiple .live-game-selected-player-main{min-width:0;flex:1}
.live-game-selected-player-multiple .live-game-selected-player-main p{max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-game-multi-select-count{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(147,197,253,.72);
  border-radius:50%;
  background:rgba(37,99,235,.28);
  color:#dbeafe;
  font-size:18px;
  font-weight:900;
}
.live-game-selected-player-multiple>small{color:#93c5fd;font-weight:800;white-space:nowrap}
.live-game-player-action-content{flex:1 1 auto;min-height:250px;padding:18px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(3,9,20,.62);display:flex;flex-direction:column;gap:14px}
.live-game-action-field{display:grid;gap:7px;margin:0}
.live-game-action-field>span{font-size:inherit;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text)}
.live-game-action-field textarea,.live-game-action-field input,.live-game-action-field select{width:100%;margin:0}
.live-game-action-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.live-game-action-details-grid>div{display:grid;gap:5px;padding:13px;border:1px solid rgba(148,163,184,.15);border-radius:10px;background:rgba(15,23,42,.45)}
.live-game-action-details-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.live-game-action-warning{padding:16px;border:1px solid rgba(239,68,68,.28);border-radius:12px;background:rgba(127,29,29,.16)}
.live-game-action-warning strong{font-size:17px;color:#fecaca}
.live-game-action-warning p{margin:7px 0 0;color:#cbd5e1}
.live-game-vip-current{margin:0;padding:11px 13px;border-radius:10px;background:rgba(234,179,8,.10);color:#fde68a}
.live-game-player-action-footer{display:flex;justify-content:flex-end;padding-top:2px}
.live-game-player-action-footer button{min-width:180px}
.live-game-info-modal-card{width:min(1120px,calc(100vw - 28px))!important}
.live-game-info-header{text-align:center;justify-content:center!important;padding-top:30px!important;padding-bottom:28px!important}
.live-game-info-header>div{width:100%}
.live-game-info-header h2{font-size:28px!important;line-height:1.15;margin:0 0 7px!important}
.live-game-info-header p{font-size:15px!important;line-height:1.45;margin:0!important}
.live-game-info-grid{overflow:auto;padding:18px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
.live-game-info-card{min-height:150px!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:9px!important}
.live-game-info-card small{font-size:11px!important}
.live-game-info-card strong{font-size:20px!important;line-height:1.25!important}
.live-game-info-icon{position:static!important;font-size:38px!important;line-height:1;color:rgba(191,219,254,.58)!important}
@media(max-width:1050px){
  .live-game-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .live-game-player-workspace{grid-template-columns:320px minmax(0,1fr)}
}
@media(max-width:760px){
  .live-game-players-modal-card{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)!important}
  .live-game-player-workspace-toolbar{grid-template-columns:1fr}
  .live-game-player-workspace{grid-template-columns:1fr;grid-template-rows:minmax(220px,42%) minmax(0,1fr)}
  .live-game-player-browser{border-right:0;border-bottom:1px solid rgba(148,163,184,.16)}
  .live-game-player-action-workspace{padding:12px}
  .live-game-selected-player{align-items:flex-start;flex-direction:column}
  .live-game-selected-player code{max-width:100%}
  .live-game-action-details-grid{grid-template-columns:1fr}
  .live-game-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.live-game-player-select{display:block!important;min-height:0!important;justify-content:initial!important;align-items:initial!important;gap:0!important;white-space:normal!important;filter:none!important}
.live-game-player-select:hover{filter:none!important}


/* wcron-2.1-0320: Live Game counter, player cards, popup alignment and embedded ban workspace fixes. */
.live-game-player-select{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  line-height:normal!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  text-align:left!important;
  white-space:normal!important;
  filter:none!important;
  overflow:visible!important;
}
.live-game-player-select:hover,.live-game-player-select:focus-visible{background:rgba(59,130,246,.09)!important;filter:none!important;outline:0!important}
.live-game-player-select>.live-game-player-row{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 9px!important;
  border-top:1px solid rgba(148,163,184,.08)!important;
}
.live-game-player-select:first-child>.live-game-player-row{border-top:0!important}
.live-game-player-select>.live-game-player-row.is-leader{background:rgba(34,197,94,.045)}
.live-game-all-players-list .live-game-player-select{
  flex:0 0 auto!important;
  min-height:66px!important;
  border:1px solid rgba(148,163,184,.17)!important;
  border-radius:11px!important;
  background:rgba(3,9,20,.72)!important;
  overflow:hidden!important;
}
.live-game-all-players-list .live-game-player-select>.live-game-player-row{
  min-height:64px!important;
  padding:10px 12px!important;
  border-top:0!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
}
.live-game-all-players-list .live-game-player-select:hover{border-color:rgba(96,165,250,.48)!important;background:rgba(15,34,58,.88)!important}
.live-game-all-players-list .live-game-player-select.selected{border-color:#60a5fa!important;background:linear-gradient(90deg,rgba(30,64,175,.34),rgba(3,9,20,.82))!important;box-shadow:inset 4px 0 0 #60a5fa!important}
.live-game-players-header,.live-game-info-header{
  text-align:left!important;
  justify-content:flex-start!important;
  align-items:center!important;
}
.live-game-players-header>div,.live-game-info-header>div{width:auto!important}
.live-game-players-header h2,.live-game-info-header h2{margin:0 0 5px!important}
.live-game-players-header p,.live-game-info-header p{margin:0!important}
.live-game-info-header{padding-top:22px!important;padding-bottom:22px!important}
.live-game-info-grid{align-items:stretch!important}
.live-game-info-card{
  position:relative!important;
  min-height:150px!important;
  padding:20px 72px 20px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:center!important;
  align-items:start!important;
  justify-items:start!important;
  text-align:left!important;
  gap:9px!important;
}
.live-game-info-card small,.live-game-info-card strong{width:100%;text-align:left!important}
.live-game-info-icon{
  position:absolute!important;
  right:14px!important;
  top:10px!important;
  transform:none!important;
  font-size:42px!important;
  line-height:1!important;
  color:rgba(191,219,254,.38)!important;
}
.live-game-embedded-ban-form{display:grid!important;gap:12px!important;min-height:0}
.live-game-embedded-ban-form .form-title-row{margin-top:0}
.live-game-embedded-ban-form .evidence-link-fields{display:grid;gap:8px}
.live-game-embedded-ban-form .ban-proof-drop{min-height:92px}
.live-game-embedded-ban-form .rcon-evidence-selected{margin-top:-5px}


/* wcron-2.1-0320: Live Game search, compact info cards and scroll-safe embedded actions. */
.live-game-info-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.live-game-info-card{
  min-height:112px!important;
  padding:15px 62px 15px 16px!important;
}
.live-game-info-card strong{font-size:18px!important}
.live-game-info-icon{font-size:36px!important;right:12px!important;top:10px!important}
.live-game-player-action-workspace{overflow-y:auto!important;overflow-x:hidden!important}
.live-game-player-action-content.is-ban-action{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.live-game-player-action-workspace.is-ban-action .live-game-player-action-footer{
  flex:0 0 auto!important;
  position:static!important;
  margin-top:0!important;
  padding-bottom:4px!important;
}
.live-game-player-action-workspace.is-ban-action .live-game-embedded-ban-form{overflow:visible!important}
.live-game-player-action-workspace.is-ban-action .evidence-link-fields{max-height:none!important;overflow:visible!important}
@media(max-width:1050px){.live-game-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.live-game-info-grid{grid-template-columns:1fr!important}}
/* Keep the roster/player-browser row geometry isolated from generic button styles. */
.live-game-squad-players>.live-game-player-select,
.live-game-all-players-list>.live-game-player-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:none!important;
}
.live-game-squad-players>.live-game-player-select>.live-game-player-row,
.live-game-all-players-list>.live-game-player-select>.live-game-player-row{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) max-content!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  line-height:1.2!important;
}
.live-game-all-players-list>.live-game-player-select>.live-game-player-row{
  grid-template-columns:30px minmax(0,1fr) max-content!important;
}
.live-game-player-row>.live-game-role-icon,
.live-game-player-row>.live-game-role-fallback{grid-column:1!important;align-self:center!important}
.live-game-player-row>.live-game-player-copy{grid-column:2!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important}
.live-game-player-row>.live-game-player-badges{grid-column:3!important;justify-self:end!important;flex:0 0 auto!important}
.live-game-player-copy>strong,.live-game-player-copy>small{display:block!important;max-width:100%!important}


/* wcron-2.1-0320: compact info cards and Live Players action polish. */
.live-game-info-card{
  min-height:84px!important;
  padding:10px 56px 10px 14px!important;
  gap:5px!important;
}
.live-game-info-card small{font-size:10px!important}
.live-game-info-card strong{font-size:17px!important;line-height:1.15!important}
.live-game-info-icon{font-size:31px!important;right:11px!important;top:8px!important}

/* wcron-2.1-0350: white faction titles and compact live RCON Diagnostics Overview. */
.live-game-team-panel.axis .live-game-team-heading span,
.live-game-team-panel.allies .live-game-team-heading span{color:#fff!important}

/* wcron-2.1-0385: Live Game skeleton loading and match transition animation. */
body:has([data-live-game-page]) .page-loader:not(.force-global){display:none!important}
.live-game-roster-skeleton{display:grid;gap:10px;overflow:hidden}
.live-game-skeleton-category{display:grid;gap:7px}
.live-game-skeleton-category-heading,
.live-game-skeleton-squad,
.live-game-skeleton-player{position:relative;overflow:hidden}
.live-game-skeleton-category-heading::after,
.live-game-skeleton-squad::after,
.live-game-skeleton-player::after{
  content:"";
  position:absolute;
  inset:-40% -75%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 36%,rgba(148,197,255,.13) 46%,rgba(255,255,255,.20) 50%,rgba(148,197,255,.13) 54%,transparent 64%);
  filter:blur(5px);
  animation:live-game-skeleton-sweep 1.55s ease-in-out infinite;
}
.live-game-skeleton-category-heading{height:38px;display:grid;grid-template-columns:18px minmax(70px,42%) 72px;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(255,255,255,.022)}
.live-game-skeleton-category-heading i,
.live-game-skeleton-category-heading span,
.live-game-skeleton-category-heading em,
.live-game-skeleton-squad-heading strong,
.live-game-skeleton-squad-heading span,
.live-game-skeleton-player i,
.live-game-skeleton-player b,
.live-game-skeleton-player small,
.live-game-skeleton-player em{display:block;border-radius:999px;background:linear-gradient(90deg,rgba(71,85,105,.46),rgba(100,116,139,.20));filter:blur(.45px)}
.live-game-skeleton-category-heading i{width:16px;height:16px;border-radius:5px}
.live-game-skeleton-category-heading span{height:9px}
.live-game-skeleton-category-heading em{height:7px}
.live-game-skeleton-squad{border:1px solid rgba(148,163,184,.14);border-left:3px solid rgba(96,165,250,.28);border-radius:11px;background:rgba(2,8,15,.55)}
.live-game-skeleton-squad-heading{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;border-bottom:1px solid rgba(148,163,184,.10);background:rgba(255,255,255,.025)}
.live-game-skeleton-squad-heading strong{width:35%;height:8px}.live-game-skeleton-squad-heading span{width:42px;height:7px}
.live-game-skeleton-player{height:50px;display:grid;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:7px 9px;border-top:1px solid rgba(148,163,184,.07)}
.live-game-skeleton-player:first-of-type{border-top:0}
.live-game-skeleton-player>i{width:22px;height:22px;border-radius:50%}
.live-game-skeleton-player>span{display:grid;gap:6px}
.live-game-skeleton-player b{width:68%;height:8px}.live-game-skeleton-player small{width:45%;height:6px}
.live-game-skeleton-player>em{width:28px;height:8px}
@keyframes live-game-skeleton-sweep{0%{transform:translateX(-42%);opacity:.25}45%{opacity:1}100%{transform:translateX(42%);opacity:.25}}

.live-game-map-transition{
  position:absolute;
  inset:0;
  z-index:8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden;
  color:#e2e8f0;
  text-align:center;
  pointer-events:none;
  background:radial-gradient(circle at center,rgba(7,18,32,.38),rgba(2,7,14,.82) 68%);
  backdrop-filter:blur(1.5px);
}
.live-game-map-transition[hidden]{display:none!important}
.live-game-map-transition::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 15%,rgba(96,165,250,.08) 44%,rgba(191,219,254,.16) 50%,rgba(96,165,250,.08) 56%,transparent 85%);
  filter:blur(10px);
  animation:live-game-map-glow 2.2s ease-in-out infinite;
}
.live-game-map-transition strong,.live-game-map-transition small{position:relative;z-index:2;text-shadow:0 2px 12px #000}
.live-game-map-transition strong{font-size:20px;letter-spacing:.08em;text-transform:uppercase}
.live-game-map-transition small{max-width:360px;color:#b6c7dc;font-size:12px}
.live-game-tacmap-viewport.is-match-transition #observerTacmapPlayers,
.live-game-tacmap-viewport.is-match-transition #observerTacmapGeofences,
.live-game-tacmap-viewport.is-match-transition #observerTacmapPath,
.live-game-tacmap-viewport.is-match-transition #observerTacmapEmpty{display:none!important}
@keyframes live-game-map-glow{0%,100%{transform:translateX(-28%);opacity:.35}50%{transform:translateX(28%);opacity:.85}}
@media(prefers-reduced-motion:reduce){
  .live-game-skeleton-category-heading::after,
  .live-game-skeleton-squad::after,
  .live-game-skeleton-player::after,
  .live-game-map-transition::before{animation-duration:5s!important}
}

.live-game-selected-player-id{max-width:52%;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.live-game-selected-player-id code{max-width:none!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93c5fd}
.live-game-steam-button{
  flex:0 0 auto;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  min-width:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(148,163,184,.38)!important;
  border-radius:9px!important;
  background:rgba(15,23,42,.88)!important;
  color:#e2e8f0!important;
  text-decoration:none!important;
}
.live-game-steam-button:hover{border-color:#cbd5e1!important;background:rgba(30,41,59,.98)!important;color:#fff!important}
.live-game-steam-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

.live-game-all-players-list .live-game-player-select.axis{border-color:rgba(239,68,68,.30)!important;background:linear-gradient(90deg,rgba(127,29,29,.30),rgba(3,9,20,.84) 72%)!important}
.live-game-all-players-list .live-game-player-select.allies{border-color:rgba(59,130,246,.30)!important;background:linear-gradient(90deg,rgba(30,64,175,.32),rgba(3,9,20,.84) 72%)!important}
.live-game-all-players-list .live-game-player-select.axis:hover{border-color:rgba(248,113,113,.68)!important;background:linear-gradient(90deg,rgba(153,27,27,.46),rgba(8,15,25,.92) 72%)!important}
.live-game-all-players-list .live-game-player-select.allies:hover{border-color:rgba(96,165,250,.68)!important;background:linear-gradient(90deg,rgba(30,64,175,.48),rgba(8,15,25,.92) 72%)!important}
.live-game-all-players-list .live-game-player-select.axis.selected{border-color:#fff!important;background:linear-gradient(90deg,rgba(153,27,27,.58),rgba(3,9,20,.90) 76%)!important;box-shadow:inset 4px 0 0 #fff,0 0 0 1px rgba(255,255,255,.48)!important}
.live-game-all-players-list .live-game-player-select.allies.selected{border-color:#fff!important;background:linear-gradient(90deg,rgba(30,64,175,.58),rgba(3,9,20,.90) 76%)!important;box-shadow:inset 4px 0 0 #fff,0 0 0 1px rgba(255,255,255,.48)!important}
.live-game-all-players-list .live-game-player-select.selected{border-color:#fff!important;box-shadow:inset 4px 0 0 #fff,0 0 0 1px rgba(255,255,255,.48)!important}
.live-game-selected-player.axis{border-color:rgba(239,68,68,.68)!important;background:radial-gradient(circle at 92% 10%,rgba(239,68,68,.20),transparent 34%),linear-gradient(135deg,rgba(127,29,29,.34),rgba(3,9,20,.88))!important;box-shadow:inset 3px 0 0 #ef4444}
.live-game-selected-player.allies{border-color:rgba(59,130,246,.68)!important;background:radial-gradient(circle at 92% 10%,rgba(59,130,246,.20),transparent 34%),linear-gradient(135deg,rgba(30,64,175,.34),rgba(3,9,20,.88))!important;box-shadow:inset 3px 0 0 #3b82f6}

.profile-button{
  border-color:rgba(96,165,250,.44)!important;
  background:linear-gradient(135deg,rgba(30,64,175,.66),rgba(15,23,42,.94))!important;
  box-shadow:inset 0 1px 0 rgba(191,219,254,.10),0 8px 22px rgba(2,8,23,.24)!important;
}
.profile-button:hover{border-color:rgba(147,197,253,.72)!important;background:linear-gradient(135deg,rgba(37,99,235,.76),rgba(15,23,42,.98))!important}

/* wcron-2.1-0385: consolidated VoteMap */
.votemap-workspace{
  position:relative;
  padding:0!important;
  overflow:hidden;
  border-color:var(--line)!important;
  background:var(--panel)!important;
}
.votemap-page-shell{position:relative}
.votemap-workspace-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:26px 28px 22px;
  border-bottom:1px solid rgba(148,163,184,.16);
}
.votemap-workspace-title{min-width:0;flex:1 1 auto}
.votemap-workspace-controls{display:grid;justify-items:end;gap:9px;flex:0 1 660px}
.votemap-header-control-line{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}
.votemap-workspace-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}
.votemap-workspace-hero p{max-width:720px;margin:0;color:#9fb0ca;line-height:1.55}
.votemap-mode-switch-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.votemap-library{
  margin:0;
  padding:22px 28px 28px;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.votemap-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}
.votemap-library-heading h3{margin:3px 0 0;font-size:21px}
.votemap-filter-bar{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr);gap:12px;margin-bottom:8px}
.votemap-filter-bar label{display:grid;gap:7px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.03em}
.votemap-filter-bar select,.votemap-filter-bar input{
  width:100%;
  min-height:44px;
  border-color:var(--line);
  background:var(--panel);
}
.votemap-active-pool{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.votemap-active-selected-list{display:none!important;min-height:34px;max-height:128px;overflow:auto;margin:0!important;padding:0;background:transparent;border:0}
.votemap-active-selected-list.active{display:flex!important}
.votemap-map-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}
.votemap-library.is-mode-switching .votemap-library-heading,
.votemap-library.is-mode-switching .votemap-active-pool,
.votemap-library.is-mode-switching .votemap-map-grid{
  animation:votemap-mode-list-update .34s cubic-bezier(.2,.72,.25,1);
}
@keyframes votemap-mode-list-update{
  0%{opacity:.38;transform:translateY(5px);filter:blur(2px)}
  55%{opacity:.84;filter:blur(.4px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
.map-select-card.votemap-map-card[hidden]{display:none!important}
.map-select-card.votemap-map-card{
  display:grid!important;
  grid-template-rows:132px auto;
  min-height:220px!important;
  padding:0!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:14px!important;
  overflow:hidden;
  background:rgba(15,23,42,.9)!important;
  color:#fff;
  text-align:left;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.map-select-card.votemap-map-card:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.55)!important;box-shadow:0 16px 32px rgba(0,0,0,.24)}
.map-select-card.votemap-map-card.selected{outline:2px solid #3b82f6!important;outline-offset:1px;border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}
.map-select-card.votemap-map-card.selected::after{top:9px;right:9px;background:#2563eb;z-index:4}
.votemap-map-image-shell{
  position:relative;
  display:block!important;
  width:100%;
  height:132px;
  overflow:hidden;
  background:#0f172a;
  opacity:1!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
.votemap-map-image-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(0deg,rgba(2,6,23,.76),transparent 55%);
  pointer-events:none;
}
.votemap-map-image-shell img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .35s ease}
.votemap-map-card:hover .votemap-map-image-shell img{transform:scale(1.035)}
.votemap-map-image-shell.is-loading img{opacity:0}
.votemap-map-loading{
  position:absolute;
  inset:0;
  z-index:3;
  display:none!important;
  align-content:center;
  gap:8px;
  padding:34px;
  background:
    linear-gradient(110deg,transparent 25%,rgba(96,165,250,.18) 42%,rgba(255,255,255,.13) 50%,transparent 68%),
    linear-gradient(145deg,#0b1730,#111827);
  background-size:240% 100%,100% 100%;
  animation:votemap-image-sweep 1.35s linear infinite;
}
.votemap-map-image-shell.is-loading .votemap-map-loading{display:grid!important}
.votemap-map-loading i{display:block;height:9px;border-radius:99px;background:rgba(148,163,184,.22)}
.votemap-map-loading i:nth-child(1){width:42%}.votemap-map-loading i:nth-child(2){width:74%}.votemap-map-loading i:nth-child(3){width:58%}
.votemap-map-image-shell.has-error{background:linear-gradient(145deg,#111827,#1e293b)}
.votemap-map-image-shell.has-error img{opacity:.22}
@keyframes votemap-image-sweep{from{background-position:180% 0,0 0}to{background-position:-80% 0,0 0}}
.votemap-map-copy{
  display:grid!important;
  align-content:start;
  gap:4px;
  min-width:0;
  padding:12px 13px 14px;
  opacity:1!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
.votemap-map-copy small{justify-self:start;padding:3px 7px;border-radius:999px;color:#bfdbfe;background:rgba(37,99,235,.18);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.votemap-map-copy > span{color:#94a3b8!important;font-size:11px!important;font-weight:700;text-transform:uppercase!important;letter-spacing:.08em!important}
.votemap-map-copy strong{font-size:14px!important;line-height:1.28;text-shadow:none!important}
.votemap-no-results{padding:34px;text-align:center;color:#94a3b8;border:1px dashed rgba(148,163,184,.2);border-radius:12px}
.votemap-settings-modal-card{
  width:min(860px,96vw)!important;
  max-height:90vh!important;
  border-radius:15px;
  display:flex!important;
  flex-direction:column;
  overflow:hidden!important;
}
.votemap-settings-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  gap:18px;
  align-items:end;
}
.votemap-settings-header h2,.votemap-settings-header p{margin:0}
.votemap-settings-header p{margin-top:4px;color:var(--muted)}
.votemap-settings-service-select{position:relative;z-index:1;display:grid;gap:6px;color:rgba(219,234,254,.86);font-size:11px;font-weight:800}
.votemap-settings-service-select select{width:100%;min-height:40px;background:rgba(8,24,44,.78);border-color:rgba(191,219,254,.28);color:#fff}
.votemap-settings-body{padding:18px 20px 16px!important;background:var(--panel)!important;flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain}
.votemap-settings-panel{display:none}
.votemap-settings-panel.active{display:grid;gap:10px}
.votemap-settings-panel label:not(.check-row){display:grid;gap:6px}
.votemap-settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}
.votemap-settings-footer button{min-width:90px}
@media (max-width:760px){
  .votemap-workspace-hero{padding:21px 18px;display:grid}
  .votemap-workspace-controls{width:100%;justify-items:stretch}
  .votemap-header-control-line{align-items:flex-start}
  .votemap-header-actions{justify-content:flex-start}
  .votemap-library{padding:18px}
  .votemap-filter-bar{grid-template-columns:1fr}
  .votemap-map-grid{grid-template-columns:1fr!important}
  .votemap-pool-summary{align-items:flex-start}
  .votemap-settings-header{grid-template-columns:1fr;padding-right:52px}
}
@media(max-width:760px){
  .live-game-selected-player-id{max-width:100%;width:100%;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .votemap-library.is-mode-switching .votemap-library-heading,
  .votemap-library.is-mode-switching .votemap-active-pool,
  .votemap-library.is-mode-switching .votemap-map-grid,
  .chat-commands-skeleton-row td::after{animation:none!important}
}

.rcon-diagnostics-overview-card{margin-top:16px!important;display:grid;gap:18px;overflow:hidden}
.rcon-overview-header,.rcon-lanes-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.rcon-overview-header h3,.rcon-overview-header p,.rcon-lanes-heading h4,.rcon-lanes-heading p{margin:0}
.rcon-overview-header p,.rcon-lanes-heading p{margin-top:4px}
.rcon-overall-status,.rcon-lane-status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:rgba(148,163,184,.08);padding:7px 10px;color:#cbd5e1;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.055em}
.rcon-overall-status i,.rcon-lane-status i{display:block;width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.10)}
.rcon-overall-status.is-healthy,.rcon-lane-status.is-ready{border-color:rgba(34,197,94,.30);background:rgba(34,197,94,.10);color:#86efac}
.rcon-overall-status.is-healthy i,.rcon-lane-status.is-ready i{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.rcon-lane-status.is-active{border-color:rgba(59,130,246,.34);background:rgba(59,130,246,.12);color:#93c5fd}
.rcon-lane-status.is-active i{background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.14);animation:rcon-status-pulse 1.5s ease-in-out infinite}
.rcon-lane-status.is-starting,.rcon-lane-status.is-connecting,.rcon-overall-status.is-loading,.rcon-overall-status.is-initializing{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.10);color:#fcd34d}
.rcon-lane-status.is-starting i,.rcon-lane-status.is-connecting i,.rcon-overall-status.is-loading i,.rcon-overall-status.is-initializing i{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12);animation:rcon-status-pulse 1.2s ease-in-out infinite}
.rcon-lane-status.is-error,.rcon-overall-status.is-error,.rcon-overall-status.is-degraded{border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.11);color:#fca5a5}
.rcon-lane-status.is-error i,.rcon-overall-status.is-error i,.rcon-overall-status.is-degraded i{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
.rcon-lane-status.is-stopped,.rcon-overall-status.is-stopped{color:#94a3b8;background:rgba(71,85,105,.16)}
@keyframes rcon-status-pulse{50%{opacity:.42;transform:scale(.78)}}
.rcon-info-button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(96,165,250,.30)!important;border-radius:50%!important;background:rgba(59,130,246,.10)!important;color:#bfdbfe!important;font-size:14px!important;font-weight:900!important;line-height:1!important}
.rcon-info-button:hover{border-color:#60a5fa!important;background:rgba(59,130,246,.24)!important;color:#fff!important}
.rcon-overview-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.rcon-overview-summary article,.rcon-lane-details-summary article{min-width:0;padding:12px 13px;border:1px solid rgba(96,165,250,.20);border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(255,255,255,.018))}
.rcon-overview-summary span,.rcon-lane-details-summary span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.rcon-overview-summary strong,.rcon-lane-details-summary strong{display:block;margin-top:5px;color:var(--text);font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.rcon-overview-summary article.is-warning,.rcon-lane-details-summary article.is-warning{border-color:rgba(239,68,68,.26);background:rgba(239,68,68,.08)}
.rcon-overview-summary article.is-success,.rcon-lane-details-summary article.is-success{border-color:rgba(34,197,94,.22)}
.rcon-lanes-heading{align-items:end;padding-top:2px;border-top:1px solid rgba(148,163,184,.14)}
.rcon-lanes-heading>div{padding-top:15px}.rcon-lanes-heading>span{padding-top:15px;color:var(--muted);font-size:10px;white-space:nowrap}
.rcon-lane-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rcon-lane-loading{grid-column:1/-1;display:grid;place-items:center;min-height:150px;border:1px dashed rgba(148,163,184,.22);border-radius:14px;color:var(--muted)}
.rcon-lane-loading.is-error{border-color:rgba(239,68,68,.30);color:#fca5a5}
.rcon-lane-card{position:relative;min-width:0;padding:12px 13px;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(260px,1.3fr) 32px;align-items:center;gap:12px;border:1px solid rgba(96,165,250,.20);border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(255,255,255,.018));overflow:hidden}
.rcon-lane-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#64748b}
.rcon-lane-card.is-active::before{background:#3b82f6}.rcon-lane-card.is-ready::before{background:#22c55e}.rcon-lane-card.is-starting::before,.rcon-lane-card.is-connecting::before{background:#f59e0b}.rcon-lane-card.is-error::before{background:#ef4444}
.rcon-lane-card-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rcon-lane-card-head h5{margin:0;font-size:14px}.rcon-lane-card-head code{display:block;margin-top:3px;color:#7aa9dd;font-size:9px}
.rcon-lane-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.rcon-lane-metrics>span{min-width:0;padding:7px 5px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:rgba(255,255,255,.025);text-align:center}
.rcon-lane-metrics small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.rcon-lane-metrics strong{display:block;margin-top:3px;font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcon-lane-card.is-error .rcon-lane-metrics>span:nth-child(3) strong{color:#fca5a5}
.rcon-lane-card-info{grid-column:3;justify-self:end;align-self:center;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:12px!important}
.rcon-lane-details-modal-card{width:min(1080px,calc(100vw - 48px))!important;max-height:min(680px,calc(100dvh - 72px))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.rcon-lane-details-header{flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-right:58px!important}
.rcon-lane-details-header>div{min-width:0}.rcon-lane-details-header .copy-button{flex:0 0 auto}
.rcon-lane-details-content{flex:1 1 auto;min-height:0;overflow:auto;padding:12px;scrollbar-width:thin}
.rcon-lane-details-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}
.rcon-request-table-wrap{min-width:1040px;border:1px solid #17304f;border-radius:10px;overflow:hidden;background:#030914;box-shadow:inset 0 0 24px rgba(30,64,175,.08)}
.rcon-request-table-head,.rcon-request-row{display:grid;grid-template-columns:165px 140px minmax(210px,1fr) 175px 165px minmax(220px,1fr);gap:12px;align-items:center}
.rcon-request-table-head{position:sticky;top:0;z-index:2;padding:10px 12px;background:#071426;border-bottom:1px solid #1e3a5f;color:#6ea8e6;font:800 9px Consolas,"Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}
.rcon-request-row{min-height:46px;padding:8px 12px;border-bottom:1px solid #10243c;background:#050b12;color:#e2e8f0;font:11px/1.45 Consolas,"Courier New",monospace}
.rcon-request-row:nth-child(even){background:#07101d}.rcon-request-row:last-child{border-bottom:0}.rcon-request-row:hover{background:#0b1b2f}.rcon-request-row.is-failed{background:rgba(127,29,29,.22);color:#fecaca}
.rcon-request-row>*{min-width:0;overflow-wrap:anywhere}.rcon-request-row time{color:#7fb3ff}.rcon-request-event{color:#9ee6a7;font-weight:800;text-transform:capitalize}.rcon-request-row.is-started .rcon-request-event{color:#ffd27f}.rcon-request-row.is-failed .rcon-request-event{color:#fca5a5}.rcon-request-command{color:#ffd27f;font-weight:800}.rcon-request-row code{color:#93c5fd;background:transparent;padding:0}.rcon-request-timing{color:#c4b5fd}.rcon-request-result{max-height:44px;overflow:hidden;color:#9ee6a7;font-weight:800}.rcon-request-row.is-started .rcon-request-result{color:#94a3b8}.rcon-request-row.is-failed .rcon-request-result{color:#fca5a5}
.rcon-request-empty{margin:0;padding:36px;text-align:center;color:var(--muted)}
@media(max-width:1500px){.rcon-overview-summary,.rcon-lane-details-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.rcon-lane-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.rcon-overview-header,.rcon-lanes-heading{align-items:flex-start;flex-direction:column}.rcon-overview-summary,.rcon-lane-details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rcon-lane-card{grid-template-columns:minmax(0,1fr) 32px}.rcon-lane-card-head,.rcon-lane-metrics{grid-column:1}.rcon-lane-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rcon-lane-card-info{grid-column:2;grid-row:1/3}.rcon-lanes-heading>div,.rcon-lanes-heading>span{padding-top:12px}.rcon-lane-details-modal-card{width:min(100% - 20px,1080px)!important;max-height:calc(100dvh - 24px)!important}.rcon-lane-details-content{padding:10px}.rcon-lane-details-header{align-items:flex-start!important;flex-direction:column!important}}

/* Broadcast module settings */
.broadcast-settings-modal-card{
  width:min(760px,calc(100vw - 36px))!important;
  max-height:min(760px,calc(100dvh - 48px))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.broadcast-settings-header{padding-right:126px!important}
.broadcast-add-icon{
  position:absolute;
  z-index:2;
  top:18px;
  right:66px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  background:rgba(37,99,235,.94);
  color:#fff;
  font-size:23px;
  font-weight:500;
  line-height:1;
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.broadcast-add-icon:hover{background:#3b82f6;transform:translateY(-1px)}
.broadcast-settings-body{
  min-height:0;
  overflow-y:auto;
  padding:20px 22px 22px!important;
  scrollbar-width:thin;
}
.broadcast-list-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.broadcast-list-heading h3{margin:0 0 3px;font-size:17px}
.broadcast-list-heading p{margin:0;color:var(--muted);font-size:13px}
.broadcast-add-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  padding:8px 13px;
  white-space:nowrap;
}
.broadcast-add-button span{font-size:19px;font-weight:500;line-height:14px}
.broadcast-module-job-list{display:grid;gap:9px}
.broadcast-module-job{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding:14px 14px 14px 16px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:12px;
  background:rgba(15,23,42,.48);
  transition:border-color .15s ease,background .15s ease;
}
.broadcast-module-job:hover{
  border-color:rgba(96,165,250,.42);
  background:rgba(21,35,57,.68);
}
.broadcast-module-job-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.broadcast-status-dot{
  flex:0 0 auto;
  width:9px;
  height:9px;
  margin-top:6px;
  border-radius:999px;
  background:#64748b;
  box-shadow:0 0 0 4px rgba(100,116,139,.12);
}
.broadcast-status-dot.is-enabled{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.broadcast-module-job-copy{min-width:0}
.broadcast-module-job-heading{display:flex;align-items:center;gap:9px;min-width:0}
.broadcast-module-job-heading strong{font-size:14px}
.broadcast-status-label{
  padding:2px 7px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:999px;
  color:#94a3b8;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.broadcast-status-label.is-enabled{
  border-color:rgba(34,197,94,.25);
  background:rgba(34,197,94,.1);
  color:#86efac;
}
.broadcast-message-preview{
  display:-webkit-box;
  overflow:hidden;
  margin:6px 0 7px;
  color:#dbeafe;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.broadcast-module-job-meta{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.broadcast-edit-icon{
  flex:0 0 auto;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(96,165,250,.28);
  border-radius:9px;
  background:rgba(37,99,235,.12);
  color:#93c5fd;
  font-size:18px;
}
.broadcast-edit-icon:hover{border-color:#60a5fa;background:rgba(37,99,235,.28);color:#fff}
.broadcast-module-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:34px 20px;
  border:1px dashed rgba(148,163,184,.28);
  border-radius:12px;
  text-align:center;
}
.broadcast-empty-icon{margin-bottom:10px;font-size:27px}
.broadcast-module-empty strong{font-size:15px}
.broadcast-module-empty p{margin:5px 0 16px;color:var(--muted);font-size:13px}
.broadcast-placeholder-note{
  display:grid;
  gap:3px;
  margin-top:14px;
  padding:11px 13px;
  border:1px solid rgba(96,165,250,.16);
  border-radius:10px;
  background:rgba(30,64,175,.08);
}
.broadcast-placeholder-note strong{color:#bfdbfe;font-size:12px}
.broadcast-placeholder-note span{color:#94a3b8;font-size:11px;line-height:1.45}
.broadcast-editor-modal-card{
  width:min(620px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 48px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.broadcast-editor-modal-card>.ban-gradient-modal-header{flex:0 0 auto}
.broadcast-editor-form{
  display:grid;
  gap:15px;
  min-width:0;
  margin:0!important;
}
.broadcast-editor-modal-card>.broadcast-editor-form{
  min-height:0;
  overflow-y:auto;
  padding:20px 22px 22px!important;
}
.broadcast-editor-body{
  min-height:0;
  overflow-y:auto;
  padding:20px 22px 22px!important;
}
.broadcast-editor-body>.broadcast-editor-form{padding:0!important}
.broadcast-editor-form label{display:grid;gap:7px;min-width:0;font-weight:600}
.broadcast-editor-form input[type="number"],
.broadcast-editor-form textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.broadcast-editor-form textarea{min-height:118px;resize:vertical}
.broadcast-field-help{margin:-8px 0 0;color:var(--muted);font-size:11px}
.broadcast-enabled-toggle{
  display:flex!important;
  align-items:flex-start;
  gap:11px!important;
  padding:13px;
  border:1px solid rgba(148,163,184,.17);
  border-radius:10px;
  background:rgba(15,23,42,.42);
  cursor:pointer;
}
.broadcast-enabled-toggle input{flex:0 0 auto;margin-top:3px}
.broadcast-enabled-toggle span{display:grid;gap:3px}
.broadcast-enabled-toggle small{color:var(--muted);font-weight:400;line-height:1.35}
.broadcast-editor-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:3px;
}
.broadcast-editor-actions-split{
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(148,163,184,.14);
}
.broadcast-editor-actions-split>div{display:flex;align-items:center;gap:10px}
.broadcast-module-delete-form{margin:0}
@media(max-width:700px){
  .broadcast-settings-modal-card,.broadcast-editor-modal-card{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important}
  .broadcast-settings-body,.broadcast-editor-body,.broadcast-editor-modal-card>.broadcast-editor-form{padding:16px!important}
  .broadcast-list-heading{align-items:flex-start}
  .broadcast-list-heading>.broadcast-add-button{width:36px;min-width:36px;height:36px;padding:0;font-size:0}
  .broadcast-list-heading>.broadcast-add-button span{font-size:20px}
  .broadcast-module-job{align-items:flex-start}
  .broadcast-module-job-meta{display:grid;gap:3px}
  .broadcast-editor-actions-split{align-items:stretch;flex-direction:column-reverse}
  .broadcast-editor-actions-split>div{justify-content:flex-end}
  .broadcast-module-delete-form button{width:100%}
}
@media(max-width:460px){
  .broadcast-settings-header{padding-right:112px!important}
  .broadcast-status-label{display:none}
  .broadcast-editor-actions,.broadcast-editor-actions-split>div{display:grid;grid-template-columns:1fr 1fr}
  .broadcast-editor-actions button,.broadcast-editor-actions-split>div button{width:100%}
}

/* wcron-2.1-0385 report response pretexts and report-message popup */
.report-pretexts-table{table-layout:fixed;margin-top:18px}
.report-pretexts-table th:nth-child(1){width:24%}
.report-pretexts-table th:nth-child(2){width:58%}
.report-pretexts-table th:nth-child(3){width:18%}
.report-pretexts-table td{vertical-align:middle;overflow-wrap:anywhere}
.report-pretexts-table .table-actions{align-items:center;gap:6px;flex-wrap:nowrap}
.report-pretext-message-preview{
  display:-webkit-box;
  overflow:hidden;
  color:var(--muted);
  white-space:pre-wrap;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
}
.report-pretext-modal-card{max-width:720px!important;padding:0!important;overflow:hidden}
.report-pretext-modal-card>.ban-gradient-modal-body{display:grid;gap:13px}
.report-pretext-modal-card textarea{width:100%;min-height:150px;resize:vertical}
.report-action-modal-card{width:min(760px,calc(100vw - 30px))!important;max-width:760px!important;padding:0!important;overflow:hidden}
.report-action-modal-header{display:flex!important;align-items:center;justify-content:space-between;gap:28px;padding-right:66px!important}
.report-action-modal-title{min-width:0}
.report-action-modal-header [data-report-pretext-field]{
  display:block;
  flex:0 0 min(280px,42%);
  margin-left:auto;
}
.report-action-modal-header [data-report-pretext-select]{width:100%;min-height:38px}
[data-report-pretext-field][hidden]{display:none!important}
.report-action-modal-card>.ban-gradient-modal-body{display:grid;gap:12px}
.report-action-modal-card textarea{width:100%;min-height:150px;resize:vertical}
@media(max-width:760px){
  .report-pretexts-table{table-layout:auto}
  .report-pretexts-table th:nth-child(1),
  .report-pretexts-table th:nth-child(2),
  .report-pretexts-table th:nth-child(3){width:auto}
  .report-pretexts-table .table-actions{flex-wrap:wrap}
  .report-action-modal-header{align-items:stretch;flex-direction:column;padding-right:54px!important}
  .report-action-modal-header [data-report-pretext-field]{width:100%;min-width:0;flex-basis:auto}
}

/* wcron-2.1-0385 group-scoped player warnings and notes */
.player-detail-profile-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.player-detail-profile-row>.panel,
.player-detail-profile-row>.hll-player-stats-card{margin-top:0!important}
.player-detail-profile-row>.hll-player-stats-card{grid-column:1}
.player-detail-profile-row .hll-main-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.player-admin-notes-card{display:grid;gap:14px;align-content:start;min-width:0}
.player-admin-note-form{
  display:grid;
  gap:10px;
  padding:13px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.player-admin-note-form label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}
.player-admin-note-form input,
.player-admin-note-form select,
.player-admin-note-form textarea{margin:0}
.player-admin-note-form textarea{resize:vertical;min-height:92px}
.player-admin-note-form>button{justify-self:end}
.player-admin-note-form-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px;align-items:end}
.player-admin-note-color-field input[type="color"]{
  width:100%;
  height:40px;
  min-height:40px;
  padding:4px;
  cursor:pointer;
}
.player-admin-note-list{display:grid;gap:9px;min-width:0}
.player-admin-note-detail-list{
  display:grid;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.player-admin-note-list-row{
  --player-admin-note-color:#3b82f6;
  display:grid;
  grid-template-columns:5px minmax(0,1fr);
  gap:12px;
  min-width:0;
  padding:13px 14px 13px 0;
  border-bottom:1px solid rgba(148,163,184,.13);
  background:color-mix(in srgb,var(--player-admin-note-color) 13%,transparent);
}
.player-admin-note-list-row:last-child{border-bottom:0}
.player-admin-note-list-color{display:block;background:var(--player-admin-note-color);border-radius:0 999px 999px 0}
.player-admin-note-list-content{display:grid;gap:7px;min-width:0}
.player-admin-note-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.player-admin-note-list-heading strong{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.player-admin-note-list-heading time{flex:0 0 auto;color:var(--muted);font-size:10px;font-weight:700}
.player-admin-note-list-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.player-admin-note-list-actions form{display:flex;margin:0}
.player-admin-note-list-content p{margin:0;color:var(--text);font-size:13px;line-height:1.48;overflow-wrap:anywhere;white-space:pre-wrap}
.player-admin-note-list-content footer{color:var(--muted);font-size:10px;font-weight:700}
.player-admin-note-detail-list>.empty-hint{margin:12px}
.player-admin-notes-inline{display:grid;gap:10px;margin-top:2px}
.player-admin-notes-inline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.player-admin-notes-inline-heading h3{margin:0}
.player-admin-notes-inline-heading .status-pill{margin-left:auto}
.player-admin-note-entry{
  --player-admin-note-color:#3b82f6;
  --player-admin-note-foreground:#fff;
  position:relative;
  display:grid;
  gap:8px;
  min-width:0;
  padding:12px 13px 11px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--player-admin-note-color) 42%,var(--line));
  border-left:4px solid var(--player-admin-note-color);
  border-radius:12px;
  background:color-mix(in srgb,var(--player-admin-note-color) 26%,var(--panel2));
}
.player-admin-note-entry::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,color-mix(in srgb,var(--player-admin-note-color) 12%,transparent),transparent 48%);
}
.player-admin-note-entry>*{position:relative;z-index:1}
.player-admin-note-entry-header{display:flex;align-items:center;gap:7px;min-width:0}
.player-admin-note-color-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--player-admin-note-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--player-admin-note-color) 18%,transparent)}
.player-admin-note-kind{
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:999px;
  background:var(--player-admin-note-color);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.055em;
  line-height:1;
  text-transform:uppercase;
}
.player-admin-note-group{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.player-admin-note-entry p{margin:0;color:var(--text);font-size:13px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.player-admin-note-entry footer{color:var(--muted);font-size:10px;font-weight:700}
.player-admin-note-delete{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  margin-left:auto;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--player-admin-note-color) 58%,rgba(255,255,255,.22))!important;
  border-radius:8px!important;
  background:rgba(3,9,20,.42)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1!important;
}
.player-admin-note-delete:hover{background:rgba(127,29,29,.72)!important;border-color:#f87171!important}
.live-player-admin-notes-panel{
  display:grid;
  gap:12px;
}
.live-player-admin-notes-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.live-player-admin-notes-heading h3{margin:0}
.live-player-admin-note-create{overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(255,255,255,.02)}
.live-player-admin-note-create>summary{
  cursor:pointer;
  list-style:none;
  padding:11px 13px;
  color:var(--text);
  font-size:13px;
  font-weight:800;
}
.live-player-admin-note-create>summary::-webkit-details-marker{display:none}
.live-player-admin-note-create>summary::after{content:"›";float:right;color:var(--muted);font-size:18px;line-height:1;transition:transform .16s ease}
.live-player-admin-note-create[open]>summary::after{transform:rotate(90deg)}
.live-player-admin-note-create[open]>summary{border-bottom:1px solid rgba(148,163,184,.14)}
.live-player-admin-note-form{padding:12px;background:rgba(255,255,255,.02)}
.live-player-admin-note-form select:disabled{opacity:1;color:var(--text);cursor:default}
.live-player-admin-note-list{max-height:280px;overflow-y:auto;padding-right:3px}
.live-player-admin-note-list .player-admin-note-entry{
  border-color:var(--player-admin-note-color);
  background:var(--player-admin-note-color);
  color:var(--player-admin-note-foreground);
}
.live-player-admin-note-list .player-admin-note-entry::before{display:none}
.live-player-admin-note-list .player-admin-note-group,
.live-player-admin-note-list .player-admin-note-entry p,
.live-player-admin-note-list .player-admin-note-entry footer{
  color:var(--player-admin-note-foreground);
}
.live-player-admin-note-list .player-admin-note-group,
.live-player-admin-note-list .player-admin-note-entry footer{opacity:.78}
.player-add-warn-modal-card{width:min(560px,calc(100vw - 28px))}
.player-add-warn-form{margin:0 18px 18px;padding:16px}
.player-add-warn-form-row{grid-template-columns:minmax(0,1fr) 90px}
.player-add-warn-form .modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:2px}
.player-add-warn-button{background:#f59e0b!important;color:#231500!important}
.player-add-warn-button:hover{background:#fbbf24!important}
.report-warns-list-modal-card{width:min(620px,calc(100vw - 28px));padding:0!important;overflow:hidden}
.report-warns-list-modal-card>.ban-gradient-modal-body{padding:18px}
.report-warns-list-modal-card .live-player-admin-note-list{max-height:min(440px,55vh)}
@media(max-width:1100px){
  .player-detail-profile-row{grid-template-columns:1fr}
  .player-detail-profile-row>.panel{grid-column:auto}
}
@media(max-width:700px){
  .player-detail-profile-row .hll-main-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .player-admin-note-form-row{grid-template-columns:1fr 72px}
  .player-admin-note-form>button{width:100%;justify-self:stretch}
  .live-player-admin-notes-heading{align-items:flex-start;flex-direction:column}
  .player-add-warn-form .modal-actions{flex-direction:column-reverse}
  .player-add-warn-form .modal-actions button{width:100%}
}
@media(max-width:520px){
  .player-detail-profile-row .hll-main-metric-grid{grid-template-columns:1fr!important}
}

/* wcron-2.1-0385: login and Discord verification flow */
.login-form {
  align-items: stretch;
  justify-content: center;
  gap: 24px;
  padding: 52px 56px;
  text-align: left;
  background: rgba(6, 15, 28, .96);
}
.login-form::before,
.login-form::after,
.login-art::after,
.login-art-glow {
  display: none !important;
  animation: none !important;
}
.login-form-header {
  display: grid;
  gap: 10px;
}
.login-eyebrow {
  color: var(--accent2);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.login-form h1 {
  font-size: clamp(32px, 4vw, 42px);
}
.login-form .muted {
  max-width: 390px;
  margin: 0;
}
.login-actions {
  display: grid;
  gap: 16px;
}
.login-separator-line {
  width: 100%;
  height: 1px;
  background: var(--line);
}
.login-remember-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  width: fit-content;
  cursor: pointer;
}
.login-remember-row input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--accent);
}
.login-remember-row span {
  display: grid;
  gap: 3px;
}
.login-remember-row strong {
  color: var(--text);
  font-size: 13px;
}
.login-remember-row small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}
.login-form .login-steam-button {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  overflow: hidden;
  box-shadow: none;
  pointer-events: auto;
  text-decoration: none;
}
.login-form .login-steam-button::before,
.login-form .login-steam-button::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
.login-alert {
  padding: 11px 13px;
  border: 1px solid rgba(248,113,113,.35);
  border-radius: 10px;
  background: rgba(127,29,29,.2);
  color: #fecaca;
  font-size: 12px;
  line-height: 1.45;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.auth-code-page {
  overflow-y: auto;
}
.auth-code-shell {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 24px;
  width: min(100% - 32px, 520px);
  margin: auto;
  padding: 40px 0;
}
.auth-code-card {
  display: grid;
  gap: 22px;
  width: 100%;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(6, 15, 28, .97);
  box-shadow: 0 22px 70px rgba(0,0,0,.34);
}
.auth-code-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  border-radius: 999px;
  background: rgba(46,137,255,.14);
  color: var(--accent2);
  font-size: 22px;
  font-weight: 900;
}
.auth-code-heading {
  display: grid;
  gap: 8px;
  text-align: center;
}
.auth-code-heading h1 {
  margin: 0;
  color: var(--text);
  font-size: 27px;
  line-height: 1.15;
}
.auth-code-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.auth-code-form {
  display: grid;
  gap: 22px;
}
.auth-code-inputs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.auth-code-inputs input {
  width: 100%;
  min-width: 0;
  height: 58px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  color: var(--text);
  font-size: 24px;
  font-weight: 800;
  text-align: center;
}
.auth-code-inputs input:focus {
  border-color: var(--accent2);
  box-shadow: 0 0 0 3px rgba(46,137,255,.16);
  outline: none;
}
.auth-code-submit,
.auth-code-return {
  width: 100%;
  min-height: 48px;
  justify-content: center;
}
.auth-code-submit:disabled {
  opacity: .42;
  cursor: not-allowed;
}
.auth-code-expiry {
  margin: -7px 0 0;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}
.auth-code-back-link {
  margin-top: -8px;
  color: var(--accent2);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.auth-code-back-link:hover {
  text-decoration: underline;
}
@media (max-width: 760px) {
  .login-form {
    padding: 34px 28px 38px;
  }
  .auth-code-card {
    padding: 28px 20px;
  }
  .auth-code-inputs {
    gap: 7px;
  }
  .auth-code-inputs input {
    height: 52px;
    border-radius: 10px;
    font-size: 21px;
  }
}
@media (max-width: 400px) {
  .auth-code-shell {
    width: min(100% - 20px, 520px);
  }
  .auth-code-card {
    padding: 24px 14px;
  }
  .auth-code-inputs {
    gap: 5px;
  }
  .auth-code-inputs input {
    height: 48px;
  }
}
.discord-destination-field {
  min-width: 0;
}

.discord-destination-rows {
  display: grid;
  gap: 8px;
}

.discord-destination-row {
  display: grid;
  grid-template-columns: 42px minmax(190px, 1fr) 38px 38px;
  align-items: center;
  gap: 8px;
}

.discord-destination-row input {
  min-width: 0;
  width: 100%;
}

.discord-guild-picker {
  position: relative;
  width: 42px;
  height: 42px;
}

.discord-guild-trigger {
  width: 42px;
  height: 42px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--input);
}

.discord-guild-trigger:hover,
.discord-guild-trigger[aria-expanded="true"] {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, var(--input));
}

.discord-guild-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background-color: rgba(88,101,242,.16);
  background-position: center;
  background-size: cover;
  color: #cdd3ff;
  font-weight: 800;
}

.discord-guild-icon.has-image {
  color: transparent;
}

.discord-guild-menu {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  left: 0;
  width: min(310px, calc(100vw - 48px));
  max-height: 320px;
  overflow-y: auto;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel);
  box-shadow: 0 18px 45px rgba(0,0,0,.42);
  text-align: left;
}

.discord-guild-menu[hidden] {
  display: none;
}

.discord-guild-option {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 9px;
  border-radius: 9px;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.discord-guild-option > span:last-child {
  min-width: 0;
  text-align: left;
}

.discord-guild-option:hover {
  background: var(--panel2);
  filter: none;
}

.discord-guild-option-icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background-color: rgba(88,101,242,.18);
  background-position: center;
  background-size: cover;
  color: #cdd3ff;
  font-weight: 800;
}

.discord-guild-option-clear {
  margin-top: 5px;
  border-top: 1px solid var(--line);
  border-radius: 0 0 9px 9px;
  color: var(--muted);
}

.discord-guild-empty {
  padding: 12px;
  color: var(--muted);
  line-height: 1.45;
  text-align: left;
}

.discord-destination-add,
.discord-destination-remove {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 20px;
}

.discord-destination-remove {
  color: #ff8d8d;
}

@media (max-width: 900px) {
  .discord-destination-row {
    grid-template-columns: 42px minmax(0, 1fr) 38px 38px;
  }
}
/* Global Players keeps the page shell mounted during fast partial refreshes. */
.global-players-results {
  transition: opacity 140ms ease, filter 140ms ease;
}

.global-players-results.is-loading {
  opacity: .52;
  filter: saturate(.7);
  pointer-events: none;
}

/* wcron-2.1-0426: streak metrics are sibling cards below Played Roles. */
.public-stats-body .public-player-details-card > .public-streak-stat-grid {
  width:100%;
  min-width:0;
  box-sizing:border-box;
  margin-top:10px!important;
}

/* wcron-2.1-0428 public API documentation */
.public-api-docs-body { min-height:100vh; }
.public-api-docs-shell { min-height:100vh; color:var(--text); }
.public-api-docs-topbar {
  min-height:68px; padding:0 34px; display:flex; align-items:center; justify-content:space-between; gap:20px;
  position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line);
  background:color-mix(in srgb, var(--panel) 94%, transparent); backdrop-filter:blur(18px);
}
.public-api-docs-topbar > div { display:flex; align-items:center; gap:12px; }
.public-api-docs-kicker { color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.public-api-docs-topbar-actions { justify-content:flex-end; }
.public-api-docs-open-badge {
  padding:7px 11px; border:1px solid color-mix(in srgb, #22c55e 40%, var(--line)); border-radius:999px;
  color:#86efac; background:rgba(34,197,94,.09); font-size:12px; font-weight:800;
}
.public-api-docs-page { width:min(1480px, calc(100% - 48px)); margin:0 auto; padding:34px 0 54px; display:grid; gap:18px; }
.public-api-docs-page .public-panel { border-radius:16px; }
.public-api-docs-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px); gap:28px; align-items:center; padding:32px; }
.public-api-docs-eyebrow { color:var(--accent); font-weight:900; letter-spacing:.08em; text-transform:uppercase; font-size:12px; margin:0 0 10px; }
.public-api-docs-hero h1 { margin:0; font-size:clamp(30px,5vw,58px); line-height:1.03; letter-spacing:-.045em; }
.public-api-docs-hero h1 + p { max-width:840px; margin:18px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
.public-api-docs-server-box { padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--panel2); display:grid; gap:9px; }
.public-api-docs-server-box label { font-weight:900; }
.public-api-docs-server-box input,
.public-api-parameter-row input {
  width:100%; min-height:44px; padding:9px 12px; border:1px solid var(--line); border-radius:10px;
  background:var(--input); color:var(--text); font:inherit;
}
.public-api-docs-server-box small { color:var(--muted); line-height:1.4; }
.public-api-docs-intro { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; overflow:hidden; padding:0; background:var(--line)!important; }
.public-api-docs-intro > div { padding:22px; background:var(--panel); }
.public-api-docs-intro h2 { margin:0 0 9px; font-size:15px; }
.public-api-docs-intro p { color:var(--muted); margin:0; line-height:1.55; }
.public-api-docs-intro code { display:block; overflow:auto; white-space:nowrap; color:#bfdbfe; }
.public-api-docs-nav { display:flex; flex-wrap:wrap; gap:9px; }
.public-api-docs-nav a { padding:9px 13px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--panel2); text-decoration:none; font-weight:800; font-size:13px; }
.public-api-docs-nav a:hover { color:var(--text); border-color:var(--accent); }
.public-api-endpoint { padding:26px; scroll-margin-top:88px; }
.public-api-endpoint-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.public-api-endpoint-heading > div { min-width:0; }
.public-api-endpoint-heading .api-method { margin-bottom:10px; }
.public-api-endpoint-heading h2 { margin:0; font-size:24px; }
.public-api-endpoint-heading p { max-width:940px; margin:10px 0 0; color:var(--muted); line-height:1.6; }
.public-api-try-button { flex:0 0 auto; border:1px solid color-mix(in srgb, var(--accent) 70%, var(--line)); border-radius:10px; padding:10px 14px; background:color-mix(in srgb, var(--accent) 17%, var(--panel2)); color:var(--text); font-weight:900; cursor:pointer; }
.public-api-try-button:hover { background:color-mix(in srgb, var(--accent) 27%, var(--panel2)); }
.public-api-try-button:disabled { opacity:.55; cursor:wait; }
.public-api-url-row { margin-top:18px; padding:13px 15px; overflow:auto; border:1px solid var(--line); border-radius:10px; background:var(--input); }
.public-api-url-row code { color:#bfdbfe; white-space:nowrap; }
.public-api-parameter-row { margin-top:16px; display:flex; flex-wrap:wrap; gap:12px; }
.public-api-parameter-row label { display:grid; gap:6px; min-width:150px; color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.public-api-docs-two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.public-api-docs-two-column article { min-width:0; }
.public-api-docs-two-column h3,
.public-api-live-result h3 { margin:0 0 9px; font-size:14px; }
.public-api-docs-page pre {
  margin:0; min-height:100%; max-height:540px; overflow:auto; padding:16px; border:1px solid var(--line); border-radius:11px;
  background:#060a12; color:#dbeafe; font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; white-space:pre; tab-size:2;
}
.public-api-live-result { margin-top:16px; }
.public-api-live-result > div { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:9px; }
.public-api-live-result [data-api-status] { color:#fca5a5; font-size:12px; font-weight:900; }
.public-api-live-result [data-api-status][data-ok="true"] { color:#86efac; }
.public-api-live-result pre { max-height:680px; }
.public-api-docs-errors { padding:26px; }
.public-api-docs-errors h2 { margin:0 0 8px; }
.public-api-docs-errors p { color:var(--muted); line-height:1.6; }
.public-api-docs-errors pre { margin-top:14px; min-height:0; }
.public-api-docs-body.theme-light .public-api-docs-open-badge { color:#15803d; }
.public-api-docs-body.theme-light .public-api-docs-intro code,
.public-api-docs-body.theme-light .public-api-url-row code { color:#1d4ed8; }
.public-api-docs-body.theme-light .public-api-docs-page pre { background:#f8fafc; color:#172033; }
@media(max-width:900px) {
  .public-api-docs-topbar { padding:0 16px; }
  .public-api-docs-open-badge { display:none; }
  .public-api-docs-page { width:min(100% - 24px,1480px); padding-top:18px; }
  .public-api-docs-hero { grid-template-columns:1fr; padding:22px; }
  .public-api-docs-intro { grid-template-columns:1fr; }
  .public-api-docs-two-column { grid-template-columns:1fr; }
  .public-api-endpoint { padding:20px; }
  .public-api-endpoint-heading { display:grid; }
  .public-api-try-button { width:100%; }
}


/* wcron-2.1-0431: compact tabbed public stats documentation. */
.public-api-docs-topbar-actions { margin-left:auto; }
.public-api-docs-hero { grid-template-columns:minmax(0,1fr) minmax(220px,300px); }
.public-api-docs-nav {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  overflow-x:auto;
}
.public-api-docs-nav button {
  min-width:132px;
  min-height:42px;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--muted);
  background:transparent;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.public-api-docs-nav button:hover {
  color:var(--text);
  background:var(--panel2);
}
.public-api-docs-nav button[aria-selected="true"] {
  color:var(--text);
  border-color:color-mix(in srgb, var(--accent) 60%, var(--line));
  background:color-mix(in srgb, var(--accent) 16%, var(--panel2));
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.public-api-docs-body [data-api-panel][hidden] { display:none!important; }
.public-api-endpoint,
.public-api-docs-errors,
.public-api-endpoint-heading,
.public-api-endpoint-heading > div,
.public-api-docs-two-column,
.public-api-docs-two-column article,
.public-api-live-result,
.public-api-url-row {
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.public-api-endpoint,
.public-api-docs-errors { overflow:hidden; }
.public-api-docs-two-column article {
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.public-api-docs-page pre {
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:0;
  box-sizing:border-box;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.public-api-url-row code {
  display:block;
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.public-api-docs-errors p { margin-bottom:16px; }
@media(max-width:1100px) {
  .public-api-docs-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:640px) {
  .public-api-docs-nav { display:flex; }
  .public-api-docs-nav button { flex:0 0 auto; }
  .public-api-docs-hero { padding:20px; }
  .public-api-docs-server-box { padding:16px; }
}

/* wcron-2.1-0431: place the URL-derived server ID beneath the docs title. */
.public-api-docs-hero { grid-template-columns:minmax(0,1fr); }
.public-api-docs-hero .public-api-docs-server-id { margin-top:14px; font-size:16px; }
.public-api-docs-server-id strong { color:var(--text); }

/* Player watchlist */
.player-watchlist-button,.player-watchlist-submit{background:#c026d3!important;border-color:#e879f9!important;color:#fff!important}
.player-watchlist-button:hover,.player-watchlist-submit:hover{background:#a21caf!important;border-color:#f0abfc!important}
.player-watchlist-list-row{--player-admin-note-color:#c026d3}
.player-watchlist-modal-card{width:min(760px,96vw);max-width:760px;overflow-x:hidden}
.player-watchlist-modal-card .modal-actions{justify-content:flex-end}
.player-watchlist-existing{min-width:0;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.player-watchlist-existing-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;padding:12px 0;border-bottom:1px solid var(--border)}
.player-watchlist-existing-copy{flex:1 1 auto;min-width:0;max-width:100%}
.player-watchlist-existing-row p{max-width:100%;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.player-watchlist-existing-row form{flex:0 0 auto}
.player-watchlist-submit:disabled,.player-watchlist-button:disabled{background:#64748b!important;border-color:#64748b!important;color:#cbd5e1!important;cursor:not-allowed;opacity:.72}
@media(max-width:640px){.player-watchlist-existing-row{flex-direction:column}.player-watchlist-existing-row form,.player-watchlist-existing-row form button{width:100%}}

/* wcron-2.1-0450 finalized player match history */
.hll-recent-matches-card{
  display:grid;
  gap:12px;
  padding-top:4px;
}
.hll-recent-matches-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.hll-recent-matches-heading h3{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.hll-recent-matches-heading p{margin:4px 0 0!important;}
.hll-view-all-button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dbeafe!important;
  padding:2px 0!important;
  min-height:0!important;
  text-decoration:underline;
  text-underline-offset:3px;
  white-space:nowrap;
}
.hll-recent-match-list{display:grid;gap:8px;}
.hll-recent-match-row{
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(300px,1.65fr) minmax(70px,.35fr);
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:9px 13px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:12px;
  color:inherit;
  text-decoration:none;
  background:linear-gradient(100deg,rgba(15,23,42,.5),rgba(7,22,38,.28));
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.hll-recent-match-row:hover{
  border-color:rgba(96,165,250,.58);
  background:linear-gradient(100deg,rgba(30,64,175,.18),rgba(7,22,38,.42));
  transform:translateY(-1px);
}
.hll-recent-match-stats{display:grid;gap:2px;min-width:0;}
.hll-recent-match-stats>strong{font-size:.94rem;color:#f8fafc;}
.hll-recent-match-stats>span{font-size:.74rem;color:var(--muted);}
.hll-recent-match-stats>small{font-size:.76rem;color:#dbeafe;white-space:normal;}
.hll-recent-match-map{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-width:0;
}
.hll-recent-match-map img,.hll-recent-match-map-placeholder{
  width:92px;
  height:50px;
  border-radius:7px;
  border:1px solid rgba(148,163,184,.22);
  object-fit:cover;
  background:linear-gradient(135deg,rgba(51,65,85,.75),rgba(15,23,42,.88));
}
.hll-recent-match-map>div{display:grid;gap:3px;min-width:0;}
.hll-recent-match-map strong,.hll-recent-match-map small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hll-recent-match-map strong{font-size:.9rem;color:#f8fafc;}
.hll-recent-match-map strong span{font-weight:600;color:#dbeafe;}
.hll-recent-match-map small{font-size:.76rem;color:#cbd5e1;}
.hll-recent-match-result{display:grid;justify-items:end;gap:2px;text-align:right;}
.hll-recent-match-result strong{font-size:.9rem;}
.hll-recent-match-result small{font-size:.75rem;}
.hll-recent-match-result.win{color:#22c55e;}
.hll-recent-match-result.loss{color:#ef4444;}
.hll-recent-match-result.draw,.hll-recent-match-result.unknown{color:#facc15;}
.hll-match-history-modal-card{
  width:min(1040px,96vw)!important;
  max-width:1040px!important;
  max-height:92vh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.hll-match-history-modal-body{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  min-height:0;
  gap:14px;
  padding:18px 22px 22px;
}
.hll-match-history-list{
  min-height:180px;
  max-height:64vh;
  overflow-y:auto;
  padding-right:4px;
}
.hll-match-history-pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.hll-match-history-pagination span{color:var(--muted);font-weight:800;min-width:180px;text-align:center;}
.hll-match-history-metrics{display:flex;flex-wrap:wrap;gap:10px;}
.hll-match-history-metric b{font-weight:900;color:#f8fafc;}
@media(max-width:850px){
  .hll-recent-match-row{grid-template-columns:1fr auto;}
  .hll-recent-match-map{grid-column:1/-1;grid-row:1;}
  .hll-recent-match-stats{grid-column:1;grid-row:2;}
  .hll-recent-match-result{grid-column:2;grid-row:2;}
}
@media(max-width:560px){
  .hll-recent-matches-heading{align-items:center;}
  .hll-recent-match-map{grid-template-columns:72px minmax(0,1fr);}
  .hll-recent-match-map img,.hll-recent-match-map-placeholder{width:72px;height:44px;}
  .hll-match-history-modal-body{padding:14px;}
  .hll-match-history-pagination{justify-content:space-between;gap:8px;}
  .hll-match-history-pagination span{min-width:0;font-size:.78rem;}
}

/* WarCRON 2.1-0452 HLL profile insufficient finalized-data state */
.hll-insufficient-data{
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  padding:32px 24px;
  text-align:center;
  border:1px dashed rgba(148,163,184,.32);
  border-radius:14px;
  background:rgba(15,23,42,.28);
}
.hll-insufficient-data strong{font-size:1.08rem;color:var(--text)}
.hll-insufficient-data p{max-width:620px;margin:0}

/* 0454: keep the contextual totals directly below the combined score totals. */
.hll-score-box > .hll-kill-card.hll-context-card-grid {
  margin-top:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

/* Minecraft catalog pages: shared Warrcon page/header/modal design */
.catalog-hero-card p{margin-bottom:0;color:var(--muted)}
.catalog-filter-form{grid-template-columns:minmax(260px,1.5fr) minmax(130px,.55fr) auto}
.catalog-filter-form.has-category{grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) minmax(130px,.55fr) auto}
.catalog-filter-form.pricing-filter-form{grid-template-columns:minmax(210px,1.3fr) minmax(125px,.62fr) minmax(135px,.68fr) minmax(90px,.42fr) max-content}
.catalog-filter-form.pricing-filter-form .list-filter-actions{flex-wrap:nowrap!important;white-space:nowrap}
.catalog-list-panel .panel-header{margin-bottom:14px}
.catalog-management-table td{vertical-align:middle}
.catalog-management-table .table-actions{white-space:nowrap}
.catalog-modal-card{max-height:90vh;overflow-y:auto}
.catalog-form-grid{align-items:start}
.catalog-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:13px}
.catalog-form-grid label input,.catalog-form-grid label select,.catalog-form-grid label textarea{color:var(--text);font-size:14px}
.minecraft-name-input-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px;align-items:stretch}
.minecraft-name-input-row>input{min-width:0;margin:0}
.minecraft-color-button{display:grid!important;place-items:center!important;min-width:44px!important;padding:0!important;font-size:18px!important;line-height:1}
.minecraft-color-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:20;display:grid;grid-template-columns:42px minmax(105px,1fr) auto;gap:7px;align-items:center;width:min(290px,calc(100vw - 54px));padding:9px;border:1px solid rgba(96,165,250,.38);border-radius:10px;background:#101827;box-shadow:0 14px 35px rgba(0,0,0,.42)}
.minecraft-color-popover[hidden]{display:none!important}
.minecraft-color-popover input{margin:0!important;min-width:0!important}
.minecraft-color-popover input[type="color"]{width:42px!important;height:38px!important;padding:3px!important;cursor:pointer}
.minecraft-color-popover .compact-button{min-height:38px;margin:0}
.catalog-form-grid .wide{grid-column:1 / -1}
.catalog-form-grid textarea{min-height:120px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
.catalog-form-grid .catalog-enabled-row{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text)}
.catalog-form-grid .catalog-enabled-row input{width:auto;min-height:auto;margin:0}
@media(max-width:760px){.catalog-filter-form,.catalog-filter-form.has-category,.catalog-filter-form.pricing-filter-form{grid-template-columns:1fr}.catalog-filter-form.pricing-filter-form .list-filter-actions{white-space:normal;flex-wrap:wrap!important}.catalog-form-grid .wide{grid-column:auto}.catalog-management-table .table-actions{white-space:normal}}

/* 2026-09-05 Minecraft catalog visual editors */
.minecraft-catalog-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
  gap:14px;
}
.minecraft-catalog-card{
  min-width:0;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  grid-template-areas:"icon copy" "actions actions";
  gap:14px;
  padding:16px;
  border:1px solid rgba(96,165,250,.20);
  border-radius:16px;
  background:radial-gradient(circle at 100% 0,rgba(59,130,246,.09),transparent 34%),linear-gradient(145deg,rgba(15,23,42,.82),rgba(3,9,20,.88));
  box-shadow:0 13px 30px rgba(0,0,0,.14);
}
.minecraft-card-icon{
  grid-area:icon;
  width:68px;height:68px;
  display:grid;place-items:center;
  border:1px solid rgba(96,165,250,.24);
  border-radius:14px;
  background:rgba(3,9,20,.72);
  image-rendering:pixelated;
}
.minecraft-card-icon.large{width:92px;height:92px}
.minecraft-card-icon img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}
.minecraft-card-icon.large img{width:68px;height:68px}
.minecraft-card-copy{grid-area:copy;min-width:0;display:grid;align-content:start;gap:6px}
.minecraft-card-copy code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93c5fd}
.minecraft-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.minecraft-card-title-row h3{margin:0;min-width:0;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.minecraft-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.minecraft-card-meta>span:not(.status-pill){padding:4px 7px;border:1px solid rgba(148,163,184,.14);border-radius:7px;background:rgba(15,23,42,.52);color:var(--muted);font-size:10px;font-weight:700}
.minecraft-card-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:10px;border-top:1px solid rgba(148,163,184,.10)}
.minecraft-catalog-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;align-content:center;gap:6px;border:1px dashed rgba(148,163,184,.28);border-radius:14px;color:var(--muted);text-align:center}
.minecraft-catalog-empty strong{color:var(--text)}
.catalog-view-body{display:grid;gap:18px}
.catalog-view-summary{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid rgba(96,165,250,.16);border-radius:14px;background:rgba(15,23,42,.42)}
.catalog-view-summary h3{margin:0 0 6px}.catalog-view-summary p{margin:4px 0;color:var(--muted)}
.catalog-view-section{display:grid;gap:10px}.catalog-view-section h4{margin:0}
.catalog-view-lines{display:grid;gap:6px}.catalog-view-lines>div{padding:9px 11px;border-radius:9px;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.12)}
.catalog-view-variants{display:grid;gap:9px}.catalog-view-variant{padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(3,9,20,.45)}
.catalog-enchant-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.catalog-enchant-chip{padding:5px 8px;border:1px solid rgba(96,165,250,.24);border-radius:999px;background:rgba(37,99,235,.10);color:#bfdbfe;font-size:11px}
.catalog-enchant-chip.custom{border-color:rgba(167,139,250,.25);background:rgba(109,40,217,.12);color:#ddd6fe}

.catalog-structured-editor{display:grid;gap:12px;padding:14px;border:1px solid rgba(96,165,250,.16);border-radius:14px;background:rgba(3,9,20,.42)}
.catalog-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.catalog-editor-heading>div{display:grid;gap:3px}.catalog-editor-heading>div>span,.catalog-editor-heading>span{color:var(--muted);font-size:11px}
.catalog-lore-lines,.catalog-variant-list,.catalog-enchant-list{display:grid;gap:8px}
.catalog-editor-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px}
.catalog-row-index{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(59,130,246,.12);color:#93c5fd;font-size:11px;font-weight:900}
.catalog-empty-editor-note{display:block;padding:12px;border:1px dashed rgba(148,163,184,.18);border-radius:10px;text-align:center}
.catalog-variation-card{display:grid;gap:13px;padding:13px;border:1px solid rgba(96,165,250,.18);border-radius:13px;background:linear-gradient(145deg,rgba(15,23,42,.66),rgba(3,9,20,.55))}
.catalog-variation-head{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;align-items:center;gap:9px}
.catalog-variation-head>div{display:grid;gap:2px}.catalog-variation-head span{font-size:10px}
.catalog-enchant-section{display:grid;gap:7px;padding-top:10px;border-top:1px solid rgba(148,163,184,.10)}
.catalog-enchant-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px auto;gap:8px;align-items:center}
.catalog-target-fieldset{min-width:0;padding:14px;border:1px solid rgba(148,163,184,.20);border-radius:10px}
.catalog-target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.catalog-target-option{display:flex;align-items:center;gap:8px;margin:0;padding:9px 10px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:rgba(15,23,42,.22)}
.catalog-target-option input{width:auto;margin:0}
.catalog-enchant-select-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.catalog-enchant-plus{font-size:20px;line-height:1}
.minecraft-enchant-picker-modal .modal-card{width:min(920px,calc(100vw - 40px))!important;max-width:920px!important;overflow:hidden}
.minecraft-enchant-picker-modal .minecraft-picker-body{min-height:0;max-height:calc(100dvh - 190px);grid-template-rows:auto minmax(0,1fr) auto}
.minecraft-enchant-picker-toolbar{grid-template-columns:minmax(0,1fr)!important}
.minecraft-enchant-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;min-height:0;overflow:auto;padding:4px 6px 4px 2px}
.minecraft-picker-item.minecraft-enchant-picker-item{display:grid!important;grid-template-columns:minmax(0,1fr) 76px 36px!important;align-items:center!important;min-height:74px!important;height:auto!important;padding:12px!important;gap:12px!important;overflow:hidden}
.minecraft-picker-item>.minecraft-enchant-picker-copy{display:flex!important;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.minecraft-enchant-picker-copy strong,.minecraft-enchant-picker-copy small{display:block!important;width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;text-align:left}
.minecraft-enchant-picker-item input{width:76px;min-width:0;margin:0}
.minecraft-enchant-add-button{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;font-size:17px!important;line-height:1!important;display:grid!important;place-items:center}
@media(max-width:680px){.minecraft-enchant-picker-grid{grid-template-columns:1fr!important}.minecraft-picker-item.minecraft-enchant-picker-item{grid-template-columns:minmax(0,1fr) 68px 34px!important}}
.catalog-enchant-row select,.catalog-enchant-row input{margin:0}
.catalog-form-grid textarea{font-family:inherit}

.modal-extra-wide{width:min(1220px,calc(100vw - 30px))!important;max-width:1220px!important}
.recipe-group-form{padding:18px 22px 22px;display:grid;gap:16px;max-height:calc(100dvh - 145px);overflow:auto}
.recipe-group-basics{align-items:start;padding:13px;border:1px solid rgba(96,165,250,.15);border-radius:14px;background:rgba(3,9,20,.40)}
.recipe-group-basics>.recipe-item-field{grid-column:1/-1}
.recipe-item-field{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;align-items:end}
.pricing-item-field{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.pricing-item-field>.catalog-editor-heading,.pricing-item-field>.recipe-item-select,.pricing-item-field>.pricing-picker-actions{grid-column:1/-1!important;width:100%!important;min-width:0!important}
.pricing-item-field>.pricing-picker-actions{justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important}
.recipe-field-label{grid-column:1/-1;color:var(--muted);font-size:12px;font-weight:700}
.recipe-item-select{width:100%;min-height:58px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;padding:8px 10px!important;text-align:left!important;border:1px solid rgba(96,165,250,.22)!important;background:rgba(3,9,20,.65)!important;color:var(--text)!important}
.recipe-item-select.compact{min-height:50px!important;grid-template-columns:36px minmax(0,1fr)!important}
.recipe-item-select img{grid-row:1/3;width:38px;height:38px;object-fit:contain;image-rendering:pixelated}
.recipe-item-select.compact img{width:32px;height:32px}
.recipe-item-select span{min-width:0;display:grid;overflow:hidden}.recipe-item-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-item-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.recipe-amount-field{display:grid;gap:5px;color:var(--muted);font-size:11px}.recipe-amount-field input{margin:0}
.recipe-section-editor{display:grid;gap:12px;padding:14px;border:1px solid rgba(96,165,250,.20);border-radius:15px;background:radial-gradient(circle at 96% 0,rgba(59,130,246,.08),transparent 35%),rgba(3,9,20,.40)}
.recipe-section-editor.is-disabled .recipe-section-body{display:none}
.recipe-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.recipe-section-title>div{display:grid;gap:2px}.recipe-section-title>div span{color:var(--muted);font-size:10px}.recipe-section-title .check-row{margin:0}
.recipe-builder-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(320px,1.1fr);gap:20px;align-items:start}
.recipe-crafting-grid{width:min(100%,330px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:7px 0 8px}
.recipe-grid-slot{position:relative;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;padding:6px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(30,41,59,.78),rgba(8,15,27,.82))!important;color:var(--muted)!important;overflow:hidden}
.recipe-grid-slot:hover{border-color:#60a5fa!important;box-shadow:0 0 0 2px rgba(59,130,246,.12)!important}
.recipe-grid-slot img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.recipe-grid-slot small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:var(--muted)}
.recipe-grid-plus{font-size:28px;font-weight:300;color:#64748b}.recipe-slot-amount{position:absolute;right:7px;bottom:5px;padding:1px 4px;border-radius:5px;background:rgba(3,9,20,.88);color:#fff;font-size:11px}
.recipe-output-column{display:grid;gap:9px}.recipe-output-list{display:grid;gap:8px}.recipe-output-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 80px auto;gap:8px;align-items:center}.recipe-output-editor-row>input{margin:0}
.recipe-view-sections{display:grid;gap:16px}.recipe-view-section{padding:14px;border:1px solid rgba(96,165,250,.18);border-radius:15px;background:rgba(3,9,20,.44)}.recipe-view-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.recipe-view-title h3{margin:0}
.recipe-view-layout{display:grid;grid-template-columns:260px 36px minmax(240px,1fr);gap:12px;align-items:center}.recipe-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.recipe-view-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:rgba(15,23,42,.58)}.recipe-view-slot img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.recipe-view-slot>span{position:absolute;right:5px;bottom:4px;font-size:10px;font-weight:900}.recipe-view-slot small{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:var(--muted)}.recipe-view-arrow{font-size:30px;color:#60a5fa;text-align:center}.recipe-view-results{display:grid;gap:8px}.recipe-view-result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(96,165,250,.16);border-radius:11px;background:rgba(15,23,42,.50)}.recipe-view-result img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.recipe-view-result>div{display:grid;gap:2px}.recipe-view-result span{color:var(--muted);font-size:9px}.recipe-view-result b{color:#bfdbfe}
.recipe-type-badges{margin-top:7px}.recipe-type-badges .status-pill{font-size:9px}

.minecraft-item-picker-modal{z-index:1200!important}.minecraft-picker-body{display:grid;gap:12px}.minecraft-picker-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:9px}.minecraft-picker-current{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(96,165,250,.23);border-radius:12px;background:rgba(37,99,235,.08)}.minecraft-picker-current>div{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center}.minecraft-picker-current img{grid-row:1/3;width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.minecraft-picker-current strong,.minecraft-picker-current code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minecraft-picker-current code{font-size:9px}.minecraft-picker-current label{display:grid;gap:4px;color:var(--muted);font-size:10px}.minecraft-picker-current input{width:90px;margin:0}
.minecraft-picker-grid{max-height:48vh;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;padding:2px;scrollbar-width:thin}.minecraft-picker-item{min-width:0!important;min-height:55px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:7px 8px!important;text-align:left!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:10px!important;background:rgba(3,9,20,.60)!important;color:var(--text)!important}.minecraft-picker-item:hover,.minecraft-picker-item.selected{border-color:#60a5fa!important;background:rgba(37,99,235,.16)!important}.minecraft-picker-item img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.minecraft-picker-item>span{min-width:0;display:grid;gap:2px}.minecraft-picker-item strong,.minecraft-picker-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minecraft-picker-item small{color:var(--muted);font-size:8px}.minecraft-picker-empty{grid-column:1/-1;padding:30px;text-align:center}

@media(max-width:900px){.recipe-builder-layout{grid-template-columns:1fr}.recipe-view-layout{grid-template-columns:1fr}.recipe-view-arrow{transform:rotate(90deg)}.catalog-variation-head{grid-template-columns:1fr 1fr}.catalog-variation-head>button{grid-column:1/-1}.minecraft-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:760px){.minecraft-catalog-card-grid{grid-template-columns:1fr}.catalog-editor-heading,.recipe-section-title{align-items:stretch;flex-direction:column}.catalog-enchant-row,.recipe-output-editor-row,.recipe-item-field,.minecraft-picker-toolbar{grid-template-columns:1fr}.catalog-variation-head{grid-template-columns:1fr}.recipe-crafting-grid{width:100%}.minecraft-picker-current{align-items:stretch;flex-direction:column}.minecraft-picker-current label{width:100%}.minecraft-picker-current input{width:100%}.catalog-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-09-05 Minecraft catalog layout/popup polish */
.catalog-list-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:4px 0 14px;
}
.catalog-list-heading h2{margin:0 0 3px;font-size:20px}
/* Keep only the title/copy block stacked. Header action buttons must stay in one row. */
.catalog-list-heading>div:not(.card-actions){display:grid;gap:2px}
.catalog-list-heading>.card-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end;
  gap:8px!important;
}

/* Town/Nation detail header alignment. Keep actions on the same top line as the title and remove stray heading margins. */
.settlement-detail-heading,
.nation-shop-heading{
  align-items:flex-start;
  margin-top:0;
}
.settlement-detail-heading h1,
.nation-shop-heading h1{
  margin:0;
  line-height:1.2;
}
.settlement-detail-heading>.card-actions,
.nation-shop-heading>.card-actions{
  align-self:flex-start;
}

/* Nation shop header actions use identical dimensions regardless of anchor/button element. */
.nation-shop-header-actions>.button,
.nation-shop-header-actions>button{
  box-sizing:border-box;
  flex:0 0 128px;
  width:128px;
  min-width:128px;
  height:40px;
  min-height:40px;
  padding:0 14px;
  margin:0;
  line-height:1;
}

/* Reuse the global player-list card language for every Minecraft catalog page. */
.minecraft-catalog-card-grid.player-card-grid,
.player-card-grid.minecraft-catalog-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:14px;
}
.minecraft-catalog-card.player-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:var(--panel)!important;
  box-shadow:var(--shadow-soft,none)!important;
  min-width:0;
}
.minecraft-card-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.minecraft-card-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}
.minecraft-card-icon{
  flex:0 0 58px;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--panel2)!important;
  overflow:hidden;
}
.minecraft-card-icon img{width:44px!important;height:44px!important;object-fit:contain!important;image-rendering:pixelated}
.minecraft-card-icon.large{flex-basis:88px;width:88px!important;height:88px!important}
.minecraft-card-icon.large img{width:66px!important;height:66px!important}
.minecraft-card-copy{min-width:0;display:grid!important;gap:5px!important;align-content:center!important}
.minecraft-card-copy h3{margin:0!important;font-size:16px!important;line-height:1.25!important;overflow-wrap:anywhere}
.minecraft-card-copy code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93c5fd;font-size:11px}
.minecraft-card-meta{margin:0!important;display:grid!important;gap:4px!important;color:var(--muted)!important}
.minecraft-card-meta>span{padding:0!important;border:0!important;background:transparent!important;font-size:12px!important;font-weight:500!important}
.minecraft-card-stats{margin-top:0}
.minecraft-card-stats div{min-height:58px}
.minecraft-card-actions{
  margin-top:auto!important;
  padding-top:0!important;
  border-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap;
}
.minecraft-card-actions .compact-button{min-width:72px}
.minecraft-catalog-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center}

/* Rich Minecraft-formatted strings should inherit surrounding sizing, only the embedded colour/weight changes. */
.minecraft-rich-name,.minecraft-rich-text{min-width:0}
.minecraft-rich-name strong,.minecraft-rich-text strong{font-weight:800}

/* Every Minecraft catalog modal is a bounded, independently scrollable workspace. */
.modal .catalog-modal-card{
  width:min(900px,calc(100vw - 28px));
  max-width:900px;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
}
.modal .catalog-modal-card.modal-extra-wide{width:min(1220px,calc(100vw - 28px))!important;max-width:1220px!important}
.modal .catalog-modal-card.small-modal-card{width:min(560px,calc(100vw - 28px))!important;max-width:560px!important}
.catalog-modal-card>.ban-gradient-modal-header{flex:0 0 auto;position:sticky;top:0;z-index:2}
.catalog-modal-card>.ban-gradient-modal-body,
.catalog-modal-card>form{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.catalog-modal-card>.modal-close{z-index:5}
.catalog-modal-card .modal-actions{position:relative}
.recipe-group-form{max-height:none!important;overflow-y:auto!important}

/* Existing PNG / uploaded PNG selector */
.catalog-icon-field,.recipe-icon-field{
  display:grid;
  gap:9px;
  padding:13px;
  border:1px solid rgba(96,165,250,.18);
  border-radius:13px;
  background:rgba(3,9,20,.42);
}
.recipe-icon-field{grid-column:1/-1}
.catalog-icon-field-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}
.catalog-icon-preview-button{
  min-width:0!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  text-align:left!important;
  color:var(--text)!important;
  border:1px solid rgba(96,165,250,.24)!important;
  border-radius:11px!important;
  background:rgba(3,9,20,.62)!important;
}
.catalog-icon-preview-button:hover{border-color:#60a5fa!important;background:rgba(37,99,235,.12)!important}
.catalog-icon-preview-button img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}
.catalog-icon-preview-button span{min-width:0;display:grid;gap:2px}
.catalog-icon-preview-button strong,.catalog-icon-preview-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-icon-preview-button small{color:var(--muted);font-size:10px}
.catalog-icon-upload-button{display:grid!important;place-items:center!important;min-width:120px;margin:0!important;cursor:pointer}
.minecraft-icon-picker-body{display:grid;gap:12px;min-height:0}
.minecraft-icon-picker-body>input{margin:0}
.minecraft-icon-picker-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:8px;
  max-height:58vh;
  overflow-y:auto;
  padding:2px;
  scrollbar-width:thin;
}
.minecraft-icon-picker-item{
  min-width:0!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 9px!important;
  text-align:left!important;
  color:var(--text)!important;
  border:1px solid rgba(148,163,184,.17)!important;
  border-radius:11px!important;
  background:rgba(3,9,20,.64)!important;
}
.minecraft-icon-picker-item:hover{border-color:#60a5fa!important;background:rgba(37,99,235,.14)!important}
.minecraft-icon-picker-item img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}
.minecraft-icon-picker-item>span{min-width:0;display:grid;gap:2px}
.minecraft-icon-picker-item strong,.minecraft-icon-picker-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minecraft-icon-picker-item small{color:var(--muted);font-size:8px}

/* Keep the blue gradient header visible and consistent across all new Minecraft popups. */
.minecraft-icon-picker-modal .ban-gradient-modal-header,
.minecraft-item-picker-modal .ban-gradient-modal-header,
.catalog-modal-card .ban-gradient-modal-header{
  background:linear-gradient(135deg,rgba(37,99,235,.96),rgba(29,78,216,.80),rgba(15,23,42,.94))!important;
  border-bottom:1px solid rgba(147,197,253,.28)!important;
}

@media(max-width:760px){
  .minecraft-catalog-card-grid.player-card-grid,.player-card-grid.minecraft-catalog-card-grid{grid-template-columns:1fr}
  .catalog-icon-field-layout{grid-template-columns:1fr}
  .catalog-icon-upload-button{min-height:42px}
  .minecraft-icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

/* 2026-09-06 Minecraft display-icon picker: fully readable, content-sized labels. */
.minecraft-icon-picker-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  align-content:flex-start!important;
  gap:8px!important;
}
.minecraft-icon-picker-item{
  width:clamp(190px,calc(78px + var(--icon-card-name-width,16ch)),min(440px,100%))!important;
  min-width:190px!important;
  max-width:100%!important;
  flex:0 1 auto!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  white-space:normal!important;
}
.minecraft-icon-picker-item>span{
  width:auto;
  min-width:0;
  max-width:none;
}
.minecraft-icon-picker-item strong{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.25;
}
.minecraft-icon-picker-item small{
  display:block;
  max-width:32ch;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:760px){
  .minecraft-icon-picker-item{
    width:100%!important;
    min-width:0!important;
  }
  .minecraft-icon-picker-item>span{
    width:auto;
    max-width:none;
  }
}
.minecraft-loot-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.minecraft-loot-tabs a{padding:9px 16px;border-radius:8px;background:var(--surface-2,#18243a);color:inherit;text-decoration:none}.minecraft-loot-tabs a.active{background:#2868d7;color:#fff}.minecraft-loot-list{display:grid;gap:10px}.minecraft-loot-row{display:grid;grid-template-columns:48px minmax(220px,1fr) auto auto auto;gap:18px;align-items:center}.minecraft-loot-row img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.minecraft-loot-row small{display:block;color:var(--muted,#8995a8)}@media(max-width:800px){.minecraft-loot-row{grid-template-columns:48px 1fr}.minecraft-loot-row>*:nth-child(n+3){grid-column:2}}
.minecraft-pve-builder-row{display:grid;grid-template-columns:130px 130px minmax(180px,1fr) 90px auto;gap:8px;align-items:center;margin-top:8px}
.pve-editor-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border,#263752)}.pve-editor-section h3{margin:0 0 12px}.pve-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.pve-item-slot{position:relative;padding:12px;border:1px solid var(--border,#263752);border-radius:10px;background:var(--surface-2,#111d31)}.pve-item-slot .recipe-item-select{width:100%}.pve-group-members{display:grid;gap:9px}.pve-member-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px auto;gap:10px;align-items:end}.pve-drop-tools{display:flex;gap:8px;margin:0 0 12px}.pve-drop-remove{position:absolute;top:8px;right:8px;z-index:2}.pve-mob-select{width:100%}
.minecraft-loot-tab-panel{padding:12px 16px;margin-bottom:18px}.minecraft-loot-tab-panel .minecraft-loot-tabs{margin:0}

/* Loot item popup: Item, Amount and Chance are one shared 3-column control row. */
.loot-item-form{
  display:grid;
  gap:18px;
}
.loot-item-field-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px minmax(150px,180px);
  gap:12px;
  align-items:end;
}
.loot-item-control{
  min-width:0;
  display:grid;
  grid-template-rows:18px 58px;
  gap:6px;
  align-items:stretch;
  margin:0!important;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.loot-item-control-item{
  min-width:0;
}
.loot-item-label{
  display:flex;
  align-items:flex-end;
  min-height:18px;
  margin:0;
  padding:0;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:18px;
}
.loot-item-control .recipe-field-label{
  grid-column:auto;
}
.loot-item-control .recipe-item-select{
  width:100%;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  box-sizing:border-box;
}
.loot-item-control>input{
  align-self:end;
  width:100%;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding-top:0;
  padding-bottom:0;
  box-sizing:border-box;
  line-height:normal;
}
.loot-item-form .modal-actions{
  margin-top:0;
}
@media(max-width:760px){
  .loot-item-field-grid{
    grid-template-columns:1fr;
  }
  .loot-item-control{
    grid-template-rows:18px auto;
  }
  .loot-item-control>input{
    align-self:stretch;
  }
}

/* Mob picker cards expand with their content and never truncate mob names. */
.pve-mob-picker-grid{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
}
.pve-mob-picker-grid .minecraft-picker-item{
  width:max-content!important;
  min-width:180px!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,auto)!important;
}
.pve-mob-picker-grid .minecraft-picker-item strong,
.pve-mob-picker-grid .minecraft-picker-item small{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* 2026-09-09 Minecraft chat log day cards + console modal */
.chat-log-day-grid{width:100%}
.chat-log-day-card{min-height:0!important}
.chat-log-day-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:25px;color:#93c5fd}
.chat-log-day-stats strong{font-size:15px}
.modal .chat-log-day-modal-card{width:min(1320px,calc(100vw - 28px))!important;max-width:1320px!important}
.chat-log-day-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding-right:64px!important}
.chat-log-day-modal-header>div:first-child{min-width:0}
.chat-log-day-search-wrap{margin-left:auto;width:min(440px,45vw);flex:0 1 440px}
.chat-log-day-search-wrap input{margin:0!important;width:100%;min-height:42px;background:rgba(3,9,20,.72)}
.chat-log-day-modal-body{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0!important;padding:18px!important;overflow:hidden!important}
.chat-log-day-result-summary{min-height:18px;font-size:12px}
.chat-log-day-console.console-log-view{height:min(68vh,720px)!important;max-height:none!important;min-height:360px!important;overflow:auto!important}
.chat-log-day-console .console-player{color:#f3f4f6;font-weight:800;flex:0 0 auto}
.chat-log-day-console .console-message{min-width:160px;flex:1 1 auto}
.chat-log-day-console .console-uuid{flex:0 0 auto;margin-left:auto;white-space:nowrap}
@media(max-width:820px){.chat-log-day-modal-header{align-items:stretch!important;flex-direction:column!important;padding-right:56px!important}.chat-log-day-search-wrap{width:100%;max-width:none;flex-basis:auto}.chat-log-day-console .console-log-line{display:block}.chat-log-day-console .console-log-line>*{margin-right:8px}.chat-log-day-console .console-uuid{display:block;margin:2px 0 0}}
.quest-card-icon{display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,#18233a,#090f1d)}
.quest-heading-panel{padding:16px 20px!important;min-height:0!important;margin-bottom:16px!important}.quest-list-heading{margin:0!important;min-height:44px;align-items:center!important}.quest-list-heading h1{margin:0 0 4px!important;line-height:1.15!important}.quest-heading-panel+.minecraft-catalog-card-grid{margin-top:0!important;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important}.quest-heading-panel+.minecraft-catalog-card-grid .minecraft-card-identity{align-items:center!important}.quest-heading-panel+.minecraft-catalog-card-grid .status-pill{flex:0 0 auto}.quest-heading-panel+.minecraft-catalog-card-grid .minecraft-card-copy{padding-top:0!important}
.quest-checkbox{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:42px}.quest-checkbox input{flex:0 0 auto!important;width:auto!important;margin:0!important}.quest-checkbox span{display:inline!important;margin:0!important}
.quest-editor{min-width:0}.quest-page-row{grid-template-columns:38px minmax(0,1fr) auto;align-items:start}.quest-page-row textarea{width:100%;min-height:112px;resize:vertical}
.quest-rule-card{margin-top:10px}.quest-rule-card .catalog-variation-head{grid-template-columns:minmax(220px,1fr) auto}.quest-rule-fields{display:grid;grid-template-columns:120px minmax(170px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:9px;align-items:center}.quest-selected-item{grid-column:1/-1;overflow-wrap:anywhere;color:#8fc7ff}.quest-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:7px}
.quest-completion-grid{margin-top:12px}.quest-completion-grid [hidden],[data-return-field][hidden],[data-instant-field][hidden]{display:none!important}
.quest-picker-item:has(input[type="number"]){grid-template-columns:42px minmax(0,1fr) 64px auto!important}.quest-picker-item input[type="number"]{width:64px!important;margin:0!important}.quest-picker-item button{margin:0!important}
@media(max-width:900px){.quest-rule-fields,.quest-location-grid{grid-template-columns:1fr}.quest-page-row{grid-template-columns:32px minmax(0,1fr)}.quest-page-row button{grid-column:2}}

/* 2026-09-13 Quest management parity + editor reliability */
.quest-card-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important}
.catalog-form-grid label.quest-checkbox{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:42px!important;
  padding:9px 11px!important;
  color:var(--text)!important;
}
.catalog-form-grid label.quest-checkbox>input[type="checkbox"]{
  display:block!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
}
.catalog-form-grid label.quest-checkbox>span{
  display:inline-block!important;
  width:auto!important;
  margin:0!important;
  line-height:16px!important;
}
.quest-completion-grid [hidden],.quest-editor [hidden],[data-return-field][hidden],[data-instant-field][hidden]{display:none!important}
@media(max-width:760px){.quest-card-grid{grid-template-columns:1fr!important}}


/* 2026-09-27 WarCRON authentication redesign */
.warcron-auth-body{
  min-height:100dvh;
  padding:32px;
  background:
    radial-gradient(circle at 50% 0%,rgba(46,137,255,.08),transparent 36%),
    #070b11;
}
.auth-split-card{
  width:min(980px,calc(100vw - 48px));
  min-height:570px;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  background:color-mix(in srgb,var(--panel) 96%,#05080d 4%);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
}
.auth-split-form{
  min-width:0;
  padding:44px 46px;
  justify-content:center;
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,#05080d 4%),color-mix(in srgb,var(--panel2) 28%,var(--panel)));
}
.auth-brand{display:flex;align-items:center;margin-bottom:24px}
.auth-brand-logo{
  display:block;
  width:74px;
  height:54px;
  object-fit:contain;
  object-position:left center;
}
.auth-split-form h1{margin:0 0 7px;font-size:27px;letter-spacing:-.02em}
.auth-split-form .login-form-header,.auth-code-heading{margin-bottom:22px}
.auth-split-form .login-form-header p,.auth-code-heading p{margin:0;line-height:1.5}
.auth-local-form{display:grid;gap:14px}
.auth-local-form>label:not(.login-remember-row){display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:750}
.auth-local-form input[type="text"],
.auth-local-form input[type="password"]{
  margin:0;
  min-height:44px;
  border-radius:9px;
  background:color-mix(in srgb,var(--input) 88%,#000 12%);
  border-color:color-mix(in srgb,var(--line) 76%,transparent);
}
.auth-local-form input:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);
}
.auth-remember-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:1px 0!important;
  padding:0!important;
  min-height:28px;
  color:var(--muted);
  font-size:12px;
}
.auth-remember-row input{width:16px!important;height:16px!important;margin:0!important}
.auth-remember-row>span{display:block!important}
.auth-login-submit,.auth-steam-button,.auth-code-submit,.auth-code-return{
  width:100%;
  min-height:44px!important;
  border-radius:9px!important;
  justify-content:center!important;
}
.auth-login-submit{
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent2) 70%,var(--accent)))!important;
  box-shadow:none!important;
}
.auth-provider-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:20px 0;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.auth-provider-divider::before,.auth-provider-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:color-mix(in srgb,var(--line) 74%,transparent);
}
.auth-steam-button{
  background:#0b1118!important;
  border:1px solid color-mix(in srgb,var(--line) 85%,transparent)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.auth-steam-button:hover{background:var(--panel2)!important;filter:none!important}
.auth-steam-mark{
  width:20px;height:20px;border:2px solid currentColor;border-radius:50%;
  display:grid;place-items:center;font-size:8px;
}
.auth-login-note{margin:16px 0 0;text-align:center;color:var(--muted);font-size:11px}
.auth-login-art{
  min-width:0;
  min-height:570px;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  border-left:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.login-alert{
  margin:0 0 16px;
  padding:11px 12px;
  border:1px solid rgba(225,91,91,.46);
  border-radius:9px;
  background:rgba(127,29,29,.18);
  color:#fecaca;
  line-height:1.4;
}
.auth-verification-card .auth-code-form-panel{display:flex;flex-direction:column;justify-content:center}
.auth-code-inputs{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:0 0 16px;
  padding:0;
  border:0;
}
.auth-code-inputs input{
  width:100%;
  height:52px;
  min-height:52px;
  margin:0;
  padding:0;
  text-align:center;
  font-size:20px;
  font-weight:800;
}
.auth-code-expiry{margin:13px 0 5px;text-align:center;color:var(--muted);font-size:11px}
.auth-code-back-link{display:block;text-align:center;color:var(--accent2);font-size:12px}
.auth-code-return{margin-top:4px}
@media(max-width:760px){
  .warcron-auth-body{padding:14px}
  .auth-split-card{width:100%;min-height:0;grid-template-columns:1fr}
  .auth-split-form{padding:30px 24px}
  .auth-login-art{display:none}
  .auth-code-inputs{gap:6px}
  .auth-code-inputs input{height:46px;min-height:46px;font-size:18px}
}


/* 2026-09-27 system-wide table list streamlining */
.system-list-heading,
.supreme-overview-heading{
  padding:0 0 15px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid var(--line)!important;
}
.system-list-heading h2,
.supreme-overview-heading h2{margin:0 0 5px!important}
.system-list-heading p,
.supreme-overview-heading p{margin:0!important}
.table-list-section{
  min-width:0;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.content .panel:has(> table),
.content .panel:has(> .responsive-table > table),
.content .panel:has(> .responsive-table-wrap > table),
.content .panel:has(> .table-wrap > table),
.content .panel:has(> .bans-table-shell > table){
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.content .panel:has(> table) > :is(.panel-header,.section-head),
.content .panel:has(> .responsive-table > table) > :is(.panel-header,.section-head),
.content .panel:has(> .responsive-table-wrap > table) > :is(.panel-header,.section-head),
.content .panel:has(> .table-wrap > table) > :is(.panel-header,.section-head),
.content .panel:has(> .bans-table-shell > table) > :is(.panel-header,.section-head){
  padding:0 0 15px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid var(--line)!important;
}
.content .panel:has(> table) > h2:first-child,
.content .panel:has(> .responsive-table > table) > h2:first-child,
.content .panel:has(> .responsive-table-wrap > table) > h2:first-child,
.content .panel:has(> .table-wrap > table) > h2:first-child,
.content .panel:has(> .bans-table-shell > table) > h2:first-child{
  padding:0 0 15px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid var(--line)!important;
}
.table-list-section > :where(.responsive-table,.responsive-table-wrap,.table-wrap,.bans-table-shell){
  width:100%;
  margin:0;
}
.table-list-section table,
.content .panel:has(> table) > table,
.content .panel:has(> .responsive-table > table) .responsive-table > table,
.content .panel:has(> .responsive-table-wrap > table) .responsive-table-wrap > table,
.content .panel:has(> .table-wrap > table) .table-wrap > table,
.content .panel:has(> .bans-table-shell > table) .bans-table-shell > table{
  width:100%!important;
}
.auth-steam-button{
  background:linear-gradient(135deg,#18232e,#101820)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  min-height:46px!important;
  gap:10px!important;
}
.auth-steam-button:hover{
  background:linear-gradient(135deg,#213140,#16232e)!important;
  border-color:rgba(255,255,255,.2)!important;
}
.auth-steam-icon{
  width:23px;
  height:23px;
  flex:0 0 23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* 2026-09-27 heading spacing + card regression fixes */
.content :where(.panel-header,.section-head,.section-title-row,.system-list-heading) > div{
  min-width:0;
}
.content :where(.panel-header,.section-head,.section-title-row,.system-list-heading) > div > :is(h1,h2,h3){
  margin:0!important;
  line-height:1.2!important;
}
.content :where(.panel-header,.section-head,.section-title-row,.system-list-heading) > div > p{
  margin:5px 0 0!important;
  line-height:1.45!important;
}
.content :where(.panel-header,.section-head,.system-list-heading){
  gap:16px!important;
  align-items:flex-start!important;
}
.content .standardized-title-block{
  min-height:0!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid var(--line)!important;
}
.content .standardized-title-block > button{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  margin:0!important;
}
.content .bans-table-only{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.content .bans-table-only .bans-table-shell{
  margin:0!important;
}
.content .player-detail-overview-card,
.content .player-detail-overview-card.keep-panel-card{
  padding:18px!important;
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:var(--shadow)!important;
  overflow:visible!important;
}
.content .player-detail-overview-card > .section-title-row{
  padding:0 0 14px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid var(--line)!important;
}
.auth-login-art{
  min-height:570px!important;
  height:100%!important;
  align-self:stretch!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.auth-split-card{
  overflow:hidden!important;
}
.auth-steam-button{
  gap:0!important;
}
.auth-steam-icon,.auth-steam-mark{display:none!important}

/* Keep title/subtitle/separator rhythm consistent across page/tab list sections. */
.content :where(
  .table-list-section > .section-head,
  .server-settings-tab-panel > .panel > .panel-header:has(p.muted),
  .server-settings-tab-panel > .panel > .section-head:has(p.muted)
){
  min-height:0!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid var(--line)!important;
}


/* 2026-09-27 unified section rhythm + player detail surface + 2FA art */
:root{
  --warcron-section-rule-padding:12px;
  --warcron-section-after-rule-gap:16px;
}
.content :where(
  .system-list-heading,
  .standardized-title-block,
  .section-title-row:has(p.muted),
  .panel-header:has(p.muted),
  .section-head:has(p.muted)
){
  padding-bottom:var(--warcron-section-rule-padding)!important;
  margin-bottom:var(--warcron-section-after-rule-gap)!important;
  border-bottom:1px solid var(--line)!important;
}
.content :where(
  .system-list-heading,
  .standardized-title-block,
  .section-title-row:has(p.muted),
  .panel-header:has(p.muted),
  .section-head:has(p.muted)
) > div > :is(h1,h2,h3){
  margin:0!important;
  line-height:1.2!important;
}
.content :where(
  .system-list-heading,
  .standardized-title-block,
  .section-title-row:has(p.muted),
  .panel-header:has(p.muted),
  .section-head:has(p.muted)
) > div > p{
  margin:5px 0 0!important;
  line-height:1.45!important;
}
.content :where(
  .system-list-heading,
  .standardized-title-block,
  .panel-header:has(p.muted),
  .section-head:has(p.muted)
){
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
}

/* Table-list pages/tabs all use the same standalone table surface. */
.content .table-list-section{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.content .table-list-section > :where(.responsive-table,.responsive-table-wrap,.table-wrap,.bans-table-shell){
  width:100%!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--panel)!important;
  overflow:auto!important;
}
.content .table-list-section > :where(.responsive-table,.responsive-table-wrap,.table-wrap,.bans-table-shell) > table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.content .report-pretexts-table{
  width:100%!important;
}

/* Player Overview is a real card and must never be flattened just because it contains a table. */
.content section.panel.player-detail-overview-card.keep-panel-card.player-detail-card-surface,
.content section.panel.player-detail-overview-card.keep-panel-card.player-detail-card-surface:has(> .responsive-table-wrap > table){
  display:grid!important;
  gap:10px!important;
  padding:18px!important;
  margin:0!important;
  background:rgba(16,24,32,.92)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:var(--shadow)!important;
  overflow:visible!important;
}
body.theme-light .content section.panel.player-detail-overview-card.keep-panel-card.player-detail-card-surface{
  background:#fff!important;
}

.content .player-detail-card-surface > .section-title-row{
  padding-bottom:var(--warcron-section-rule-padding)!important;
  margin-bottom:var(--warcron-section-after-rule-gap)!important;
  border-bottom:1px solid var(--line)!important;
}

/* New 2FA artwork: preserve aspect ratio, crop to fill, never stretch/squash. */
.auth-verification-card .auth-login-art-fixed{
  min-width:0!important;
  width:100%!important;
  min-height:570px!important;
  height:100%!important;
  align-self:stretch!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  image-rendering:auto!important;
}
.auth-login-note{display:none!important}
.auth-steam-button{margin-bottom:0!important}


/* 2026-09-27 final UI consistency pass */
:root{
  --warcron-section-rule-padding:12px;
  --warcron-section-after-rule-gap:16px;
}

/* Auth is form-only now, 25% wider than the old form column. */
.warcron-auth-body .auth-split-card{
  width:min(610px,calc(100vw - 48px))!important;
  min-height:0!important;
  display:block!important;
  grid-template-columns:none!important;
}
.warcron-auth-body .auth-split-form{
  width:100%!important;
  min-height:570px!important;
  padding:48px 58px!important;
}
.warcron-auth-body .auth-login-art{display:none!important}
@media(max-width:760px){
  .warcron-auth-body .auth-split-card{width:100%!important}
  .warcron-auth-body .auth-split-form{min-height:0!important;padding:30px 24px!important}
}

/* One exact title/subtitle/separator rhythm everywhere these shared page headings are used. */
.content :where(
  .unified-section-heading,
  .system-list-heading,
  .backup-dashboard-heading,
  .security-section-head,
  .supreme-services-standalone > .section-head,
  .backup-standalone-section > .section-head,
  .catalog-list-heading,
  .mc-service-list-heading
){
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
  min-height:0!important;
  margin:0 0 var(--warcron-section-after-rule-gap)!important;
  padding:0 0 var(--warcron-section-rule-padding)!important;
  border-bottom:1px solid var(--line)!important;
}
.content :where(
  .unified-section-heading,
  .system-list-heading,
  .backup-dashboard-heading,
  .security-section-head,
  .supreme-services-standalone > .section-head,
  .backup-standalone-section > .section-head,
  .catalog-list-heading,
  .mc-service-list-heading
) :is(h1,h2,h3){
  margin:0!important;
  line-height:1.2!important;
}
.content :where(
  .unified-section-heading,
  .system-list-heading,
  .backup-dashboard-heading,
  .security-section-head,
  .supreme-services-standalone > .section-head,
  .backup-standalone-section > .section-head,
  .catalog-list-heading,
  .mc-service-list-heading
) :where(p.muted,span.muted){
  display:block!important;
  margin:5px 0 0!important;
  line-height:1.45!important;
}
.supreme-services-standalone > .service-card-grid,
.security-health-panel > .security-health-grid,
.supreme-backups-page > .backup-overview-metrics{
  margin-top:0!important;
}
.supreme-backups-page{
  gap:var(--warcron-section-after-rule-gap)!important;
}
.security-admin-panel .security-section-head,
.supreme-services-standalone > .section-head{
  margin-bottom:var(--warcron-section-after-rule-gap)!important;
  padding-bottom:var(--warcron-section-rule-padding)!important;
}

/* All standalone table lists share one table shell and row/header design. */
.content .table-list-section{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.content .table-list-section > :where(.responsive-table,.responsive-table-wrap,.table-wrap,.bans-table-shell){
  width:100%!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--panel)!important;
  overflow:auto!important;
}
.content .table-list-section > :where(.responsive-table,.responsive-table-wrap,.table-wrap,.bans-table-shell) > table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
}
.content .configured-nodes-section{
  margin-top:16px!important;
}

/* Prevent old Groups/Accounts card styling from leaking back in. */
[data-group-settings-panel="groups"].table-list-section,
[data-group-settings-panel="accounts"].table-list-section{
  display:none;
}
[data-group-settings-panel="groups"].table-list-section.active,
[data-group-settings-panel="accounts"].table-list-section.active{
  display:block;
}
[data-group-settings-panel="groups"] .responsive-table,
[data-group-settings-panel="accounts"] .responsive-table{
  margin-top:0!important;
}


/* 2026-10-03 vendor item modal cleanup */
.vendor-items-toolbar{margin-bottom:12px}
.vendor-items-table .vendor-item-row-actions{gap:9px!important;padding-block:2px}
.vendor-items-table td:last-child{padding-right:16px}


/* 2026-10-17 account registration replaces Steam as the secondary login action. */
.auth-register-button{
  width:100%;
  min-height:46px!important;
  border-radius:9px!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#18232e,#101820)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  text-decoration:none;
}
.auth-register-button:hover{
  background:linear-gradient(135deg,#213140,#16232e)!important;
  border-color:rgba(255,255,255,.2)!important;
}
.auth-registration-form{display:grid;gap:14px}
.auth-registration-form label{display:grid;gap:7px}
.auth-registration-help{margin:-4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.auth-register-submit{width:100%;min-height:44px!important;justify-content:center!important}
.auth-password-feedback{display:grid;gap:8px;margin-top:-4px}
.auth-password-meter{height:6px;border-radius:999px;background:rgba(158,180,202,.18);overflow:hidden}
.auth-password-meter span{display:block;width:0;height:100%;border-radius:inherit;background:var(--danger);transition:width .18s ease,background .18s ease}
.auth-password-feedback[data-strength="medium"] .auth-password-meter span{background:#d8a72f}
.auth-password-feedback[data-strength="strong"] .auth-password-meter span{background:var(--ok)}
.auth-password-strength-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.auth-password-strength-label strong{color:var(--text);font-size:11px}
.auth-password-feedback[data-strength="weak"] .auth-password-strength-label strong{color:var(--danger)}
.auth-password-feedback[data-strength="medium"] .auth-password-strength-label strong{color:#e6b83e}
.auth-password-feedback[data-strength="strong"] .auth-password-strength-label strong{color:var(--ok)}
.auth-password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:11px}
.auth-password-rules li{position:relative;padding-left:16px}
.auth-password-rules li::before{content:"×";position:absolute;left:0;color:var(--muted);font-weight:900}
.auth-password-rules li.valid{color:var(--ok)}
.auth-password-rules li.valid::before{content:"✓";color:var(--ok)}
.auth-password-match{margin:-6px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.auth-password-match.valid{color:var(--ok)}
.auth-password-match.invalid{color:var(--danger)}
.auth-register-submit:disabled{opacity:.5;cursor:not-allowed;filter:none!important}
.supreme-user-heading-actions{display:flex;align-items:center;gap:8px}
.supreme-user-defaults-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.supreme-user-defaults-help{margin:0}
[data-default-user-role]:disabled{opacity:.6;cursor:not-allowed}
@media (max-width:720px){
  .auth-password-rules,.supreme-user-defaults-grid{grid-template-columns:1fr}
  .supreme-user-heading-actions{width:100%;justify-content:flex-end}
}