/* Option A shared components. Explicitly enabled for reviewed pages only. */
.wars-ui.w-design-a {
  --w-ink:#422a1b;--w-muted:#715a43;--w-line:#c9b797;--w-edge:#95774f;
  --w-action:#653c21;--w-action-edge:#452713;--w-on-action:#fff9ed;
  --w-input:#fffcf5;--w-return:#503018;--w-on-return:#fff9ed;--w-focus:#98550b;
  --w-radius:4px;font-size:15px;line-height:1.45;
}
.wars-ui.w-design-a[data-theme="dark"] {
  --w-alt:#352518;--w-muted:#cebaa0;--w-ink:#feeed8;--w-line:#624a34;--w-edge:#b5936b;
  --w-action:#cfaa78;--w-action-edge:#cfaa78;--w-on-action:#24190f;
  --w-input:#1b130c;--w-return:#e2c295;--w-on-return:#24190f;--w-focus:#f3c774;
}
.wars-ui.w-design-a #app {background:var(--w-surface)}
.wars-ui.w-design-a #app>.cont {width:100%;margin:0;border:0;border-radius:0}
.wars-ui.w-design-a .head {padding:11px 12px 10px;border-radius:0;border-bottom:2px solid var(--w-edge);font-size:19px;font-weight:700;line-height:1.25}
.wars-ui.w-design-a .head b {font-weight:700}
.wars-ui.w-design-a .lenta {padding:10px 12px}
.wars-ui.w-design-a .lenta>center {text-align:left}
.wars-ui.w-design-a .w-training-intro {font-size:14px;color:var(--w-muted)}
.wars-ui.w-design-a .w-unit-title {font-size:16px;font-weight:700;line-height:1.3;margin:0 0 7px}
.wars-ui.w-design-a .w-unit-title a {display:flex;align-items:center;gap:9px;min-height:24px;width:max-content;max-width:100%;text-decoration:none}
.wars-ui.w-design-a .w-unit-title a::after {content:'›';color:var(--w-muted);font-weight:400}
.wars-ui.w-design-a .lenta:has(>.w-unit-form) {padding-block:8px}
.wars-ui.w-design-a .w-unit-image {width:44px;height:52px;object-fit:contain;flex:none}
.wars-ui.w-design-a .w-unit-controls {display:grid;grid-template-columns:minmax(64px,1fr) minmax(76px,.85fr) minmax(110px,1.35fr);gap:8px;align-items:end}
.wars-ui.w-design-a .w-quantity {--w-field-height:48px;--w-field-padding:19px 9px 5px;position:relative;gap:0;display:flex;min-width:0}
.wars-ui.w-design-a .w-quantity>span {position:absolute;left:10px;top:4px;font-size:12px;line-height:1.2;pointer-events:none}
.wars-ui.w-design-a input:not([type=hidden]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),.wars-ui.w-design-a select,.wars-ui.w-design-a textarea {min-height:var(--w-field-height,44px);padding:var(--w-field-padding,7px 9px);background:var(--w-input);border-color:var(--w-edge);border-radius:4px;box-shadow:inset 0 1px 1px #2e1a0d0c;font-size:16px;line-height:1.3}
.wars-ui.w-design-a .w-quantity input {min-height:48px;padding:19px 9px 5px;line-height:1.25}
.wars-ui.w-design-a .button,.wars-ui.w-design-a .buttont,.wars-ui.w-design-a .CButton {background:var(--w-action);color:var(--w-on-action);border-color:var(--w-action-edge);font-size:15px;font-weight:700;border-radius:4px;box-shadow:inset 0 1px 0 #fff2,0 1px 0 #39200e24}
.wars-ui.w-design-a .CButton--secondary {background:var(--w-alt);color:var(--w-ink);border-color:var(--w-edge);box-shadow:none;font-weight:600}
.wars-ui.w-design-a .w-unit-controls>.button {min-height:48px;width:100%;padding:8px 10px}
.wars-ui.w-design-a .w-unit-controls>.w-max {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;width:100%;padding:3px 6px;margin:0;background:var(--w-alt);color:var(--w-ink);border:1px solid var(--w-edge);border-radius:4px;line-height:1.2;box-shadow:none;font:600 14px/1.2 var(--w-font);cursor:pointer}
.wars-ui.w-design-a .w-max>span {font-size:12px;font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a .w-max>b {font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wars-ui.w-design-a hr {margin:12px -12px}
.wars-ui.w-design-a .w-training-queue {font-size:14px;line-height:1.55}
.wars-ui.w-design-a .w-training-queue small {color:var(--w-muted);font-size:12px}
.wars-ui.w-design-a .w-training-queue img {vertical-align:middle;object-fit:contain;margin-right:4px}
.wars-ui.w-design-a :focus-visible {outline:3px solid var(--w-focus);outline-offset:3px}
.wars-ui.w-design-a .CNavigation__item[aria-current="page"] {box-shadow:inset 0 -3px #efd3a2}
.wars-ui.w-design-a .CNavigation__item:focus-visible {outline-color:#fff7e4;outline-offset:-5px}
.wars-ui.w-design-a #app>.cont>.w-page-bottom,.wars-ui.w-design-a #app>.cont>.CFooter {width:100%;margin-inline:0}
.wars-ui.w-design-a .w-page-bottom {padding:0;border:0;margin-top:auto;background:var(--w-surface)}
.wars-ui.w-design-a .w-page-bottom .CSection .CButton--secondary,.wars-ui.w-design-a .CSection.w-page-bottom .CButton--secondary {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px;border:0;border-top:1px solid var(--w-return);border-radius:0;background:var(--w-return);color:var(--w-on-return);box-shadow:none;font-weight:700;line-height:1.4}
.wars-ui.w-design-a .w-page-bottom .CSection .CButton--secondary::before,.wars-ui.w-design-a .CSection.w-page-bottom .CButton--secondary::before {content:'←';font-size:20px;font-weight:400;line-height:1}
.wars-ui.w-design-a .w-page-bottom .CSection .CButton--secondary:focus-visible,.wars-ui.w-design-a .CSection.w-page-bottom .CButton--secondary:focus-visible {outline-color:var(--w-on-return);outline-offset:-5px}
.wars-ui.w-design-a .w-secondary-back {padding:9px 12px;border-top:1px solid var(--w-line)}
.wars-ui.w-design-a .w-secondary-back .CButton--secondary {min-height:44px;border:1px solid var(--w-edge);border-radius:4px}
.wars-ui.w-design-a .CFooter {min-height:34px;padding:8px 12px;border:0;font-size:12px}
/* Rankings: audience → period → direct metric buttons. */
.wars-ui.w-design-a .w-rank-filter-panel {padding:0}
.wars-ui.w-design-a .w-rank-audience {display:flex;width:100%;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a .w-rank-audience form {flex:1;min-width:0;margin:0}
.wars-ui.w-design-a .w-rank-tab {display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:5px 8px;border:0;border-radius:0;background:var(--w-surface);color:var(--w-ink);font:600 13px/1.3 var(--w-font);cursor:pointer;text-align:center}
.wars-ui.w-design-a .w-rank-audience .w-rank-tab[aria-pressed="true"] {font-weight:700;background:var(--w-alt);box-shadow:inset 0 -3px var(--w-action)}
.wars-ui.w-design-a .w-rank-period {display:grid;grid-template-columns:1fr 1fr;margin:6px 8px;border:1px solid var(--w-line);border-radius:4px}
.wars-ui.w-design-a .w-rank-period form {min-width:0;margin:0}
.wars-ui.w-design-a .w-rank-period .w-rank-tab {min-height:32px;border-radius:3px;background:transparent;font-size:13px}
.wars-ui.w-design-a .w-rank-period .w-rank-tab[aria-pressed="true"] {background:var(--w-action);color:var(--w-on-action);font-weight:700}
.wars-ui.w-design-a.w-family-rankings .lenta>form.w-rank-sort {display:block;margin:0;padding:0 8px 4px}
.wars-ui.w-design-a .w-rank-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:6px 8px}
.wars-ui.w-design-a .w-rank-metrics--4 {grid-template-columns:repeat(2,minmax(0,1fr))}
.wars-ui.w-design-a .w-rank-metrics form {display:flex;min-width:0;margin:0}
.wars-ui.w-design-a .w-rank-metrics .w-rank-tab {gap:4px;min-height:34px;padding:4px;border:1px solid var(--w-line);border-radius:4px;background:var(--w-input);color:var(--w-ink);font-size:12px;line-height:1.3;text-shadow:none}
.wars-ui.w-design-a .w-rank-metrics .w-rank-tab>span {min-width:0;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-rank-icon {flex:none;width:18px;height:18px;object-fit:contain;padding:0;border-radius:0;background:transparent;box-sizing:border-box}
.wars-ui.w-design-a .w-rank-metrics .w-rank-tab[aria-pressed="true"] {background:var(--w-action);color:var(--w-on-action);border-color:var(--w-action-edge);font-weight:700;box-shadow:inset 0 1px 0 #fff2}
@media(hover:hover) {
  .wars-ui.w-design-a .w-rank-metrics .w-rank-tab[aria-pressed="false"]:hover {background:var(--w-alt);border-color:var(--w-action)}
}
.wars-ui.w-design-a .w-rank-filter-submit {margin-bottom:6px}
.wars-ui.w-design-a .w-auto-submit .w-rank-filter-submit {display:none}
.wars-ui.w-design-a .w-rank-inactive {display:flex;align-items:center;gap:6px;min-height:34px;font-size:13px;cursor:pointer;margin-top:0}
.wars-ui.w-design-a .w-rank-inactive input {appearance:auto;flex:none;width:18px;height:18px;margin:0;accent-color:var(--w-action)}
.wars-ui.w-design-a .w-rank-results {padding:0}
.wars-ui.w-design-a .w-rank-table.w-rank-refined {width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-rank-table.w-rank-refined .w-rank-position {width:48px}
.wars-ui.w-design-a .w-rank-table.w-rank-refined .w-rank-amount {width:31%}
.wars-ui.w-design-a .w-rank-table.w-rank-refined th {padding:8px;text-align:left;background:var(--w-alt);font-size:12px;line-height:1.35;font-weight:600;color:var(--w-muted);border-bottom:1px solid var(--w-line);overflow-wrap:anywhere}
.wars-ui.w-design-a .w-rank-table.w-rank-refined td {padding:10px 8px;width:auto;vertical-align:middle;border-bottom:1px solid var(--w-line);line-height:1.4;overflow-wrap:anywhere;background:var(--w-surface);font-size:15px;font-weight:400;text-align:left}
.wars-ui.w-design-a .w-rank-table.w-rank-refined th:first-child,.wars-ui.w-design-a .w-rank-table.w-rank-refined td:first-child {padding-left:12px;width:auto}
.wars-ui.w-design-a .w-rank-table.w-rank-refined td:first-child {font-weight:700;color:var(--w-muted)}
.wars-ui.w-design-a .w-rank-table.w-rank-refined th:last-child,.wars-ui.w-design-a .w-rank-table.w-rank-refined td:last-child {padding-right:12px;text-align:right}
.wars-ui.w-design-a .w-rank-table.w-rank-refined .w-rank-value {font-weight:600}
.wars-ui.w-design-a .w-rank-name {display:flex;align-items:flex-start;gap:5px;min-width:0;line-height:1.4}
.wars-ui.w-design-a .w-rank-name>a {min-width:0;font-weight:600;text-decoration:none}
.wars-ui.w-design-a .w-rank-name img {flex:none;object-fit:contain;margin-top:2px}
.wars-ui.w-design-a .w-rank-name font[color="#001a00"],.wars-ui.w-design-a .w-rank-name font[color="white"] {color:var(--w-ink)}
.wars-ui.w-design-a .w-rank-detail {font-size:13px;line-height:1.35;color:var(--w-muted);margin-top:3px;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-rank-detail a {color:inherit;text-decoration:none}
.wars-ui.w-design-a .w-rank-detail img {vertical-align:middle;object-fit:contain}
.wars-ui.w-design-a .w-rank-own td {background:var(--w-alt)}
.wars-ui.w-design-a .w-rank-own td:first-child {box-shadow:inset 3px 0 var(--w-action)}
.wars-ui.w-design-a .w-rank-you {font-size:12px;white-space:nowrap}
.wars-ui.w-design-a .w-rank-table.w-rank-refined .w-rank-empty {padding:24px 12px;text-align:center;color:var(--w-muted)}
.wars-ui.w-design-a .w-rank-pagination {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:52px;padding:8px 12px;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a .w-rank-pagination>br {display:none}
.wars-ui.w-design-a .w-rank-pagination .next {margin:0;border-color:var(--w-action);border-radius:4px}
.wars-ui.w-design-a .w-rank-pagination .next#pressed {border-color:var(--w-edge)}
.wars-ui.w-design-a .w-page-count {white-space:nowrap}
.wars-ui.w-design-a .w-rank-aux {padding:0;font-size:14px}
.wars-ui.w-design-a .w-rank-search {display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;text-decoration:none;border-bottom:1px solid var(--w-line);font-weight:600}
.wars-ui.w-design-a .w-rank-search::after {content:'›';margin-left:auto;font-size:18px}
.wars-ui.w-design-a .w-rank-extra summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;list-style:none;cursor:pointer;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a .w-rank-extra summary::-webkit-details-marker {display:none}
.wars-ui.w-design-a .w-rank-extra summary::after {content:'+';font-size:19px;line-height:1}
.wars-ui.w-design-a .w-rank-extra[open] summary::after {content:'−'}
.wars-ui.w-design-a .w-rank-extra-links {padding:0 12px 8px}
.wars-ui.w-design-a .w-rank-extra-links a {display:inline-flex;align-items:center;min-height:40px;text-underline-offset:3px}
.wars-ui.w-design-a .w-rank-extra-links img {vertical-align:middle;object-fit:contain;margin-right:5px}
.wars-ui.w-design-a .w-rank-peak {padding:8px 12px;font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a .w-rank-peak b {font-weight:600;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-rankings .lenta>form.w-player-search {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin:0}
.wars-ui.w-design-a .w-player-search>label {grid-column:1;font-size:13px;color:var(--w-muted);font-weight:600}
.wars-ui.w-design-a .w-player-search>input[name="name"] {grid-column:1;grid-row:2;width:100%;min-width:0}
.wars-ui.w-design-a .w-player-search>.buttont {grid-column:2;grid-row:2}
.wars-ui.w-design-a .w-player-search>p {grid-column:1/-1;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-rankings .lenta>img {max-width:100%;object-fit:contain}
@media(max-width:350px) {
  .wars-ui.w-design-a .w-unit-controls {grid-template-columns:minmax(60px,1fr) 76px minmax(106px,1.3fr);gap:6px}
  .wars-ui.w-design-a .w-unit-controls>.button {padding-inline:7px}
  .wars-ui.w-design-a .w-rank-table.w-rank-refined .w-rank-amount {width:32%}
  .wars-ui.w-design-a .w-rank-table.w-rank-refined td,.wars-ui.w-design-a .w-rank-table.w-rank-refined th {padding-inline:6px}
  .wars-ui.w-design-a .w-rank-table.w-rank-refined .w-rank-value {font-size:14px}
}

/* Batch 04: academy research rows. */
.wars-ui.w-design-a .w-academy-unit {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading action" "cost cost" "duration duration";gap:6px 10px;padding-block:9px}
.wars-ui.w-design-a .w-academy-unit>.w-unit-title {grid-area:heading;margin:0;align-self:center;min-width:0}
.wars-ui.w-design-a .w-academy-unit .w-unit-title a>span {min-width:0;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-academy-unit>.w-cost {grid-area:cost;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;font-size:14px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-academy-unit>.w-cost>span {min-width:0;gap:4px;white-space:nowrap}
.wars-ui.w-design-a .w-academy-unit>.w-duration {grid-area:duration;margin:0;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a .w-academy-unit>.w-research-form {grid-area:action;margin:0;align-self:center}
.wars-ui.w-design-a .w-academy-unit .w-research-form>.button {width:106px;min-height:44px;padding:8px 10px}
.wars-ui.w-design-a .w-research-queue {font-size:14px;line-height:1.6;background:var(--w-alt);border-left:3px solid var(--w-edge)}
@media(max-width:350px) {
  .wars-ui.w-design-a .w-academy-unit {column-gap:8px}
  .wars-ui.w-design-a .w-academy-unit>.w-unit-title {font-size:15px}
  .wars-ui.w-design-a .w-academy-unit .w-unit-title a {gap:6px}
  .wars-ui.w-design-a .w-academy-unit .w-unit-image {width:36px;height:46px}
  .wars-ui.w-design-a .w-academy-unit .w-research-form>.button {width:96px}
}

/* Batch 05: weapon and armour forge views. */
.wars-ui.w-design-a .w-forge-intro {font-size:14px;color:var(--w-muted)}
.wars-ui.w-design-a .w-forge-bonus {display:block;margin-top:4px;font-weight:600;color:var(--w-ink)}
.wars-ui.w-design-a .w-forge-unit {display:grid;grid-template-columns:minmax(0,1fr) 122px;grid-template-areas:"title action" "cost cost" "duration duration";gap:6px 10px;padding-block:9px}
.wars-ui.w-design-a .w-forge-unit>.w-unit-title {grid-area:title;align-self:center;min-width:0;margin:0}
.wars-ui.w-design-a .w-forge-unit .w-unit-title a>span {min-width:0;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-forge-unit>.w-cost {grid-area:cost;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;font-size:14px}
.wars-ui.w-design-a .w-forge-unit>.w-cost>span {min-width:0;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-forge-unit>.w-duration {grid-area:duration;margin:0;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a .w-forge-unit>.w-research-form {grid-area:action;display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0;align-self:center;text-align:center;min-width:0}
.wars-ui.w-design-a .w-forge-unit .w-research-form>.button {width:100%;min-height:44px;padding:8px;font-size:15px}
.wars-ui.w-design-a .w-forge-level {font-size:12px;color:var(--w-muted);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-forge-level b {font-weight:600;color:var(--w-ink)}
.wars-ui.w-design-a .w-forge-status {display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px;background:var(--w-alt);border:1px solid var(--w-line);border-radius:4px;font-size:13px;line-height:1.35;color:var(--w-muted)}
.wars-ui.w-design-a .w-forge-locked,.wars-ui.w-design-a .w-forge-complete {grid-area:cost;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a .w-forge-locked>.w-forge-level,.wars-ui.w-design-a .w-forge-complete>.w-forge-level {display:block;margin-bottom:3px}
.wars-ui.w-design-a .w-forge-complete {color:var(--w-success);font-weight:600}
.wars-ui.w-design-a .w-forge-unit:has(>.w-forge-complete)>.w-forge-locked {display:none}
.wars-ui.w-design-a .w-forge-queues {padding:0;background:var(--w-alt)}
.wars-ui.w-design-a .w-forge-queues:empty {display:none}
.wars-ui.w-design-a .w-forge-queue-item {padding:10px 12px;border-left:3px solid var(--w-edge);border-bottom:1px solid var(--w-line);font-size:14px;line-height:1.6}
.wars-ui.w-design-a .w-forge-queue-label {display:block;font-size:12px;font-weight:600;color:var(--w-muted)}
.wars-ui.w-design-a .w-forge-waiting {border-left-style:dashed}
.wars-ui.w-design-a .w-forge-empty {padding:10px 12px;font-size:14px;color:var(--w-muted)}
@media(max-width:350px) {
 .wars-ui.w-design-a .w-forge-unit {grid-template-columns:minmax(0,1fr) 112px;column-gap:8px}
 .wars-ui.w-design-a .w-forge-unit>.w-unit-title {font-size:15px}
 .wars-ui.w-design-a .w-forge-unit .w-unit-title a {gap:6px}
 .wars-ui.w-design-a .w-forge-unit .w-unit-image {width:36px;height:46px}
 .wars-ui.w-design-a .w-forge-unit .w-research-form>.button {font-size:14px}
}

/* Batch 06: news, guide and additional tasks. */
.wars-ui.w-design-a.w-family-news .w-news-entry {font-size:15px;line-height:1.5;padding-block:12px}
.wars-ui.w-design-a .w-news-title {margin:0 0 3px;font:700 17px/1.35 var(--w-font);color:var(--w-ink)}
.wars-ui.w-design-a .w-news-date {color:var(--w-muted);font-size:12px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-news-text {margin:8px 0 6px;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-news .w-vote {display:inline-flex;gap:7px;min-width:60px;min-height:44px;margin-top:6px;padding:7px 10px;background:var(--w-alt);border:1px solid var(--w-edge);border-radius:4px;font-size:14px;font-weight:600;text-decoration:none}
.wars-ui.w-design-a .w-news-notices {margin:-10px -12px 9px;padding:8px 12px;background:var(--w-alt);border-bottom:1px solid var(--w-line);font-size:14px}
.wars-ui.w-design-a.w-family-news .lenta>a:not(.w-vote) {display:inline-flex;align-items:center;min-height:44px;margin-right:8px;text-underline-offset:3px}
.wars-ui.w-design-a .w-field-label {display:block;margin:8px 0 4px;font-size:13px;font-weight:600;color:var(--w-muted);text-align:left}
.wars-ui.w-design-a .w-field-label>input {display:block;margin-top:5px;width:100%}
.wars-ui.w-design-a.w-family-news textarea {display:block;width:100%;min-height:96px;resize:vertical;text-align:left}
.wars-ui.w-design-a.w-family-news form>.button {width:100%;margin-top:8px}
.wars-ui.w-design-a.w-family-news .chat1,.wars-ui.w-design-a.w-family-news .chat2 {padding:9px 0;border-bottom:1px solid var(--w-line);background:transparent;overflow-wrap:anywhere;font-size:15px;line-height:1.5}
.wars-ui.w-design-a.w-family-news .chat1 font[color="#001a00"],.wars-ui.w-design-a.w-family-news .chat2 font[color="#001a00"] {color:var(--w-ink)}
.wars-ui.w-design-a .w-news-count {padding:8px 12px;font-size:12px;color:var(--w-muted)}
/* The legacy news routes nest their footer inside centre/panel wrappers. */
.wars-ui.w-design-a.w-family-news #app .cont:has(.CFooter),.wars-ui.w-design-a.w-family-news #app .lenta:not(.w-page-bottom):has(.CFooter) {display:flex;flex-direction:column;flex:1 0 auto}
.wars-ui.w-design-a.w-family-news #app .lenta:not(.w-page-bottom):has(.CFooter) {padding:0}
.wars-ui.w-design-a.w-family-news .cont>center:has(.CFooter),.wars-ui.w-design-a.w-family-news .lenta:not(.w-page-bottom)>center:has(.CFooter) {display:flex;flex-direction:column;flex:1 0 auto;padding:10px 12px 0;min-width:0;text-align:left}
.wars-ui.w-design-a.w-family-news center:has(>.CFooter)>hr {margin-inline:0}
.wars-ui.w-design-a.w-family-news center:has(>.CFooter)>br {display:none}
.wars-ui.w-design-a.w-family-news center:has(>.CFooter)>a {display:inline-flex;align-items:center;min-height:44px}
.wars-ui.w-design-a.w-family-news :is(.cont,.lenta:not(.w-page-bottom))>center:has(>.CFooter)>.CFooter,.wars-ui.w-design-a.w-family-news :is(.cont,.lenta:not(.w-page-bottom))>center:has(>.CFooter)>.CSection.w-page-bottom {width:calc(100% + 24px);max-width:none;margin-inline:-12px}
.wars-ui.w-design-a.w-family-news .cont:not(:has(.w-page-bottom)) .CFooter {margin-top:auto}
.wars-ui.w-design-a.w-family-guide .w-guide-shell {padding:0;margin:0;border:0;border-radius:0}
.wars-ui.w-design-a.w-family-guide .cont {width:100%;max-width:none;margin:0;border:0;border-radius:0}
.wars-ui.w-design-a.w-family-guide #app>.cont:not(:has(.w-page-bottom)) {display:flex;flex-direction:column;flex:1 0 auto}
.wars-ui.w-design-a.w-family-guide #app>.cont:not(:has(.w-page-bottom))>.CFooter {width:100%;margin-inline:0;margin-top:auto}
.wars-ui.w-design-a.w-family-guide .section {margin:0}
.wars-ui.w-design-a.w-family-guide .section h2 {margin:0;font-size:16px;font-weight:700}
.wars-ui.w-design-a.w-family-guide .section li>a,.wars-ui.w-design-a.w-family-guide .section>.accordion {min-height:46px;padding:10px 0;gap:10px;text-decoration:none;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-guide .accordion {color:var(--w-ink);font-weight:600}
.wars-ui.w-design-a.w-family-guide .accordion::after {flex:none;min-width:20px;line-height:1;text-align:center;font-size:20px;color:var(--w-action)}
.wars-ui.w-design-a.w-family-guide .panel {margin:0 0 0 12px;padding-left:12px;border-left:2px solid var(--w-line)}
.wars-ui.w-design-a.w-family-guide .panel .panel {margin-left:0;padding-left:10px}
.wars-ui.w-design-a.w-family-guide .lenta {font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-guide .lenta:has(>.section) {padding-block:0}
.wars-ui.w-design-a.w-family-guide .lenta>a {display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.wars-ui.w-design-a.w-family-guide .lenta>b>a {display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.wars-ui.w-design-a.w-family-guide .w-table-scroll {margin:8px 0;border-color:var(--w-line);overscroll-behavior-x:contain;scrollbar-color:var(--w-edge) var(--w-alt)}
.wars-ui.w-design-a.w-family-guide .w-table-scroll td {padding:8px 6px;line-height:1.45}
.wars-ui.w-design-a.w-family-guide table[data-w-table="w-guide-cost"] {font-size:13px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-guide table[data-w-table="w-guide-cost"] tr:first-child {background:var(--w-alt);font-weight:700}
.wars-ui.w-design-a.w-family-guide table[data-w-table="w-guide-cost"] tr:nth-child(even) {background:var(--w-alt)}
.wars-ui.w-design-a.w-family-guide table[data-w-table="w-guide-cost"] td {border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-guide .lenta form {display:flex;align-items:center;gap:8px;margin:6px 0 10px;min-width:0}
.wars-ui.w-design-a.w-family-guide .lenta select {flex:1;min-width:0;width:100%}
.wars-ui.w-design-a.w-family-guide .lenta form>.button {width:auto;min-width:70px;min-height:44px;margin:0}
.wars-ui.w-design-a.w-family-guide .w-table-scroll:has(select) table {width:100%;table-layout:fixed}
.wars-ui.w-design-a.w-family-guide .w-table-scroll:has(select) tr {display:block}
.wars-ui.w-design-a.w-family-guide .w-table-scroll:has(select) td {display:block;width:100%;padding:8px}
.wars-ui.w-design-a.w-family-guide .w-page-bottom .CSection:first-of-type:not(:last-of-type) {padding:8px 12px;border-top:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-guide .w-page-bottom .CSection:first-of-type:not(:last-of-type) .CButton {min-height:44px;padding:8px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);color:var(--w-ink);font-weight:600}
.wars-ui.w-design-a.w-family-tasks .w-task-intro {margin:0;font-size:14px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-tasks .w-task-heading {margin:0;font:700 16px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-tasks .w-task-complete {padding-top:10px;font-size:14px;color:var(--w-success)}
.wars-ui.w-design-a.w-family-tasks .lenta:has(.w-task)>.w-task-complete {display:none}
.wars-ui.w-design-a.w-family-tasks .w-task {padding:12px 0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-tasks .w-task-title {display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.4;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-tasks .w-task-title>img {flex:none;width:18px;height:18px;margin-top:2px;object-fit:contain}
.wars-ui.w-design-a.w-family-tasks .w-task-title>span {flex:none;width:18px;text-align:center;font-size:20px;line-height:1}
.wars-ui.w-design-a.w-family-tasks .w-task-state {display:block;margin:3px 0 7px 26px;font-size:12px;font-weight:600;color:var(--w-success)}
.wars-ui.w-design-a.w-family-tasks .w-task-locked .w-task-state {margin-bottom:0;color:var(--w-muted);font-weight:400}
.wars-ui.w-design-a.w-family-tasks .w-task-locked .w-task-title {font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-tasks .w-task-locked b {font-weight:500}
.wars-ui.w-design-a.w-family-tasks .w-task-reward {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:7px 0 9px;padding:7px 0;font-size:13px;background:var(--w-alt);border-radius:4px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-tasks .w-task-reward>span {display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;white-space:nowrap}
.wars-ui.w-design-a.w-family-tasks .w-task-reward img {flex:none;width:16px;height:16px;object-fit:contain}
.wars-ui.w-design-a.w-family-tasks .w-task-reward b {font-weight:600;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-tasks .w-task form {margin:0}
.wars-ui.w-design-a.w-family-tasks .w-task .button {width:100%;min-height:44px;margin:0}

/* Batch 07: compact chat. Posting, deletion, drafts and refresh scripts stay intact. */
.wars-ui.w-design-a.w-family-chat .wars-chat {width:100%;margin:0;padding:0}
.wars-ui.w-design-a.w-family-chat .wars-chat>.cont {border:0;border-radius:0;overflow:visible}
.wars-ui.w-design-a.w-family-chat .wars-chat .lenta {padding:8px 12px}
.wars-ui.w-design-a.w-family-chat .chat-composer label {margin-bottom:5px;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-chat .wars-chat #message {min-height:72px;height:72px;padding:8px 9px;background:var(--w-input);border-color:var(--w-edge);font-size:16px;line-height:1.35}
.wars-ui.w-design-a.w-family-chat .chat-tools {gap:6px;margin-top:7px}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-tool {flex:none;width:44px;min-height:44px;padding:8px;border-color:var(--w-edge);background:var(--w-alt)}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-send {min-height:44px;padding:8px 12px;background:var(--w-action);color:var(--w-on-action);border-color:var(--w-action-edge);font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 #fff2}
.wars-ui.w-design-a.w-family-chat .chat-hint {font-size:12px;margin-top:5px;line-height:1.4}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-feed {gap:6px;padding:8px 12px}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat1,.wars-ui.w-design-a.w-family-chat .wars-chat .chat2 {padding:7px 9px;border-radius:4px;font-size:15px;font-weight:400;line-height:1.45;max-width:100%}
.wars-ui.w-design-a.w-family-chat .chat1 b>a,.wars-ui.w-design-a.w-family-chat .chat2 b>a {text-decoration:none}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-reply {min-width:40px;min-height:40px;padding:5px 7px;border:1px solid transparent;font-size:15px}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-reply:focus-visible {border-color:currentColor}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-delete button {min-width:40px;min-height:40px}
.wars-ui.w-design-a.w-family-chat .chat-summary {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 12px;padding:3px 12px;font-size:12px;line-height:1.4;color:var(--w-muted);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-chat .chat-summary>a {display:inline-flex;align-items:center;min-height:40px;text-underline-offset:3px}
.wars-ui.w-design-a.w-family-chat .wars-chat .lenta:has(>.next) {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;padding-block:8px;font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-chat .wars-chat .lenta:has(>.next)>br {flex-basis:100%;height:0;display:block}
.wars-ui.w-design-a.w-family-chat .wars-chat .next {min-width:40px;min-height:40px;height:40px;margin:0;padding:0 10px;font-size:14px;border-radius:4px}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-smile {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:2px;padding:5px;border:1px solid var(--w-line);border-radius:4px;background:var(--w-alt);cursor:pointer;vertical-align:middle}
.wars-ui.w-design-a.w-family-chat .wars-chat .chat-smile>img {max-width:32px;max-height:32px;object-fit:contain}
.wars-ui.w-design-a.w-family-chat .wars-chat #smiles td,.wars-ui.w-design-a.w-family-chat .wars-chat #smiles1 td {padding:6px 0 0;text-align:left}
.wars-ui.w-design-a.w-family-chat .wars-chat #smiles a,.wars-ui.w-design-a.w-family-chat .wars-chat #smiles1 a {display:inline-flex;align-items:center;min-height:44px;padding:4px;font-size:13px}
.wars-ui.w-design-a.w-family-chat #app>.cont:not(:has(.w-page-bottom)) {display:flex;flex-direction:column;flex:1 0 auto}
.wars-ui.w-design-a.w-family-chat #app>.cont>.CFooter {width:100%;margin-inline:0}
.wars-ui.w-design-a.w-family-chat #app>.cont:not(:has(.w-page-bottom))>.CFooter {margin-top:auto}

/* Batch 08: building demolition and missions. */
.wars-ui.w-design-a.w-family-demolition .w-demolition-panel {padding:12px}
.wars-ui.w-design-a.w-family-demolition .w-building-intro {display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;line-height:1.4}
.wars-ui.w-design-a.w-family-demolition .w-building-image {width:48px;height:56px;flex:none;object-fit:contain}
.wars-ui.w-design-a.w-family-demolition .w-building-intro span {display:block;margin-top:3px;font-size:13px;color:var(--w-muted);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-demolition .w-field-label {margin:0 0 8px}
.wars-ui.w-design-a.w-family-demolition .w-field-label>select {display:block;margin-top:5px;width:100%;min-width:0;font-size:16px}
.wars-ui.w-design-a.w-family-demolition .w-danger-action {width:100%;min-height:44px;background:#843a2d;color:#fff9ed;border-color:#6b2b20;font-size:15px;font-weight:700}
.wars-ui.w-design-a.w-family-demolition[data-theme="dark"] .w-danger-action {background:#d49b82;color:#24190f;border-color:#d49b82}
.wars-ui.w-design-a.w-family-demolition .w-demolition-note {margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-demolition .w-secondary-back {margin:10px -12px 0}
.wars-ui.w-design-a.w-family-demolition .w-secondary-back .CButton {width:100%}
.wars-ui.w-design-a.w-family-missions .lenta {font-size:14px;line-height:1.55;text-align:left}
.wars-ui.w-design-a.w-family-missions .lenta>center {text-align:left}
.wars-ui.w-design-a.w-family-missions .w-mission-entry {display:flex;align-items:center;gap:12px;font-size:14px}
.wars-ui.w-design-a.w-family-missions .w-mission-entry>img {flex:none;max-width:64px;max-height:64px;object-fit:contain}
.wars-ui.w-design-a.w-family-missions .w-mission-entry a {text-underline-offset:3px}
.wars-ui.w-design-a.w-family-missions .w-content-heading {margin:0 0 8px;font:700 16px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-missions .w-oases-table,.wars-ui.w-design-a.w-family-missions .w-artifacts-table {width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-missions .w-oases-table th,.wars-ui.w-design-a.w-family-missions .w-artifacts-table th {padding:8px 6px;border-bottom:1px solid var(--w-line);text-align:left;background:var(--w-alt);color:var(--w-muted);font-size:12px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-missions .w-oases-table th:last-child {width:32%;text-align:right}
.wars-ui.w-design-a.w-family-missions .w-oases-table td {padding:0 6px;border-bottom:1px solid var(--w-line);text-align:left;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-missions .w-oases-table td>a {display:flex;align-items:center;min-height:46px;padding:7px 0;text-decoration:none;font-weight:600}
.wars-ui.w-design-a.w-family-missions .w-oases-table td:last-child {text-align:right;font-size:14px}
.wars-ui.w-design-a.w-family-missions .w-oases-empty {padding:10px 0 0;color:var(--w-muted);font-size:14px}
.wars-ui.w-design-a.w-family-missions .w-oases-table:has(tbody>tr)+.w-oases-empty {display:none}
.wars-ui.w-design-a.w-family-missions .w-artifact-panel {padding:10px 0 0}
.wars-ui.w-design-a.w-family-missions .w-artifact-panel:has(.w-page-bottom) {display:flex;flex-direction:column;flex:1 0 auto}
.wars-ui.w-design-a.w-family-missions .w-artifact-panel>.w-content-heading {padding-inline:12px}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table th:first-child {width:48px}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table th:nth-child(2) {width:34%}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table tr.lenta {display:table-row;padding:0;border:0;background:var(--w-surface)}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table td {padding:10px 6px;border-bottom:1px solid var(--w-line);vertical-align:middle;text-align:left;font-size:13px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table td:first-child {padding-left:12px}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table td:nth-child(2) {font-size:14px;font-weight:600}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table td:last-child {padding-right:12px}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table img {display:block;max-width:35px;max-height:35px;object-fit:contain}
.wars-ui.w-design-a.w-family-missions .w-artifacts-empty td {padding:16px 12px;color:var(--w-muted);font-size:14px}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table tr:last-child td[colspan] {padding:9px 12px;background:var(--w-alt);font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-missions .w-artifacts-table tr:last-child b {color:var(--w-ink);font-weight:700}

/* Batch 09: resource fields and residence. Explicit opt-in; no dashboard rules. */
.wars-ui.w-design-a.w-family-fields .w-field-group h2 {display:flex;align-items:center;gap:7px;margin:0 0 9px;font:700 16px/1.35 var(--w-font)}
.wars-ui.w-design-a.w-family-fields .w-field-group h2>img {flex:none;width:18px;height:18px;object-fit:contain}
.wars-ui.w-design-a.w-family-fields .w-field-choice {display:flex;align-items:center;gap:12px;min-width:0}
.wars-ui.w-design-a.w-family-fields .w-field-art {width:56px;height:64px;object-fit:contain;flex:none}
.wars-ui.w-design-a.w-family-fields .w-field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:1;min-width:0}
.wars-ui.w-design-a.w-family-fields .w-field-tile {display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;min-height:44px;padding:7px 8px;border:1px solid var(--w-line);border-radius:4px;background:var(--w-alt);color:var(--w-ink);text-decoration:none;font-size:13px;line-height:1.25;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-fields .w-field-tile>b {display:flex;flex-direction:column;align-items:center;gap:1px;font-size:16px}
.wars-ui.w-design-a.w-family-fields .w-field-tile small {font-size:10px;font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-fields .w-field-tile:hover {border-color:var(--w-edge);background:var(--w-input)}
.wars-ui.w-design-a.w-family-fields .w-field-quick {display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch}
.wars-ui.w-design-a.w-family-fields .w-field-quick-link {display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt)}
.wars-ui.w-design-a.w-family-fields .w-field-quick-link img {width:18px;height:18px;object-fit:contain}
.wars-ui.w-design-a.w-family-fields .w-field-with-upgrade {display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px;min-width:0}
.wars-ui.w-design-a.w-family-fields .w-field-grid:has(.w-field-with-upgrade) {grid-template-columns:minmax(0,1fr)}
.wars-ui.w-design-a.w-family-fields .w-field-intro {display:flex;align-items:center;gap:12px;font-size:14px}
.wars-ui.w-design-a.w-family-fields .w-field-intro>img {width:56px;height:64px;flex:none;object-fit:contain}
.wars-ui.w-design-a.w-family-fields .w-field-intro h1 {margin:0 0 4px;font:700 18px/1.3 var(--w-font)}
.wars-ui.w-design-a.w-family-fields .w-field-intro p {margin:0;font-size:13px;line-height:1.5;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-fields .w-field-production {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:12px 0 0;border:1px solid var(--w-line);border-radius:4px;background:var(--w-alt);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-fields .w-field-production>div {padding:8px 10px;min-width:0}
.wars-ui.w-design-a.w-family-fields .w-field-production>div+div {border-left:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-fields .w-field-production dt {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-fields .w-field-production dd {margin:3px 0 0;font-size:17px;font-weight:700;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-fields .w-field-production dd>small {font-size:12px;font-weight:400}
.wars-ui.w-design-a.w-family-fields .w-field-complete {margin:10px 0 0;color:var(--w-success);font-size:14px;font-weight:600}
.wars-ui.w-design-a.w-family-fields .w-field-cost {width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 10px;font-size:13px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-fields .w-field-cost caption {text-align:left;font-size:16px;font-weight:700;margin-bottom:8px;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-fields .w-field-cost th,.wars-ui.w-design-a.w-family-fields .w-field-cost td {padding:7px 4px;text-align:center;border-bottom:1px solid var(--w-line);font-weight:400;line-height:1.35;overflow-wrap:anywhere;vertical-align:middle}
.wars-ui.w-design-a.w-family-fields .w-field-cost th:first-child {width:19%;text-align:left;padding-left:6px}
.wars-ui.w-design-a.w-family-fields .w-field-cost thead th {font-size:11px;font-weight:600;background:var(--w-alt);color:var(--w-muted)}
.wars-ui.w-design-a.w-family-fields .w-field-cost thead img {display:block;width:16px;height:16px;margin:0 auto 4px;object-fit:contain}
.wars-ui.w-design-a.w-family-fields .w-field-cost tbody th {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-fields .w-field-cost td>b {font-weight:600}
.wars-ui.w-design-a.w-family-fields .w-field-cost tr:last-child td[colspan] {padding:8px 6px;background:var(--w-alt);text-align:left;font-size:12px}
.wars-ui.w-design-a.w-family-fields .w-field-cost td>img {width:16px;height:16px;object-fit:contain;vertical-align:middle}
.wars-ui.w-design-a.w-family-fields .w-field-upgrade {font-size:14px;line-height:1.6}
.wars-ui.w-design-a.w-family-fields .w-field-upgrade>img {width:14px;height:14px;object-fit:contain}
.wars-ui.w-design-a.w-family-fields .w-field-upgrade form {margin:9px 0 0}
.wars-ui.w-design-a.w-family-fields .w-field-upgrade .w-field-build {width:100%;min-height:44px;margin:0;white-space:normal}
.wars-ui.w-design-a.w-family-fields .w-field-upgrade form>br {display:none}
.wars-ui.w-design-a.w-family-fields .w-field-duration {display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--w-muted)}
.wars-ui.w-design-a:is(.w-family-fields,.w-family-residence) .w-action-error {font-size:15px;color:var(--w-danger);line-height:1.55}
.wars-ui.w-design-a:is(.w-family-fields,.w-family-residence) .w-action-success {font-size:15px;color:var(--w-success);line-height:1.55}
.wars-ui.w-design-a.w-family-residence .lenta {font-size:14px;line-height:1.5}
.wars-ui.w-design-a.w-family-residence .lenta p {margin:0 0 9px}
.wars-ui.w-design-a.w-family-residence .lenta p:last-child {margin-bottom:0}
.wars-ui.w-design-a.w-family-residence .lenta>center {text-align:left}
.wars-ui.w-design-a.w-family-residence .w-residence-intro {display:flex;align-items:center;gap:12px}
.wars-ui.w-design-a.w-family-residence .w-residence-art {width:48px;height:56px;flex:none;object-fit:contain}
.wars-ui.w-design-a.w-family-residence .w-residence-unlocks {display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px}
.wars-ui.w-design-a.w-family-residence .w-residence-unlocks b {font-weight:600;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-residence-unlocks a {text-underline-offset:3px}
.wars-ui.w-design-a.w-family-residence .lenta>form {margin:0}
.wars-ui.w-design-a.w-family-residence .lenta>form>.button {width:100%;min-height:44px;margin:0;white-space:normal}
.wars-ui.w-design-a.w-family-residence input:disabled {opacity:1;color:var(--w-muted);background:var(--w-alt);border-color:var(--w-line);box-shadow:none;cursor:default}
.wars-ui.w-design-a.w-family-residence .lenta>small {display:block;margin-top:6px;font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-residence-unit {padding:2px 0 10px}
.wars-ui.w-design-a.w-family-residence .w-residence-unit+.w-residence-unit {padding-top:12px;border-top:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-residence .w-residence-unit:last-child {padding-bottom:0}
.wars-ui.w-design-a.w-family-residence .w-unit-title {margin-bottom:6px}
.wars-ui.w-design-a.w-family-residence .w-unit-title a>span {overflow-wrap:anywhere;min-width:0}
.wars-ui.w-design-a.w-family-residence .w-residence-unit form {margin:8px 0 0}
.wars-ui.w-design-a.w-family-residence .w-residence-cost {font-size:13px}
.wars-ui.w-design-a.w-family-residence .w-residence-caption {display:block;margin-bottom:4px;font-size:12px;color:var(--w-muted);font-weight:600}
.wars-ui.w-design-a.w-family-residence .w-residence-cost>div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-residence .w-residence-cost>div>span {display:flex;align-items:center;gap:5px;min-width:0}
.wars-ui.w-design-a.w-family-residence .w-residence-cost img {width:16px;height:16px;object-fit:contain;flex:none}
.wars-ui.w-design-a.w-family-residence .w-residence-cost b {font-weight:600;overflow-wrap:anywhere;min-width:0}
.wars-ui.w-design-a.w-family-residence .w-residence-cost small {font-size:11px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-residence-cost>div>span:has(>small) {flex-direction:column;align-items:flex-start;gap:1px}
.wars-ui.w-design-a.w-family-residence .w-residence-queue {border-left:3px solid var(--w-edge);background:var(--w-alt)}
.wars-ui.w-design-a.w-family-residence .w-residence-queue>span {display:block}
.wars-ui.w-design-a.w-family-residence .w-residence-queue>b {display:block;margin:2px 0 5px;font-size:15px}
.wars-ui.w-design-a.w-family-residence .w-loyalty {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-residence .w-loyalty>b {font-size:17px}
.wars-ui.w-design-a.w-family-residence .w-residence-villages h2 {margin:10px 0 4px;font:600 14px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-residence .w-residence-villages ol {margin:0;padding-left:24px}
.wars-ui.w-design-a.w-family-residence .w-residence-villages li {padding:3px 0;font-size:14px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-residence-villages li>a,.wars-ui.w-design-a.w-family-residence .w-residence-villages li b>a {display:inline-flex;align-items:center;min-height:40px;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-residence .w-residence-villages li>b {font-weight:400}
.wars-ui.w-design-a.w-family-residence .w-residence-note {font-size:12px;color:var(--w-muted);line-height:1.5}
.wars-ui.w-design-a.w-family-residence .w-residence-expansion .w-residence-found {display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:10px;text-decoration:none}
.wars-ui.w-design-a.w-family-residence .w-capital-warning {padding:10px 12px;margin-bottom:12px;border-left:3px solid var(--w-danger);background:var(--w-alt)}
.wars-ui.w-design-a.w-family-residence .w-capital-warning h2,.wars-ui.w-design-a.w-family-residence .w-residence-heading {margin:0 0 6px;font:700 16px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-residence .w-capital-warning ul,.wars-ui.w-design-a.w-family-residence .w-founding-requirements {padding-left:19px;margin:0 0 9px}
.wars-ui.w-design-a.w-family-residence .w-capital-warning li,.wars-ui.w-design-a.w-family-residence .w-founding-requirements li {margin:4px 0}
.wars-ui.w-design-a.w-family-residence .w-capital-warning p {font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-coordinate-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0 0 10px;min-width:0}
.wars-ui.w-design-a.w-family-residence .w-coordinate-fields legend {padding:0;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-coordinate-fields label {display:block;min-width:0;font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-coordinate-fields input {display:block;width:100%;min-width:0;margin-top:4px}
.wars-ui.w-design-a.w-family-residence .w-coordinate-fields input[type="hidden"] {display:none}
.wars-ui.w-design-a.w-family-residence .w-coordinate-value:empty,.wars-ui.w-design-a.w-family-residence .w-coordinate-fields label:not(:has(input[type="hidden"]))>.w-coordinate-value {display:none}
.wars-ui.w-design-a.w-family-residence .w-coordinate-value {display:block;font-size:17px;color:var(--w-ink);font-weight:600}
.wars-ui.w-design-a.w-family-residence .w-field-label {margin:0 0 7px}
.wars-ui.w-design-a.w-family-residence .lenta form:has(.w-coordinate-fields)>.button {margin-top:10px}
.wars-ui.w-design-a.w-family-residence .w-founding-summary {margin:0;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-residence .w-founding-summary>div {display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-residence .w-founding-summary>div:last-child {border:0}
.wars-ui.w-design-a.w-family-residence .w-founding-summary dt {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-residence .w-founding-summary dd {margin:0;max-width:55%;overflow-wrap:anywhere;font-size:15px;font-weight:600;text-align:right}
.wars-ui.w-design-a.w-family-residence .w-residence-footer {display:flex;flex-direction:column;flex:1 0 auto;min-width:0}
.wars-ui.w-design-a.w-family-residence .w-residence-footer .w-secondary-back .CButton {width:100%}
@media(max-width:350px) {
 .wars-ui.w-design-a.w-family-fields .w-field-choice {gap:8px}
 .wars-ui.w-design-a.w-family-fields .w-field-art {width:44px;height:56px}
 .wars-ui.w-design-a.w-family-fields .w-field-tile {padding-inline:6px;font-size:12px}
 .wars-ui.w-design-a.w-family-fields .w-field-choice:has(>.w-field-quick) {flex-wrap:wrap}
 .wars-ui.w-design-a.w-family-fields .w-field-quick {width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
 .wars-ui.w-design-a.w-family-fields .w-field-quick-link {width:100%}
 .wars-ui.w-design-a.w-family-fields .w-field-with-upgrade {grid-template-columns:minmax(0,1fr) 44px}
}

/* Batch 10: mail and battle reports. Main.php and its graphical village stay outside opt-in. */
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta {font-size:15px;line-height:1.5;text-align:left}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-summary {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;font-size:13px;color:var(--w-muted);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-summary b {margin-left:5px;font-size:15px;color:var(--w-ink);font-weight:700}
.wars-ui.w-design-a.w-family-mail .w-message-summary>img {width:23px;height:23px;object-fit:contain}
.wars-ui.w-design-a.w-family-mail .w-mail-inbox,.wars-ui.w-design-a.w-family-mail .w-mail-folder {padding:0 12px 10px}
.wars-ui.w-design-a.w-family-mail .w-mail-row {display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-mail .w-mail-select {display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;cursor:pointer}
.wars-ui.w-design-a.w-family-mail .w-mail-select input {appearance:auto;width:20px;height:20px;min-height:0;padding:0;margin:0;border:1px solid var(--w-edge);accent-color:var(--w-action);flex:none}
.wars-ui.w-design-a.w-family-mail .w-mail-row-content {min-width:0}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-row {padding:8px 0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-open {display:block;min-height:44px;padding:5px 0;font-size:15px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere;color:var(--w-ink)}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-open:hover {text-decoration:underline;text-underline-offset:3px}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-sender {display:block}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-subject {display:block;margin:4px 0 0;font-size:14px;font-weight:400;line-height:1.4;color:var(--w-muted);overflow-wrap:anywhere}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-subject:empty {display:none}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-meta {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12px;color:var(--w-muted);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-state {display:inline-block;font-size:11px;line-height:1.35;color:var(--w-muted)}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-unread {padding:2px 5px;border-radius:3px;background:var(--w-alt);border:1px solid var(--w-edge);color:var(--w-ink);font-weight:700}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-paging {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-paging:not(:has(a)) {display:none}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-paging>br {display:none}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-paging .w-list-page {flex:1;min-height:44px;font-size:13px;padding:7px 9px;text-align:center}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta>.CButton,.wars-ui.w-design-a.w-family-mail .w-mail-detail>.CButton {display:flex;width:100%;min-height:44px;margin:6px 0;white-space:normal;text-align:center}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta>b>.CButton {display:flex;width:100%;min-height:44px;margin:6px 0}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta:has(>.CButton)>br {display:none}
.wars-ui.w-design-a.w-family-mail .w-mail-inbox>form {margin:0}
.wars-ui.w-design-a.w-family-mail .w-mail-bulk {width:100%;min-height:44px;margin-top:10px}
.wars-ui.w-design-a.w-family-mail .w-mail-inbox:has(.w-mail-list:empty) .w-mail-bulk {display:none}
.wars-ui.w-design-a.w-family-mail .w-message-danger {color:var(--w-danger);background:var(--w-alt);border-color:var(--w-danger)}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope {display:flex;align-items:flex-start;gap:10px}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope>img {flex:none;width:24px;height:24px;object-fit:contain;margin-top:5px}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope dl {margin:0;min-width:0;flex:1;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope dl>div {display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;padding:3px 0}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope dt {font-size:12px;color:var(--w-muted);align-self:center}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope dd {margin:0;font-size:14px;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-mail .w-mail-envelope dd a {display:inline-flex;align-items:center;min-height:32px}
.wars-ui.w-design-a.w-family-mail h2.w-message-subject {margin:0 0 8px;font:700 16px/1.4 var(--w-font);color:var(--w-ink)}
.wars-ui.w-design-a.w-family-mail .w-message-body {font-size:15px;line-height:1.55;overflow-wrap:anywhere;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.wars-ui.w-design-a.w-family-mail .w-message-body img {max-width:100%;height:auto;vertical-align:middle}
.wars-ui.w-design-a.w-family-mail .w-message-body table {max-width:100%}
.wars-ui.w-design-a.w-family-mail .w-mail-detail>form {margin:10px 0 8px}
.wars-ui.w-design-a.w-family-mail .w-mail-detail>form>.button {width:100%;min-height:44px}
.wars-ui.w-design-a.w-family-mail .w-mail-detail>form+br {display:none}
.wars-ui.w-design-a.w-family-mail .w-mail-compose form {margin:0}
.wars-ui.w-design-a.w-family-mail .w-mail-compose .w-field-label {margin:0 0 10px}
.wars-ui.w-design-a.w-family-mail .w-mail-compose textarea {display:block;width:100%;min-height:128px;margin-top:5px;resize:vertical;font-size:16px;line-height:1.5}
.wars-ui.w-design-a.w-family-mail .w-mail-compose form>.button {width:100%;min-height:44px;margin-top:10px}
.wars-ui.w-design-a.w-family-mail .w-mail-recipient {margin:0 0 10px;font-size:14px;color:var(--w-muted)}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .w-message-note {margin:8px 0;font-size:13px;color:var(--w-muted);line-height:1.5}
.wars-ui.w-design-a.w-family-mail .w-message-error {color:var(--w-danger)}
.wars-ui.w-design-a.w-family-mail .w-message-success {margin-bottom:9px;color:var(--w-success);font-weight:600}
.wars-ui.w-design-a.w-family-reports .w-report-filter .w-message-summary {margin:0 0 10px;padding:0}
.wars-ui.w-design-a.w-family-reports .w-report-filter>form {display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px;align-items:end;margin:0}
.wars-ui.w-design-a.w-family-reports .w-report-filter .w-field-label {margin:0}
.wars-ui.w-design-a.w-family-reports .w-report-filter select {display:block;margin-top:5px;width:100%;min-width:0;font-size:16px}
.wars-ui.w-design-a.w-family-reports .w-report-filter .button {width:100%;min-height:44px}
.wars-ui.w-design-a.w-family-reports .w-report-filter form>br {display:none}
.wars-ui.w-design-a.w-family-reports .w-report-resources {margin:12px 0;border:1px solid var(--w-line);border-radius:4px;overflow:hidden}
.wars-ui.w-design-a.w-family-reports .w-report-resources h2 {margin:0;padding:7px 9px;background:var(--w-alt);font:600 14px/1.4 var(--w-font);border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-reports .w-report-resources>div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:9px 5px}
.wars-ui.w-design-a.w-family-reports .w-report-resources>div>span {display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;font-size:13px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-reports .w-report-resources img {width:16px;height:16px;object-fit:contain;flex:none}
.wars-ui.w-design-a.w-family-reports .w-report-resources b {min-width:0;overflow-wrap:anywhere;font-weight:600}
.wars-ui.w-design-a.w-family-reports .w-report-table-wrap {width:100%;max-width:100%;overflow-x:auto;margin:10px 0;overscroll-behavior-x:contain;scrollbar-color:var(--w-edge) var(--w-alt)}
.wars-ui.w-design-a.w-family-reports .w-report-troops {width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-reports .w-report-troops th {padding:7px 5px;border-bottom:1px solid var(--w-line);background:var(--w-alt);font-size:12px;font-weight:600;text-align:left;color:var(--w-muted);line-height:1.3}
.wars-ui.w-design-a.w-family-reports .w-report-troops th:first-child {width:42px;text-align:center}
.wars-ui.w-design-a.w-family-reports .w-report-troops th:nth-last-child(-n+2) {width:22%;text-align:right}
.wars-ui.w-design-a.w-family-reports .w-report-troops tr.lenta {display:table-row;padding:0;border:0;background:var(--w-surface)}
.wars-ui.w-design-a.w-family-reports .w-report-troops td {padding:8px 5px;border-bottom:1px solid var(--w-line);text-align:left;font-size:14px;line-height:1.4;font-weight:400;vertical-align:middle;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-reports .w-report-troops td:first-child {text-align:center;font-size:12px}
.wars-ui.w-design-a.w-family-reports .w-report-troops td:nth-last-child(-n+2) {text-align:right;font-size:14px}
.wars-ui.w-design-a.w-family-reports .w-report-troops:not(.w-report-forges):not(.w-report-reinforcements) tr>:first-child {display:none}
.wars-ui.w-design-a.w-family-reports .w-report-reinforcements th:first-child {width:auto;text-align:left}
.wars-ui.w-design-a.w-family-reports .w-report-reinforcements td:first-child {text-align:left;font-size:14px}
.wars-ui.w-design-a.w-family-reports .w-report-troops img {max-width:20px;max-height:20px;object-fit:contain;vertical-align:middle}
.wars-ui.w-design-a.w-family-reports .w-report-troops font[color="#cc0000"] {color:var(--w-danger)}
.wars-ui.w-design-a.w-family-reports .w-report-troops font[color="#993300"] {color:var(--w-muted)}
.wars-ui.w-design-a.w-family-reports .w-report-participant-label {display:block;margin:10px 0 3px;font-size:16px;font-weight:700;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-reports .w-report-bonus {display:inline-block;max-width:100%;margin:3px 4px 3px 0;padding:3px 6px;background:var(--w-alt);border:1px solid var(--w-line);border-radius:3px;color:var(--w-ink);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-reports .w-report-share {display:block;padding:10px;margin:7px 0;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-input);color:var(--w-ink);font:600 16px/1.4 monospace;user-select:all;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-reports .lenta>form:has(#idi) {margin:0}
.wars-ui.w-design-a.w-family-reports .lenta>form:has(#idi)>.button {width:100%;min-height:44px;margin-top:10px}
.wars-ui.w-design-a.w-family-reports .lenta>form:has(#idi)>br {display:none}
/* Legacy routes leave the final panel around the return bar. Grow it without insetting that bar. */
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta:has(.w-page-bottom) {display:flex;flex-direction:column;flex:1 0 auto;padding-bottom:0}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta>.w-page-bottom {width:calc(100% + 24px);margin-inline:-12px}
.wars-ui.w-design-a:is(.w-family-mail,.w-family-reports) .lenta:has(>.w-page-bottom)>br {display:none}
.wars-ui.w-design-a.w-family-mail .w-mail-folders {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.wars-ui.w-design-a.w-family-mail .w-mail-folders>b {min-width:0;font-weight:400}
.wars-ui.w-design-a.w-family-mail .w-mail-folders a {display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;margin:0;padding:8px;font-size:14px;text-align:center;line-height:1.35;white-space:normal}
.wars-ui.w-design-a.w-family-mail .w-mail-folders>br {display:none}
.wars-ui.w-design-a.w-family-mail .w-mail-tools {margin:8px 0}
.wars-ui.w-design-a.w-family-mail .w-mail-tools summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 12px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);color:var(--w-ink);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.wars-ui.w-design-a.w-family-mail .w-mail-tools summary::-webkit-details-marker {display:none}
.wars-ui.w-design-a.w-family-mail .w-mail-tools summary::after {content:'+';font-size:20px;line-height:1}
.wars-ui.w-design-a.w-family-mail .w-mail-tools[open] summary::after {content:'−'}
.wars-ui.w-design-a.w-family-mail .w-mail-tools>.CButton {display:flex;width:100%;min-height:44px;margin:6px 0;font-size:14px}
.wars-ui.w-design-a.w-family-mail .w-mail-tools>br {display:none}
.wars-ui.w-design-a.w-family-reports .w-report-heading time {display:block;font-size:12px;color:var(--w-muted);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-reports .w-report-heading .w-report-event {margin-top:5px;font-size:15px;line-height:1.5}

/* Batch 11: alliance pages. All palette choices follow the existing theme. */
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) {color-scheme:light}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat)[data-theme="dark"] {color-scheme:dark}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) .cont {margin:0;border:0;border-radius:0;background:var(--w-surface)}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) .lenta {overflow-wrap:anywhere}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) hr {margin-inline:0}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) form {margin:0;text-align:left}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) form>.button {width:100%;margin-top:8px;white-space:normal}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) textarea {resize:vertical;min-height:112px;margin-block:4px 8px}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) .lenta>a:not(.w-alliance-nav-link):not(.w-alliance-flag) {display:inline-flex;align-items:center;min-height:44px;max-width:100%;gap:5px}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) .w-page-bottom>.CContainer {padding:0}
.wars-ui.w-design-a:is(.w-family-alliance,.w-family-alliance-chat) .w-page-bottom {width:100%;margin-inline:0}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-composer {display:block}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-composer .w-field-label {font-size:13px;font-weight:600;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-composer textarea {min-height:88px;margin:4px 0 6px}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-compose-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-compose-actions>:is(input,a) {width:100%;min-height:44px;padding:8px;text-align:center;white-space:normal}
.wars-ui.w-design-a .w-alliance-hint {margin-top:5px;color:var(--w-muted);font-size:12px}
.wars-ui.w-design-a.w-family-alliance-chat .lenta:has(>.w-alliance-message) {padding:0}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-message {display:block;float:none;width:100%;max-width:none;margin:0;padding:9px 12px;border:0;border-bottom:1px solid var(--w-line);border-radius:0;background:var(--w-surface);color:var(--w-ink);font:15px/1.45 var(--w-font);text-align:left}
.wars-ui.w-design-a.w-family-alliance-chat .w-alliance-message.chat2 {background:var(--w-alt)}
.wars-ui.w-design-a .w-alliance-message a {text-decoration:none}
.wars-ui.w-design-a .w-alliance-message-body {margin-block:4px;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-alliance-message-body img {vertical-align:middle;max-width:100%;object-fit:contain}
.wars-ui.w-design-a .w-alliance-message-meta {display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--w-muted);font-size:12px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-alliance-message-actions {display:flex;align-items:center;gap:6px;flex:none}
.wars-ui.w-design-a .w-alliance-reply,.wars-ui.w-design-a .w-alliance-delete {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 9px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-surface);color:var(--w-ink);font:600 13px/1.3 var(--w-font);cursor:pointer;text-decoration:none}
.wars-ui.w-design-a .w-alliance-delete {color:var(--w-danger);border-color:var(--w-danger)}
.wars-ui.w-design-a .w-alliance-message font[color="#ffcc00"] {color:var(--w-ink)}
.wars-ui.w-design-a .w-alliance-message font[color="#336600"] {color:var(--w-success)}
.wars-ui.w-design-a .w-alliance-message font[color="#cc0000"] {color:var(--w-danger)}
.wars-ui.w-design-a .w-alliance-online-link {justify-content:space-between;width:100%}
.wars-ui.w-design-a .w-alliance-section-title {margin:0 0 8px;font:600 14px/1.4 var(--w-font);color:var(--w-muted)}
.wars-ui.w-design-a .w-alliance-description {line-height:1.5;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-alliance-member {display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:46px;border-bottom:1px solid var(--w-line);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-alliance-member:last-child {border-bottom:0}
.wars-ui.w-design-a .w-alliance-member-status img {width:12px;height:12px;object-fit:contain;vertical-align:middle}
.wars-ui.w-design-a .w-alliance-member>a {display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-alliance-member-pop {font-size:14px;color:var(--w-muted);text-align:right}
.wars-ui.w-design-a .w-alliance-scores {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-alliance-scores>div {display:flex;flex-direction:column;min-width:0;gap:3px}
.wars-ui.w-design-a .w-alliance-scores span {color:var(--w-muted);font-size:12px}
.wars-ui.w-design-a .w-alliance-scores b {font-size:15px;overflow-wrap:anywhere}
.wars-ui.w-design-a .w-alliance-nav-link {display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:9px 0;border-bottom:1px solid var(--w-line);font-weight:600;text-decoration:none;line-height:1.35}
.wars-ui.w-design-a .w-alliance-nav-link::after {content:'›';margin-left:8px;color:var(--w-muted);font-size:20px;font-weight:400}
.wars-ui.w-design-a .w-alliance-nav-link+br {display:none}
.wars-ui.w-design-a .w-alliance-danger {color:var(--w-danger)}
.wars-ui.w-design-a .w-alliance-flag {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:88px;min-height:44px;margin:3px 4px 3px 0;padding:6px;border:1px solid var(--w-line);border-radius:4px;background:var(--w-alt);font-size:13px}
.wars-ui.w-design-a.w-family-alliance form>select {margin-bottom:8px}
.wars-ui.w-design-a.w-family-alliance .lenta>img {max-width:100%;height:auto;object-fit:contain}
.wars-ui.w-design-a.w-family-alliance .lenta:has(>.w-alliance-nav-link) {padding-block:0}
@media(max-width:350px) {
 .wars-ui.w-design-a .w-alliance-message-meta {flex-wrap:wrap;gap:4px}
 .wars-ui.w-design-a .w-alliance-message-actions {margin-left:auto}
}

/* Batch 12: hero and alliance avatar. Palette and geometry stay local. */
.wars-ui.w-design-a:is(.w-family-hero,.w-family-alliance-avatar) {color-scheme:light}
.wars-ui.w-design-a:is(.w-family-hero,.w-family-alliance-avatar)[data-theme="dark"] {color-scheme:dark}
.wars-ui.w-design-a:is(.w-family-hero,.w-family-alliance-avatar) hr {margin-inline:0}
.wars-ui.w-design-a:is(.w-family-hero,.w-family-alliance-avatar) .w-page-bottom>.CContainer {padding:0}
.wars-ui.w-design-a .w-hero-heading {display:flex;align-items:center;gap:8px}
.wars-ui.w-design-a .w-hero-heading img {object-fit:contain}
.wars-ui.w-design-a .w-hero-summary {position:relative;line-height:1.8;padding-right:58px}
.wars-ui.w-design-a .w-hero-summary small {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a .w-hero-refresh {position:absolute;right:10px;top:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt)}
.wars-ui.w-design-a .w-hero-points {display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--w-alt);border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a .w-hero-upgrades {padding:0}
.wars-ui.w-design-a .w-hero-mobility {padding:10px 12px;font-size:14px;line-height:1.7}
.wars-ui.w-design-a .w-hero-mobility img {vertical-align:middle;margin-right:4px;object-fit:contain}
.wars-ui.w-design-a .w-hero-stat {display:grid;grid-template-columns:22px minmax(0,1fr) 88px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--w-line);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-hero-stat>img {object-fit:contain}
.wars-ui.w-design-a .w-hero-stat>div {min-width:0;line-height:1.35}
.wars-ui.w-design-a .w-hero-stat span {display:block;font-size:14px}
.wars-ui.w-design-a .w-hero-stat strong {font-size:16px;margin-right:7px}
.wars-ui.w-design-a .w-hero-stat small {font-size:12px;color:var(--w-muted);white-space:nowrap}
.wars-ui.w-design-a .w-hero-stat>.button {width:100%;min-height:44px;padding:7px;font-size:15px}
.wars-ui.w-design-a .w-hero-stat>.w-hero-cap {display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--w-muted);font-size:13px;border:1px solid var(--w-line);border-radius:4px;background:var(--w-alt)}
.wars-ui.w-design-a .w-hero-upgrades>.button {display:flex;margin:10px 12px;width:calc(100% - 24px)}
.wars-ui.w-design-a.w-family-hero .lenta>.button {margin-block:7px;min-height:44px;white-space:normal;text-align:center}
.wars-ui.w-design-a .w-hero-cost {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 10px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a .w-hero-cost>span {display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}
.wars-ui.w-design-a .w-hero-cost img {width:16px;height:16px;object-fit:contain}
.wars-ui.w-design-a .w-hero-cost b {overflow-wrap:anywhere;font-size:14px}
.wars-ui.w-design-a.w-family-alliance-avatar .cont {padding:12px 12px 0;margin:0;border:0;line-height:1.6}
.wars-ui.w-design-a.w-family-alliance-avatar .cont:has(.w-page-bottom) {flex:1}
.wars-ui.w-design-a .w-avatar-form {display:block;margin:0}
.wars-ui.w-design-a .w-avatar-form .w-field-label {display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.wars-ui.w-design-a .w-avatar-form input[type="file"] {width:100%;min-width:0;padding:6px;font-size:16px;color:var(--w-ink);background:var(--w-input)}
.wars-ui.w-design-a .w-avatar-form input[type="file"]::file-selector-button {min-height:40px;margin-right:8px;padding:6px 10px;border:1px solid var(--w-edge);border-radius:4px;color:var(--w-ink);background:var(--w-alt);font:inherit;cursor:pointer}
.wars-ui.w-design-a .w-avatar-form>.button {width:100%}
.wars-ui.w-design-a .w-avatar-delete {width:100%;background:var(--w-alt);color:var(--w-danger);border-color:var(--w-danger);box-shadow:none}
.wars-ui.w-design-a.w-family-alliance-avatar .cont>a {display:inline-flex;align-items:center;min-height:44px}
.wars-ui.w-design-a.w-family-alliance-avatar #app>.cont>.w-page-bottom,.wars-ui.w-design-a.w-family-alliance-avatar #app>.cont>.CFooter {width:calc(100% + 24px);margin-inline:-12px}

/* Batch 13: village shell. Scene artwork, dimensions, coordinate flow and links are protected. */
.wars-ui.w-design-a.w-family-village .w-village-heading>span {display:block;font-size:12px;font-weight:600;color:var(--w-muted);margin-bottom:2px}
.wars-ui.w-design-a.w-family-village .w-village-heading h1 {margin:0;font:700 19px/1.3 var(--w-font)}
.wars-ui.w-design-a.w-family-village .w-village-title {margin:0 0 8px;font:700 18px/1.35 var(--w-font);color:var(--w-ink)}
.wars-ui.w-design-a.w-family-village .w-village-title small {display:block;margin-top:3px;font:600 13px/1.4 var(--w-font);color:var(--w-muted)}
.wars-ui.w-design-a.w-family-village .w-village-subtitle {margin:0 0 8px;font:700 15px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-village .w-village-scene-panel {padding:12px 0;overflow-x:auto;overflow-y:hidden}
.wars-ui.w-design-a.w-family-village .w-village-scene-panel>center {min-width:308px;text-align:revert;font:16px/1.6 'Cairo',sans-serif}
/* Restore the legacy scene's own div colours and inherited text metrics after shell adapters. */
.wars-ui.w-design-a.w-family-village .centras {width:308px;height:280px;flex:none;overflow-wrap:normal}
.wars-ui.w-design-a.w-family-village .centras div {color:#6b4226}
.wars-ui.w-design-a.w-family-village .centras .lentute,.wars-ui.w-design-a.w-family-village .centras .lentute_giv {color:white;font-size:9px;line-height:1.1}
.wars-ui.w-design-a.w-family-village .centras a {color:#6b4226}
.wars-ui.w-design-a.w-family-village .w-village-intro table {width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.wars-ui.w-design-a.w-family-village .w-village-intro td {vertical-align:middle;padding:0}
.wars-ui.w-design-a.w-family-village .w-village-intro td:first-child {width:76px;padding-right:10px}
.wars-ui.w-design-a.w-family-village .w-village-intro img {max-width:66px;max-height:72px;object-fit:contain;vertical-align:middle}
.wars-ui.w-design-a.w-family-village .w-village-list {padding:0 8px}
.wars-ui.w-design-a.w-family-village .w-village-list table {width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.wars-ui.w-design-a.w-family-village .w-village-list td {padding:5px 2px;vertical-align:middle;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-village .w-village-list a {display:flex;align-items:center;min-height:44px;text-decoration:none;overflow-wrap:anywhere;line-height:1.35}
.wars-ui.w-design-a.w-family-village .w-village-list img {display:block;max-width:100%;object-fit:contain}
.wars-ui.w-design-a.w-family-village .w-village-catalog {font-size:14px;line-height:1.5}
.wars-ui.w-design-a.w-family-village .w-village-catalog table {width:100%;border-collapse:collapse}
.wars-ui.w-design-a.w-family-village .w-village-catalog td {padding:0;vertical-align:middle}
.wars-ui.w-design-a.w-family-village .w-village-catalog td:has(>img) {width:76px;padding-right:10px}
.wars-ui.w-design-a.w-family-village .w-village-catalog img {max-width:66px;max-height:72px;object-fit:contain}
.wars-ui.w-design-a.w-family-village .w-village-catalog a {display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.35;text-decoration:none}
.wars-ui.w-design-a.w-family-village .w-village-catalog a::after {content:'›';margin-left:auto;color:var(--w-muted);font-weight:400}
.wars-ui.w-design-a.w-family-village .w-village-cost {width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;border-radius:0;font-size:12px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-village .w-village-cost td {overflow-wrap:anywhere;vertical-align:middle;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-village .w-village-cost td:first-child {width:52px}
.wars-ui.w-design-a.w-family-village .w-village-cost img {width:16px;height:16px;object-fit:contain;vertical-align:middle;margin:2px}
.wars-ui.w-design-a.w-family-village .w-village-cost b {display:block;font-size:13px}
.wars-ui.w-design-a.w-family-village form {margin:10px 0 4px}
.wars-ui.w-design-a.w-family-village form>.button {width:100%;min-height:46px}
.wars-ui.w-design-a.w-family-village .lenta>i,.wars-ui.w-design-a.w-family-village form>i,.wars-ui.w-design-a.w-family-village .lenta>small {font-size:13px;line-height:1.5;color:var(--w-muted);font-style:normal}
.wars-ui.w-design-a.w-family-village .lenta:has(>font[color=red]) {border-left:3px solid var(--w-danger)}

/* Batch 14: marketplace and articles. Original game/request/quick-fill contracts retained. */
.wars-ui.w-design-a.w-family-market .lenta {font-size:14px;line-height:1.5}
.wars-ui.w-design-a.w-family-market h2 {margin:0 0 9px;font:700 16px/1.35 var(--w-font)}
.wars-ui.w-design-a.w-family-market .w-market-steps {display:flex;gap:6px;margin-bottom:12px}
.wars-ui.w-design-a.w-family-market .w-market-steps .button {flex:1;min-width:0;min-height:44px;padding:7px 4px;font-size:13px!important}
.wars-ui.w-design-a.w-family-market .w-market-send>form {margin:0}
.wars-ui.w-design-a.w-family-market .w-market-resource {display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:7px 10px;padding:10px 0;border-top:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-market .w-market-resource-name {display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:15px}
.wars-ui.w-design-a.w-family-market .w-market-resource-name>img {width:20px;height:20px;object-fit:contain;flex:none}
.wars-ui.w-design-a.w-family-market .w-market-resource-name small {display:block;font-size:12px;font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-market .w-market-resource-name a {font-weight:700;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-market .w-market-amount {display:block;min-width:0;font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-market .w-market-amount input {display:block;width:100%;min-width:0;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-market .w-market-resource-tools {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:5px;align-items:stretch}
.wars-ui.w-design-a.w-family-market .w-market-resource-tools>a,.wars-ui.w-design-a.w-family-market .w-market-capacity {display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 2px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);font-size:13px;text-align:center;overflow-wrap:anywhere;text-decoration:none}
.wars-ui.w-design-a.w-family-market .w-market-capacity {flex-direction:column;gap:0;font-size:11px;line-height:1.25;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-market .w-market-capacity a {font-size:13px;font-weight:600;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-market .lenta>table:has(.w-market-nav-form) {width:100%;table-layout:fixed;border-collapse:collapse}
.wars-ui.w-design-a.w-family-market .w-market-nav-form {margin:0 4px 0 0}
.wars-ui.w-design-a.w-family-market .w-market-nav-form>.button {width:100%;padding:7px 5px;font-size:13px;white-space:normal}
.wars-ui.w-design-a.w-family-market input[type=submit] {width:100%;margin-top:10px}
.wars-ui.w-design-a.w-family-market select {display:block;width:100%;margin:4px 0 8px}
.wars-ui.w-design-a.w-family-market select+br,.wars-ui.w-design-a.w-family-market input:not([type=submit])+br {display:none}
.wars-ui.w-design-a.w-family-market .w-market-offer-form {margin:0}
.wars-ui.w-design-a.w-family-market .w-market-action,.wars-ui.w-design-a.w-family-market .w-market-cancel {display:flex;align-items:center;justify-content:center;min-height:44px;margin:8px 0 0;padding:8px 10px;border:1px solid var(--w-action-edge);border-radius:4px;background:var(--w-action);color:var(--w-on-action);font-weight:700;text-decoration:none}
.wars-ui.w-design-a.w-family-market .w-market-cancel {background:var(--w-alt);color:var(--w-ink);border-color:var(--w-edge);font-weight:600}
.wars-ui.w-design-a.w-family-market .w-market-return {padding:8px 12px}
.wars-ui.w-design-a.w-family-market .w-market-return:has(>center:empty) {display:none}
.wars-ui.w-design-a.w-family-market .lenta>center>a {display:inline-flex;align-items:center;min-height:44px}
.wars-ui.w-design-a.w-family-market .lenta img {vertical-align:middle;object-fit:contain}
.wars-ui.w-design-a.w-family-articles .w-article-index {font-size:14px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-articles .w-article-index>a {display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 0;border-bottom:1px solid var(--w-line);font-size:15px;font-weight:700;color:var(--w-ink);text-decoration:none}
.wars-ui.w-design-a.w-family-articles .w-article-index>a::after {content:'›';font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-articles .w-article-index>a+br {display:none}
.wars-ui.w-design-a.w-family-articles .w-article-body {font-size:15px;line-height:1.6}
.wars-ui.w-design-a.w-family-articles .w-article-body h2 {margin:18px 0 7px;font:700 16px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-articles .w-article-body h2:first-child {margin-top:0}
.wars-ui.w-design-a.w-family-articles .w-article-body p {margin:0 0 10px}
.wars-ui.w-design-a.w-family-articles .w-article-body ul {margin:8px 0 12px;padding-left:20px}
.wars-ui.w-design-a.w-family-articles .w-article-body li {margin:6px 0}
.wars-ui.w-design-a.w-family-articles .w-article-example {padding:10px;background:var(--w-alt);border-left:3px solid var(--w-edge);font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-articles .w-secondary-back>a {display:inline-flex;align-items:center;min-height:44px}

/* Batch 15: native credit catalogue. Payment routes deliberately stay outside opt-in. */
.wars-ui.w-design-a.w-family-credits {color-scheme:light}
.wars-ui.w-design-a.w-family-credits[data-theme="dark"] {color-scheme:dark}
.wars-ui.w-design-a.w-family-credits .credit-shop {width:100%;max-width:none;margin:0;text-align:left}
.wars-ui.w-design-a.w-family-credits .cs-top {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}
.wars-ui.w-design-a.w-family-credits .cs-top>div:first-child {flex:1;min-width:0}
.wars-ui.w-design-a.w-family-credits .cs-village {display:block;margin-top:3px;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-credits .cs-muted {font-size:12px;line-height:1.4;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-credits .cs-wallet {flex:none;text-align:right}
.wars-ui.w-design-a.w-family-credits .cs-balance {display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:21px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-credits .cs-balance img {object-fit:contain}
.wars-ui.w-design-a.w-family-credits .cs-topup {display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:5px;padding:4px 8px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);font-size:12px;font-weight:600;text-decoration:none}
.wars-ui.w-design-a.w-family-credits .cs-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 12px;background:var(--w-alt)}
.wars-ui.w-design-a.w-family-credits .cs-nav a {display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 3px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-surface);font-size:13px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none}
.wars-ui.w-design-a.w-family-credits .cs-section {padding:0;scroll-margin-top:104px}
.wars-ui.w-design-a.w-family-credits h2.head {display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:16px;line-height:1.35;border-bottom:1px solid var(--w-edge)}
.wars-ui.w-design-a.w-family-credits h2.head::before {content:'';display:block;flex:none;width:25px;height:25px;background:var(--cs-icon) center/contain no-repeat}
.wars-ui.w-design-a.w-family-credits #cs-group-0 {--cs-icon:url('../images/icons/kred1.png')}
.wars-ui.w-design-a.w-family-credits #cs-group-1 {--cs-icon:url('../images/shield.png')}
.wars-ui.w-design-a.w-family-credits #cs-group-2 {--cs-icon:url('../images/pastatai/Kolonistai/gyv.png')}
.wars-ui.w-design-a.w-family-credits #cs-group-3 {--cs-icon:url('../images/pastatai/Kolonistai/kareivines.png')}
.wars-ui.w-design-a.w-family-credits #cs-group-4 {--cs-icon:url('../images/karv.png')}
.wars-ui.w-design-a.w-family-credits #cs-group-5 {--cs-icon:url('../images/aukso.png')}
.wars-ui.w-design-a.w-family-credits details {border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-credits details:last-child {border-bottom:0}
.wars-ui.w-design-a.w-family-credits summary {display:flex;align-items:center;gap:8px;min-height:58px;padding:10px 12px;list-style:none;cursor:pointer}
.wars-ui.w-design-a.w-family-credits summary::-webkit-details-marker {display:none}
.wars-ui.w-design-a.w-family-credits summary::before {content:'›';flex:none;width:12px;font-size:23px;line-height:1;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-credits details[open]>summary {background:var(--w-alt);border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-credits details[open]>summary::before {content:'−';font-size:19px}
.wars-ui.w-design-a.w-family-credits .cs-name {flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.35}
.wars-ui.w-design-a.w-family-credits .cs-meta {display:block;margin-top:3px;font-size:12px;font-weight:400;line-height:1.35;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-credits .cs-price {flex:none;white-space:nowrap;padding:5px 7px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-input);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-credits .cs-body {padding:10px 12px 12px;font-size:14px;line-height:1.5}
.wars-ui.w-design-a.w-family-credits .cs-body p {margin:0 0 7px}
.wars-ui.w-design-a.w-family-credits .cs-body p:last-child {margin-bottom:0}
.wars-ui.w-design-a.w-family-credits .cs-state {color:var(--w-success);font-size:13px}
.wars-ui.w-design-a.w-family-credits .cs-reason {padding:8px 10px;border-left:3px solid var(--w-edge);background:var(--w-alt);color:var(--w-muted);font-size:13px}
.wars-ui.w-design-a.w-family-credits .cs-buy-form {display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:10px 0 0}
.wars-ui.w-design-a.w-family-credits .cs-buy-form>label {flex:1 1 170px;min-width:0;font-size:12px;font-weight:600;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-credits .cs-buy-form select {display:block;width:100%;margin-top:4px}
.wars-ui.w-design-a.w-family-credits .cs-buy-form>.CButton {flex:1 1 120px;min-height:46px;width:100%;font-size:15px;letter-spacing:0}
.wars-ui.w-design-a.w-family-credits .cs-buy-form>a {flex-basis:100%;display:flex;align-items:center;min-height:36px;font-size:13px}
.wars-ui.w-design-a.w-family-credits .cs-buy-form>button:disabled {opacity:.55;cursor:not-allowed}
.wars-ui.w-design-a.w-family-credits .cs-note {padding:12px;font-size:14px;line-height:1.5;border-left:3px solid var(--w-success)}
.wars-ui.w-design-a.w-family-credits .cs-note.cs-error {border-left-color:var(--w-danger)}
.wars-ui.w-design-a.w-family-credits .cs-section>.cs-body a {display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* Batch 16: forum and map shell. Legacy forum permissions and map renderer retained. */
.wars-ui.w-design-a.w-family-forum,.wars-ui.w-design-a.w-family-map {color-scheme:light}
.wars-ui.w-design-a.w-family-forum[data-theme="dark"],.wars-ui.w-design-a.w-family-map[data-theme="dark"] {color-scheme:dark}
.wars-ui.w-design-a.w-family-forum #app>.cont {flex:1 0 auto}
.wars-ui.w-design-a.w-family-forum #app>.w-page-bottom {padding:0}
.wars-ui.w-design-a.w-family-forum .lenta {font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-forum .lenta a {display:inline-flex;align-items:center;min-height:44px}
.wars-ui.w-design-a.w-family-forum .w-forum-shortcuts {display:flex;flex-wrap:wrap;gap:6px}
.wars-ui.w-design-a.w-family-forum .w-forum-shortcuts>br,.wars-ui.w-design-a.w-family-forum .w-forum-shortcuts>b:not(:has(a)) {display:none}
.wars-ui.w-design-a.w-family-forum .w-forum-shortcuts>b:has(a) {display:contents}
.wars-ui.w-design-a.w-family-forum .w-forum-shortcuts a {justify-content:center;padding:7px 10px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);font-size:13px;text-decoration:none}
.wars-ui.w-design-a.w-family-forum .lenta>center>a[href*="main.php"] {display:none}
.wars-ui.w-design-a.w-family-forum .w-forum-category {display:flex;align-items:center;gap:10px;min-height:58px;border-bottom:1px solid var(--w-line);padding:7px 0}
.wars-ui.w-design-a.w-family-forum .w-forum-category>img {width:26px;height:26px;object-fit:contain;flex:none}
.wars-ui.w-design-a.w-family-forum .w-forum-category>a {display:flex;align-items:flex-start;flex:1;min-width:0;flex-direction:column;justify-content:center;font-size:16px;font-weight:700;text-decoration:none}
.wars-ui.w-design-a.w-family-forum .w-forum-category small {margin-top:3px;font-size:12px;font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-forum .w-forum-category+br {display:none}
.wars-ui.w-design-a.w-family-forum .w-forum-topic {display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-forum .w-forum-topic>a:not(.w-forum-mod) {flex:1 1 130px;min-width:0;font-size:15px;font-weight:600;text-decoration:none}
.wars-ui.w-design-a.w-family-forum .w-forum-pinned {background:var(--w-alt);padding-inline:7px}
.wars-ui.w-design-a.w-family-forum .w-forum-mod {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);font-size:13px;text-decoration:none;white-space:nowrap}
.wars-ui.w-design-a.w-family-forum .w-forum-post {padding:10px 0;border-bottom:1px solid var(--w-line);font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-forum .w-forum-post>b {font-size:13px}
.wars-ui.w-design-a.w-family-forum .w-forum-post img {max-width:100%;vertical-align:middle}
.wars-ui.w-design-a.w-family-forum .w-forum-form {margin:0;text-align:left}
.wars-ui.w-design-a.w-family-forum .w-forum-form textarea {display:block;resize:vertical;min-height:112px}
.wars-ui.w-design-a.w-family-forum .w-forum-form .button {width:100%;margin-top:10px;min-height:46px}
.wars-ui.w-design-a.w-family-forum .w-forum-form select {display:block;width:100%;margin-top:7px}
.wars-ui.w-design-a.w-family-map .wars-iso-shell {padding:8px 8px 12px}
.wars-ui.w-design-a.w-family-map .wars-iso-head {color:var(--w-ink);padding:3px 0 10px}
.wars-ui.w-design-a.w-family-map .wars-iso-head strong {font-size:19px;line-height:1.3}
.wars-ui.w-design-a.w-family-map .wars-iso-head span {font-size:13px;line-height:1.45;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-map .wars-iso-controls {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 44px;gap:6px;padding-bottom:10px;align-items:stretch}
.wars-ui.w-design-a.w-family-map .wars-iso-btn {min-height:44px;min-width:0;padding:6px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);color:var(--w-ink);font:600 13px/1.3 var(--w-font)}
.wars-ui.w-design-a.w-family-map .wars-iso-jump {grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;margin:0}
.wars-ui.w-design-a.w-family-map .wars-iso-jump span {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-map .wars-iso-jump input {width:100%;min-width:0;min-height:44px;margin:0;padding:6px;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-input);color:var(--w-ink);font-size:16px}
.wars-ui.w-design-a.w-family-map .wars-iso-jump>.wars-iso-btn {background:var(--w-action);color:var(--w-on-action);border-color:var(--w-action-edge);padding-inline:12px}
.wars-ui.w-design-a.w-family-map .wars-iso-stage {border-radius:4px}
.wars-ui.w-design-a.w-family-map .wars-iso-chip {border-radius:4px;box-shadow:none;color:#fff4da}
.wars-ui.w-design-a.w-family-map .wars-iso-modal {border-radius:4px;background:var(--w-surface);border-color:var(--w-edge);color:var(--w-ink);box-shadow:0 4px 14px #24190f40}
.wars-ui.w-design-a.w-family-map .wars-iso-modal:after {background:var(--w-surface);border-color:var(--w-edge)}
.wars-ui.w-design-a.w-family-map .wars-iso-modal strong {font-size:15px;line-height:1.3;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-map .wars-iso-modal p {font-size:13px;line-height:1.45;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-map .wars-iso-modal-actions {gap:6px}
.wars-ui.w-design-a.w-family-map .wars-iso-link {min-height:44px;min-width:0;border-radius:4px;padding:7px 9px;background:var(--w-action);color:var(--w-on-action);font-size:13px;line-height:1.3;box-shadow:none}
.wars-ui.w-design-a.w-family-map .wars-iso-close {min-width:44px;min-height:44px;border-radius:4px;background:var(--w-alt);color:var(--w-ink);border-color:var(--w-edge);font-size:18px}
.wars-ui.w-design-a.w-family-map .wars-iso-legend {gap:6px}
.wars-ui.w-design-a.w-family-map .wars-iso-legend span {padding:6px 8px;border-radius:4px;background:var(--w-alt);border-color:var(--w-line);font-size:12px;color:var(--w-ink)}

/* Batch 17: rally point, movements and profile views. */
.wars-ui.w-design-a.w-family-army { color-scheme: light; }
.wars-ui.w-design-a.w-family-army[data-theme="dark"] { color-scheme: dark; }
.wars-ui.w-design-a.w-family-army .cont,
.wars-ui.w-design-a.w-family-army .lenta { width:100%; max-width:none; }
.wars-ui.w-design-a.w-family-army .lenta { padding:10px 12px; text-align:left; overflow-wrap:anywhere; }
.wars-ui.w-design-a.w-family-army .lenta table { width:100%; max-width:100%; border-collapse:collapse; }
.wars-ui.w-design-a.w-family-army .lenta td { padding:6px 3px; vertical-align:middle; overflow-wrap:anywhere; }
.wars-ui.w-design-a.w-family-army .lenta table img { max-width:100%; height:auto; }
.wars-ui.w-design-a.w-family-army .lenta > b:first-child { color:var(--w-ink); }
.wars-ui.w-design-a.w-family-army .w-rally-form { margin:0; text-align:left; }
.wars-ui.w-design-a.w-family-army .w-rally-form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.wars-ui.w-design-a.w-family-army .w-rally-form select { width:100%; max-width:100%; min-height:44px; margin:5px 0 9px; padding:8px 10px; font:inherit; font-size:16px; text-align:left; background:var(--w-input); color:var(--w-ink); border:1px solid var(--w-edge); border-radius:5px; text-shadow:none; box-shadow:none; }
.wars-ui.w-design-a.w-family-army .w-rally-form input[type="submit"] { width:100%; min-height:46px; height:auto; margin:8px 0 2px; padding:10px 12px; font:inherit; font-weight:700; white-space:normal; background:var(--w-action); color:var(--w-on-action); border:1px solid var(--w-action); border-radius:5px; text-shadow:none; }
.wars-ui.w-design-a.w-family-army .w-rally-form input[type="radio"],
.wars-ui.w-design-a.w-family-army .w-rally-form input[type="checkbox"] { width:20px; height:20px; margin:10px 8px 10px 0; vertical-align:middle; accent-color:var(--w-action); }
.wars-ui.w-design-a.w-family-army .w-rally-form label[for] { display:inline-flex; min-height:44px; align-items:center; padding:0 12px 0 0; cursor:pointer; }
.wars-ui.w-design-a.w-family-army .w-rally-unit { width:auto; max-width:100%; display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:7px 0; min-height:38px; border-bottom:1px solid var(--w-line); font-variant-numeric:tabular-nums; }
.wars-ui.w-design-a.w-family-army .w-rally-unit > a:first-child { flex:1; min-width:110px; }
.wars-ui.w-design-a.w-family-army .w-rally-form .w-rally-unit.w-rally-edit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) { width:85px; min-width:65px; margin:0; text-align:right; }
.wars-ui.w-design-a.w-family-army .w-rally-edit a[class$="_link"] { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:4px; text-decoration:underline; }
.wars-ui.w-design-a.w-family-army .w-rally-movement { padding:8px 0; border-bottom:1px solid var(--w-line); }
.wars-ui.w-design-a.w-family-army .w-rally-movement:last-child { border-bottom:0; }
.wars-ui.w-design-a.w-family-army .w-rally-back:empty { display:none; }
.wars-ui.w-design-a.w-family-army .w-rally-back { padding:0; }
.wars-ui.w-design-a.w-family-army .w-rally-back a { display:flex; justify-content:center; align-items:center; min-height:44px; padding:7px 12px; background:var(--w-input); border-top:1px solid var(--w-line); }
.wars-ui.w-design-a.w-family-army .w-rally-back br { display:none; }
.wars-ui.w-design-a.w-family-army .lenta a[href*="id=siusti"] { font-weight:700; }
.wars-ui.w-design-a.w-family-army .lenta > b > a[href*="id=siusti"] { display:flex; min-height:46px; align-items:center; justify-content:center; background:var(--w-action); color:var(--w-on-action); border-radius:5px; padding:8px; }
.wars-ui.w-design-a.w-family-army .lenta font[color="red"] { color:var(--w-danger); }
.wars-ui.w-design-a.w-family-army .lenta i[style*="color:green"] { color:var(--w-success) !important; }

/* Batch 18: personal menu, preferences and native profile forms. */
.wars-ui.w-design-a.w-family-profile {color-scheme:light}
.wars-ui.w-design-a.w-family-profile[data-theme="dark"] {color-scheme:dark}
.wars-ui.w-design-a.w-family-profile .cont,.wars-ui.w-design-a.w-family-profile .lenta {width:100%;max-width:none}
.wars-ui.w-design-a.w-family-profile .lenta {padding:10px 12px;text-align:left;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-profile .w-profile-title {margin:0 0 6px;font:700 15px/1.4 var(--w-font);color:var(--w-muted)}
.wars-ui.w-design-a.w-family-profile .w-profile-link {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--w-line);text-decoration:none;font-weight:600}
.wars-ui.w-design-a.w-family-profile .w-profile-link::after {content:'›';font-size:22px;font-weight:400;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-profile .w-profile-link:last-child {border-bottom:0}
.wars-ui.w-design-a.w-family-profile .w-profile-form {margin:0;text-align:left}
.wars-ui.w-design-a.w-family-profile .w-profile-field {display:block;margin:0 0 12px;font-weight:600}
.wars-ui.w-design-a.w-family-profile .w-profile-form input:not([type="hidden"]):not([type="submit"]),
.wars-ui.w-design-a.w-family-profile .w-profile-form select,
.wars-ui.w-design-a.w-family-profile .w-profile-form textarea {width:100%;max-width:100%;min-height:44px;margin:5px 0 9px;padding:8px 10px;font:inherit;font-size:16px;text-align:left;background:var(--w-input);color:var(--w-ink);border:1px solid var(--w-edge);border-radius:4px;text-shadow:none}
.wars-ui.w-design-a.w-family-profile .w-profile-form textarea {min-height:112px;resize:vertical}
.wars-ui.w-design-a.w-family-profile .w-profile-form input[type="submit"],
.wars-ui.w-design-a.w-family-profile .w-profile-form button {width:100%;min-height:46px;height:auto;margin:8px 0 2px;padding:10px 12px;font:inherit;font-weight:700;background:var(--w-action);color:var(--w-on-action);border:1px solid var(--w-action-edge);border-radius:4px;text-shadow:none}
.wars-ui.w-design-a.w-family-profile .w-profile-note {margin:0 0 12px;color:var(--w-muted);font-size:14px}
.wars-ui.w-design-a.w-family-profile .lenta table {width:100%;border-collapse:collapse}
.wars-ui.w-design-a.w-family-profile .lenta td {padding:6px 3px;vertical-align:middle;border-bottom:1px solid var(--w-line);overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-profile .lenta img {max-width:100%;vertical-align:middle}
.wars-ui.w-design-a.w-family-profile .w-profile-sim-row {width:auto;max-width:100%;display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-profile .w-profile-sim-row > a {flex:1;min-width:0;font-size:14px}
.wars-ui.w-design-a.w-family-profile .w-profile-form .w-profile-sim-row input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {flex:none;width:68px;min-width:0;margin:0;padding:7px;text-align:right}
.wars-ui.w-design-a.w-family-profile .w-profile-form .w-profile-sim-row input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"])[maxlength="2"] {width:46px}
.wars-ui.w-design-a.w-family-profile .w-profile-sim-columns {display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:6px;padding:4px 0;font-size:12px;color:var(--w-muted);text-align:center}
.wars-ui.w-design-a.w-family-profile .w-profile-sim-columns>span:first-child {text-align:left}
.wars-ui.w-design-a.w-family-profile .w-profile-simulator:has(input[name="ab"]) .w-profile-sim-columns {grid-template-columns:minmax(0,1fr) 68px 46px}
.wars-ui.w-design-a.w-family-profile .w-profile-simulator:has(input[name="ab"]) .w-profile-sim-row:not(:has(input[maxlength="2"]))::after {content:'';flex:none;width:46px}
.wars-ui.w-design-a.w-family-profile .w-profile-back:empty {display:none}
.wars-ui.w-design-a.w-family-profile .w-profile-back {padding:0}
.wars-ui.w-design-a.w-family-profile .w-profile-back a {display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;background:var(--w-input);border-top:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-profile .w-profile-back br {display:none}
.wars-ui.w-design-a.w-family-profile a[href*="id=xistrintii"] {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--w-danger)}

/* Personal menu f1: functional preferences and progressive native forms. */
.wars-ui.w-design-a.w-family-profile .w-profile-tabs {display:flex;width:100%;border-bottom:1px solid var(--w-line);background:var(--w-alt)}
.wars-ui.w-design-a.w-family-profile .w-profile-tabs a {flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 6px;font-size:14px;font-weight:600;text-decoration:none;border-right:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-profile .w-profile-tabs a:last-child {border-right:0}
.wars-ui.w-design-a.w-family-profile :is(#w-account,#w-tools,#w-profile-settings) {scroll-margin-top:112px}
.wars-ui.w-design-a.w-family-profile .w-profile-settings-head {display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.wars-ui.w-design-a.w-family-profile .w-profile-settings-head .w-profile-save-status {text-align:right;max-width:65%}
.wars-ui.w-design-a.w-family-profile .w-profile-setting {margin:0;border-bottom:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-profile .w-profile-setting:last-child {border-bottom:0}
.wars-ui.w-design-a.w-family-profile .w-setting-button {display:flex;align-items:center;gap:8px;width:100%;min-height:52px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--w-ink);font:inherit;text-align:left;text-shadow:none;box-shadow:none;cursor:pointer}
.wars-ui.w-design-a.w-family-profile .w-setting-label {flex:1;min-width:0;font-weight:600}
.wars-ui.w-design-a.w-family-profile .w-setting-state {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-profile .w-setting-track {position:relative;flex:none;width:42px;height:26px;border:1px solid var(--w-edge);border-radius:16px;background:var(--w-input)}
.wars-ui.w-design-a.w-family-profile .w-setting-track::after {content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--w-muted);transition:transform .14s ease}
.wars-ui.w-design-a.w-family-profile .w-setting-button[aria-checked="true"] .w-setting-track {background:var(--w-action);border-color:var(--w-action-edge)}
.wars-ui.w-design-a.w-family-profile .w-setting-button[aria-checked="true"] .w-setting-track::after {background:var(--w-on-action);transform:translateX(16px)}
.wars-ui.w-design-a.w-family-profile .w-setting-button:disabled {cursor:wait;opacity:.65}
.wars-ui.w-design-a.w-family-profile .w-profile-save-status {margin:0;min-height:22px;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-profile .w-profile-save-status:empty {min-height:0}
.wars-ui.w-design-a.w-family-profile .w-profile-notice {padding:9px 12px;margin:0;border-bottom:1px solid var(--w-line);background:var(--w-alt)}
.wars-ui.w-design-a.w-family-profile .w-profile-error {color:var(--w-danger)}
.wars-ui.w-design-a.w-family-profile .w-profile-counter {display:block;text-align:right;font-size:12px;color:var(--w-muted);margin-top:-7px}
.wars-ui.w-design-a.w-family-profile .w-profile-dirty {margin:9px 0 0;font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-profile [hidden] {display:none !important}
.wars-ui.w-design-a.w-family-profile .w-secret-field {display:flex;align-items:center;gap:6px}
.wars-ui.w-design-a.w-family-profile .w-profile-form .w-secret-field input {flex:1;min-width:0}
.wars-ui.w-design-a.w-family-profile .w-profile-form .w-secret-toggle {flex:none;width:auto;min-width:66px;margin:0 0 4px;padding:8px;font-size:13px;background:var(--w-alt);color:var(--w-ink);border-color:var(--w-edge)}
.wars-ui.w-design-a.w-family-profile .w-profile-form .w-profile-reset {background:var(--w-alt);color:var(--w-ink);border-color:var(--w-edge)}
@media(prefers-reduced-motion:reduce) {.wars-ui.w-design-a.w-family-profile .w-setting-track::after {transition:none}}

/* Batch 20: high-contrast constructive actions; original dimensions/requests remain. */
.wars-ui.w-design-a {--w-game-action:#2f603a;--w-game-action-hover:#244e2d;--w-game-action-pressed:#1c3d23;--w-game-action-edge:#203e27;--w-on-game-action:#fff9ed}
.wars-ui.w-design-a[data-theme="dark"] {--w-game-action-edge:#93af78}
.wars-ui.w-design-a.w-family-army .w-rally-form>.w-rally-send:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a:is(.w-family-recruitment,.w-family-residence) .w-unit-controls>.button:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-research .w-research-form>.button:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-fields .w-field-build:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="k=kelti"]>.button:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="q=statyt"]>.button:not(:disabled):not([aria-disabled="true"]) {background:var(--w-game-action);color:var(--w-on-game-action);border-color:var(--w-game-action-edge);box-shadow:inset 0 2px 0 #e4c07765,0 1px 0 #172f1d4d;text-shadow:none;font-weight:700}
.wars-ui.w-design-a.w-family-army .w-rally-form>.w-rally-send:hover:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a:is(.w-family-recruitment,.w-family-residence) .w-unit-controls>.button:hover:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-research .w-research-form>.button:hover:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-fields .w-field-build:hover:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="k=kelti"]>.button:hover:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="q=statyt"]>.button:hover:not(:disabled):not([aria-disabled="true"]) {background:var(--w-game-action-hover)}
.wars-ui.w-design-a.w-family-army .w-rally-form>.w-rally-send:active:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a:is(.w-family-recruitment,.w-family-residence) .w-unit-controls>.button:active:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-research .w-research-form>.button:active:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-fields .w-field-build:active:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="k=kelti"]>.button:active:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="q=statyt"]>.button:active:not(:disabled):not([aria-disabled="true"]) {background:var(--w-game-action-pressed);box-shadow:inset 0 1px 2px #0a211840}
.wars-ui.w-design-a.w-family-army .w-rally-form>.w-rally-send:focus-visible:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a:is(.w-family-recruitment,.w-family-residence) .w-unit-controls>.button:focus-visible:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-research .w-research-form>.button:focus-visible:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-fields .w-field-build:focus-visible:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="k=kelti"]>.button:focus-visible:not(:disabled):not([aria-disabled="true"]),
.wars-ui.w-design-a.w-family-village form[action*="q=statyt"]>.button:focus-visible:not(:disabled):not([aria-disabled="true"]) {outline:3px solid var(--w-focus);outline-offset:3px}
/* Both graphic and original text-menu preferences use the same current-page cue. */
.wars-ui.w-design-a #app>.lenta>center>table .button[aria-current="page"] {box-shadow:inset 0 -3px #efd3a2}