/* Batch 19: dashboard only. Original scene and timer implementations are retained. */
.wars-ui.w-design-a.w-family-overview #app>.cont {width:100%;margin:0;border:0;border-radius:0;min-width:0}
.wars-ui.w-design-a.w-family-overview .lenta {padding:8px 10px;min-width:0}
.wars-ui.w-design-a.w-family-overview .lenta>center {text-align:center}
.wars-ui.w-design-a.w-family-overview .w-overview-period {background:var(--w-alt)}
.wars-ui.w-design-a.w-family-overview .w-overview-period table {border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.5}
.wars-ui.w-design-a.w-family-overview .w-overview-period td {padding:1px 3px;vertical-align:middle}
.wars-ui.w-design-a.w-family-overview .timer {font-variant-numeric:tabular-nums;white-space:nowrap}
.wars-ui.w-design-a.w-family-overview .w-overview-topic {background:var(--w-alt);border-top:1px solid var(--w-line);border-bottom:1px solid var(--w-line);font-size:13px;line-height:1.5}
.wars-ui.w-design-a.w-family-overview .w-overview-topic .CContainer {padding:8px 10px}
/* Legacy quote attribution has inline white text on a light panel. */
.wars-ui.w-design-a.w-family-overview .w-overview-topic font {color:var(--w-muted)!important}
.wars-ui.w-design-a.w-family-overview .w-overview-village {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 8px;min-height:44px;width:100%;padding:7px 10px;margin:0;border:1px solid var(--w-edge);border-radius:4px;background:var(--w-alt);color:var(--w-ink);font:14px/1.4 var(--w-font);cursor:pointer;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-overview .w-overview-village span {font-size:13px;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-overview .w-overview-villages {overflow-x:auto;overscroll-behavior-x:contain}
.wars-ui.w-design-a.w-family-overview #kaimu {min-width:280px;border-collapse:collapse;font-size:13px}
.wars-ui.w-design-a.w-family-overview #kaimu td {padding:5px 4px;border-bottom:1px solid var(--w-line);white-space:nowrap}
.wars-ui.w-design-a.w-family-overview #kaimu td:first-child {white-space:normal;min-width:95px}
.wars-ui.w-design-a.w-family-overview #kaimu td a {display:inline-flex;align-items:center;min-height:40px}
.wars-ui.w-design-a.w-family-overview .w-overview-resources {width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-overview .w-overview-resources td {padding:3px 2px;text-align:center;vertical-align:top;overflow-wrap:anywhere}
.wars-ui.w-design-a.w-family-overview .w-overview-resources tr+tr td {padding-top:7px;border-top:1px solid var(--w-line);color:var(--w-muted)}
.wars-ui.w-design-a.w-family-overview .w-overview-resource {display:flex;flex-direction:column;align-items:center;gap:1px;min-height:74px;border-radius:4px;padding:2px;line-height:1.4}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>b {font-size:15px;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>img {width:auto;height:auto;max-width:none;max-height:none;flex:none}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>small {font-size:11px;min-height:0}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>small:empty {display:none}
.wars-ui.w-design-a.w-family-overview .w-overview-rate {font-size:12px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-overview .w-overview-resource[role=button] {cursor:pointer}
.wars-ui.w-design-a.w-family-overview .w-overview-resource[role=button]:hover,.wars-ui.w-design-a.w-family-overview .w-overview-resource[aria-expanded=true] {background:var(--w-alt)}
.wars-ui.w-design-a.w-family-overview #sandeliu {font-size:13px!important;line-height:1.5;border-collapse:collapse;text-align:left}
.wars-ui.w-design-a.w-family-overview #sandeliu td {padding:4px 2px}
/* Preserve familiar movement ribbons, their colours, original icons and wording. */
.wars-ui.w-design-a.w-family-overview :is(.redp,.greenp,.bluep,.yelp) {display:inline-block;max-width:100%;padding:3px 5px!important;margin:2px 0;font-size:13px;line-height:1.6!important;vertical-align:middle;overflow-wrap:normal;color:white}
.wars-ui.w-design-a.w-family-overview :is(.redp,.greenp,.bluep,.yelp) a {color:white}
.wars-ui.w-design-a.w-family-overview :is(.redp,.greenp,.bluep,.yelp) img {vertical-align:-3px}
/* This old renderer positions 1px flow boxes relative to native <center> alignment.
   Restore its 16px/1.6 metrics; no grid, scaling, padding or image-size rules inside. */
.wars-ui.w-design-a.w-family-overview .lenta:has(.w-overview-scene-frame) {padding-inline:0}
.wars-ui.w-design-a.w-family-overview .w-overview-scene-frame {width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0;overscroll-behavior-x:contain}
.wars-ui.w-design-a.w-family-overview .w-overview-scene-frame>center {min-width:308px;text-align:revert;font:16px/1.6 'Cairo',sans-serif;overflow-wrap:normal}
.wars-ui.w-design-a.w-family-overview .miestas {width:308px;height:232px;flex:none;overflow-wrap:normal}
.wars-ui.w-design-a.w-family-overview .miestas div {color:#6b4226}
.wars-ui.w-design-a.w-family-overview .miestas a {color:#444}
.wars-ui.w-design-a.w-family-overview .miestas :is(.lentute,.lentute_giv) {color:white;font-size:9px;line-height:1.1}
.wars-ui.w-design-a.w-family-overview #snow-container {pointer-events:auto}
.wars-ui.w-design-a.w-family-overview .snowflake {pointer-events:none}
.wars-ui.w-design-a.w-family-overview .w-overview-build {font-size:13px;line-height:1.5}
.wars-ui.w-design-a.w-family-overview .w-overview-build font[color="#3B240B"] {color:var(--w-ink)}
.wars-ui.w-design-a.w-family-overview .w-overview-build-table {width:100%;table-layout:fixed;border-collapse:collapse}
.wars-ui.w-design-a.w-family-overview .w-overview-build-table td {vertical-align:top;padding:2px}
/* Original 67x74 parchment cards and queue opacity; badge anchors replace old 1px offset tricks. */
.wars-ui.w-design-a.w-family-overview .w-overview-build :is(.pastatas,.pastatas1,.past_laikas) {color:#532402}
.wars-ui.w-design-a.w-family-overview .w-overview-build .lvl {color:#ffbf00}
.wars-ui.w-design-a.w-family-overview .w-overview-build a[href*="id=st"] {display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:4px;font-size:13px}
.wars-ui.w-design-a.w-family-overview .w-overview-troop {display:block;min-height:32px;padding-block:4px;border-bottom:1px solid var(--w-line);font-size:14px;line-height:1.6}
.wars-ui.w-design-a.w-family-overview .w-overview-troop a {padding:0;text-decoration:none}
.wars-ui.w-design-a.w-family-overview .w-overview-troop b {margin-inline-start:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-overview .info-button {display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}
.wars-ui.w-design-a.w-family-overview .more-info {padding:7px 8px;margin-block:3px;background:var(--w-alt);border-left:2px solid var(--w-edge);font-size:13px}
.wars-ui.w-design-a.w-family-overview .more-info a {display:inline-flex;align-items:center;min-height:36px}
/* Original btnx light-wood face and bevel, with slightly larger familiar four-column controls. */
.wars-ui.w-design-a.w-family-overview .w-overview-shortcuts {padding:6px 8px;background:var(--w-surface);border-top:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-overview .w-overview-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;max-width:360px;margin-inline:auto;border-spacing:0}
.wars-ui.w-design-a.w-family-overview .w-overview-links :is(tbody,tr) {display:contents}
.wars-ui.w-design-a.w-family-overview .w-overview-links td {display:flex;min-width:0;width:auto!important;padding:0;vertical-align:top}
.wars-ui.w-design-a.w-family-overview .w-overview-feature-links {grid-template-columns:repeat(2,minmax(0,1fr))}
.wars-ui.w-design-a.w-family-overview .w-overview-feature-links td[colspan="2"] {grid-column:1/-1}
.wars-ui.w-design-a.w-family-overview .w-overview-link {
  display:grid;grid-template-rows:20px minmax(32px,auto) minmax(16px,auto);align-content:start;align-items:center;justify-items:center;
  gap:1px;flex:1;min-width:0;min-height:80px;padding:4px 2px 6px;
  border:0;border-radius:5px;background:#f5ddb2 url('../woodp.png');color:#3b240f;
  box-shadow:inset 0 0 0 1px #0003,inset 0 -4px 0 #0000004d,inset 0 1px 0 #ffffff80;
  text-align:center;text-decoration:none;font:400 14px/1.15 Arial,sans-serif;overflow-wrap:anywhere;
}
.wars-ui.w-design-a.w-family-overview .w-overview-link-icon {display:flex;align-items:center;justify-content:center;width:24px;height:20px}
.wars-ui.w-design-a.w-family-overview .w-overview-link-icon img {display:block;max-width:20px;max-height:20px;object-fit:contain}
.wars-ui.w-design-a.w-family-overview .w-overview-link-title {display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;color:inherit;font-weight:400;line-height:1.15}
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 3px;min-width:0;min-height:16px;color:#4d402f;font:400 12px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums}
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta small,
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta>font {font:inherit;white-space:nowrap}
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta font[color=green] {color:#254825}
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta font[color="#999999"] {color:#4d402f}
.wars-ui.w-design-a.w-family-overview .w-overview-feature {display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:7px 6px 9px}
.wars-ui.w-design-a.w-family-overview .w-overview-feature .w-overview-link-title {min-height:0}
@media(hover:hover) {.wars-ui.w-design-a.w-family-overview .w-overview-link:hover {background-color:#ffe9c3;box-shadow:inset 0 0 0 1px #875d2f,inset 0 -4px 0 #0000004d,inset 0 1px 0 #ffffff80}}
.wars-ui.w-design-a.w-family-overview .w-overview-link:active {box-shadow:inset 0 0 0 1px #0003,inset 0 -1px 0 #0000004d,inset 0 1px 0 #ffffff80;transform:translateY(2px)}
.wars-ui.w-design-a.w-family-overview .w-overview-link:focus-visible {outline:3px solid var(--w-focus);outline-offset:1px}
.wars-ui.w-design-a.w-family-overview .w-overview-online {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-overview .w-overview-online a {display:inline-flex;align-items:center;min-height:44px;color:var(--w-ink)}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] font[color=blue] {color:#a7c5ff}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] font[color="#088A08"] {color:var(--w-success)}
@media(max-width:340px) {.wars-ui.w-design-a.w-family-overview .w-overview-links {gap:4px}.wars-ui.w-design-a.w-family-overview .w-overview-build-table td {padding:1px}}
@media(prefers-reduced-motion:reduce) {.wars-ui.w-design-a.w-family-overview .snowflake {animation:none}.wars-ui.w-design-a.w-family-overview .foggy-text {opacity:1;filter:none;transition:none}}

/* Same four nostalgic signal colours, with an opaque readable surface. */
.wars-ui.w-design-a.w-family-overview .redp {background-color:#9c2720}
.wars-ui.w-design-a.w-family-overview .greenp {background-color:#285c30}
.wars-ui.w-design-a.w-family-overview .bluep {background-color:#354985}
.wars-ui.w-design-a.w-family-overview .yelp {background-color:#805914}
.wars-ui.w-design-a.w-family-overview :is(.w-overview-resources,#kaimu) font[color="#990000"] {color:var(--w-danger)}
.wars-ui.w-design-a.w-family-overview .w-overview-resources font[color*="#e67300"] {color:#915012}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] .w-overview-resources font[color*="#e67300"] {color:#efbc70}
.wars-ui.w-design-a.w-family-overview .w-overview-link font[color="#00b300"] {color:#254825}
.wars-ui.w-design-a.w-family-overview .w-overview-link font[color="#e68a00"] {color:#6d3606}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] .w-overview-link font[color="#e68a00"] {color:#6d3606}

/* 19r2: stable one/two-digit construction levels; never target scene labels. */
.wars-ui.w-design-a.w-family-overview .w-overview-build :is(.pastatas,.pastatas1) {position:relative}
.wars-ui.w-design-a.w-family-overview .w-overview-build :is(.pastatas,.pastatas1)>.lvl {position:absolute;top:7px!important;right:5px!important;width:auto;height:auto;line-height:13px;text-align:center;white-space:nowrap;z-index:1}
.wars-ui.w-design-a.w-family-overview .w-overview-build .lvl_nr {display:block;min-width:13px;padding:0 2px;line-height:13px;white-space:nowrap}


/* Main review: clear hierarchy outside the preserved native scene and queue cards. */
.wars-ui.w-design-a.w-family-overview .w-overview-dashboard {position:relative}
.wars-ui.w-design-a.w-family-overview .w-overview-village>b {font-size:17px;line-height:1.3}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>b {font-size:17px}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>small {font-size:12px}
.wars-ui.w-design-a.w-family-overview .w-overview-rate {font-size:13px}
.wars-ui.w-design-a.w-family-overview .w-overview-topic {font-size:14px}
.wars-ui.w-design-a.w-family-overview .w-overview-section-title {display:inline-block;font-size:15px;line-height:1.3;font-weight:700;margin-bottom:3px}
.wars-ui.w-design-a.w-family-overview .w-overview-troop b {font-size:15px}
/* Absolute from first paint: showing or dismissing feedback never moves the village. */
.wars-ui.w-design-a.w-family-overview .w-overview-toast {position:absolute;z-index:30;top:8px;inset-inline:8px;max-width:380px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 0 0 12px;border:1px solid var(--w-edge);border-inline-start:3px solid var(--w-success);border-radius:4px;background:var(--w-surface);color:var(--w-success);box-shadow:0 3px 10px #28170935;font:700 14px/1.4 var(--w-font)}
.wars-ui.w-design-a.w-family-overview .w-overview-toast[hidden] {display:none}
.wars-ui.w-design-a.w-family-overview .w-overview-toast-close {display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:46px;padding:0;border:0;border-radius:0;background:transparent;color:var(--w-muted);font:24px/1 Arial,sans-serif;cursor:pointer}
.wars-ui.w-design-a.w-family-overview .w-overview-toast-close:hover {background:var(--w-alt)}

/* MAIN2: reward-style construction feedback; short, game-like, motion-safe. */
.wars-ui.w-design-a.w-family-overview .w-overview-toast {
  top:10px;max-width:340px;min-height:56px;gap:10px;padding:0 0 0 10px;overflow:hidden;isolation:isolate;
  border:2px solid #b58a37;border-radius:8px;
  background:linear-gradient(180deg,#fff8e1,#f5e3b5);color:#3b240f;
  box-shadow:0 6px 18px #28170955,inset 0 1px 0 #fff;
  font:700 16px/1.3 Georgia,serif;transform-origin:50% 0;
  animation:w-build-drop .45s cubic-bezier(.2,1.5,.45,1) both;
}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] .w-overview-toast {background:linear-gradient(180deg,#3d2e18,#2a1f10);color:#ffe7ad;border-color:#c99a3f}
.wars-ui.w-design-a.w-family-overview .w-overview-toast::before {
  content:'\2692\FE0E';display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;order:-1;
  border:2px solid #8d651e;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff6cc,#e3b85a 55%,#a8761f);
  box-shadow:inset 0 0 0 2px #fff1b866,0 0 0 0 #f2c45a99;color:#4a2a08;
  font:400 21px/1 'Segoe UI Symbol','Noto Sans Symbols 2','DejaVu Sans',sans-serif;
  animation:w-build-medal .6s .12s cubic-bezier(.2,1.6,.4,1) both,w-build-glow 1.1s .5s ease-out both;
}
.wars-ui.w-design-a.w-family-overview .w-overview-toast>span {flex:1;min-width:0;position:relative;text-shadow:0 1px 0 #fff8}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] .w-overview-toast>span {text-shadow:none}
/* Sparks burst from the medal, then a gold shine crosses the banner. */
.wars-ui.w-design-a.w-family-overview .w-overview-toast>span::before {
  content:'\2726';position:absolute;left:-29px;top:50%;width:0;height:0;color:#e0a92e;font-size:11px;line-height:0;
  text-shadow:18px -16px #e0a92e,-16px -14px #f2c45a,20px 14px #f2c45a,-18px 16px #e0a92e,0 -22px #fff0b0,2px 22px #e0a92e;
  opacity:0;pointer-events:none;animation:w-build-sparks .8s .3s ease-out both;
}
.wars-ui.w-design-a.w-family-overview .w-overview-toast::after {
  content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:40%;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,transparent,#ffe08a99,transparent);
  animation:w-build-shine .9s .35s ease-out both;
}
/* Countdown bar mirrors the auto-close timer (JS sets the duration and pause state). */
.wars-ui.w-design-a.w-family-overview .w-overview-toast-close {position:static;width:40px;min-height:52px;color:#7a5a2c;font-size:22px}
.wars-ui.w-design-a.w-family-overview .w-overview-toast-close:hover {background:#0000000d}
.wars-ui.w-design-a.w-family-overview .w-overview-toast-close::after {
  content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#4f8a3c,#e0a92e);
  transform-origin:0 50%;animation:w-build-count var(--w-toast-ms,3200ms) linear both;pointer-events:none;
}
.wars-ui.w-design-a.w-family-overview .w-overview-toast.is-paused .w-overview-toast-close::after {animation-play-state:paused}
.wars-ui.w-design-a.w-family-overview .w-overview-toast.is-leaving {animation:w-build-leave .25s ease-in both}
@keyframes w-build-drop {0%{opacity:0;transform:translateY(-18px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes w-build-leave {to{opacity:0;transform:translateY(-12px) scale(.96)}}
@keyframes w-build-medal {0%{transform:scale(.3) rotate(-35deg)}100%{transform:none}}
@keyframes w-build-glow {0%{box-shadow:inset 0 0 0 2px #fff1b866,0 0 0 0 #f2c45acc}100%{box-shadow:inset 0 0 0 2px #fff1b866,0 0 0 12px #f2c45a00}}
@keyframes w-build-sparks {0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
@keyframes w-build-shine {0%{opacity:0;transform:translateX(-100%)}30%{opacity:1}100%{opacity:0;transform:translateX(260%)}}
@keyframes w-build-count {from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce) {
  .wars-ui.w-design-a.w-family-overview :is(.w-overview-toast,.w-overview-toast::before,.w-overview-toast::after,.w-overview-toast>span::before,.w-overview-toast.is-leaving) {animation:none}
  .wars-ui.w-design-a.w-family-overview .w-overview-toast>span::before,.wars-ui.w-design-a.w-family-overview .w-overview-toast::after {display:none}
}

/* MAIN2: compact, orderly shortcut grid on the same original light-wood btnx face. */
.wars-ui.w-design-a.w-family-overview .w-overview-shortcuts {padding:6px 8px}
.wars-ui.w-design-a.w-family-overview .w-overview-shortcuts~.w-overview-shortcuts {border-top:0;padding-top:0}
.wars-ui.w-design-a.w-family-overview .w-overview-links {max-width:340px;gap:5px}
.wars-ui.w-design-a.w-family-overview .w-overview-link {
  grid-template-rows:22px 1fr 13px;gap:3px;min-height:66px;padding:6px 3px 5px;
  font:700 12px/1.1 Arial,sans-serif;color:#3b240f;
}
.wars-ui.w-design-a.w-family-overview .w-overview-link-icon {width:24px;height:22px}
.wars-ui.w-design-a.w-family-overview .w-overview-link-icon img {width:22px;height:22px;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 1px 0 #fff9)}
/* Native 15x10 envelope art, scaled to sit on the same optical size as the 128px icon set. */
.wars-ui.w-design-a.w-family-overview .w-overview-link-icon img[src*="images/pastas"] {width:24px;height:16px}
.wars-ui.w-design-a.w-family-overview .w-overview-link-title {min-height:0;align-self:center;font-weight:700;line-height:1.1;text-wrap:balance}
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta {align-self:end;min-height:13px;gap:0 3px;font:400 11px/1.15 Arial,sans-serif;color:#5a4630}
.wars-ui.w-design-a.w-family-overview .w-overview-link-meta b {font-weight:700}
.wars-ui.w-design-a.w-family-overview .w-overview-feature {grid-template-rows:none;gap:7px;min-height:42px;padding:6px 8px 8px;font-size:13px}
.wars-ui.w-design-a.w-family-overview .w-overview-feature .w-overview-link-icon {width:22px;height:22px}
.wars-ui.w-design-a.w-family-overview .w-overview-feature .w-overview-link-icon img {width:20px;height:20px}

/* Dark mode: legacy .bg-sand2 hard-codes paper ink #54321b; the themed panel needs theme ink. */
.wars-ui.w-design-a.w-family-overview[data-theme=dark] .w-overview-topic {color:var(--w-ink)}

/* RES2: compact classic resource bar - icon and amount on one line, rate and fill on a quiet second line. */
.wars-ui.w-design-a.w-family-overview .w-overview-resources {font-size:11px;line-height:1.3}
.wars-ui.w-design-a.w-family-overview .w-overview-resources td {padding:2px 1px}
.wars-ui.w-design-a.w-family-overview .w-overview-resources td+td {border-inline-start:1px solid var(--w-line)}
.wars-ui.w-design-a.w-family-overview .w-overview-resources tr+tr td {padding:5px 1px 2px;color:var(--w-muted)}
.wars-ui.w-design-a.w-family-overview .w-overview-resources tr+tr b {color:var(--w-ink);font-size:12px}
.wars-ui.w-design-a.w-family-overview .w-overview-resources tr+tr img {vertical-align:-2px}
.wars-ui.w-design-a.w-family-overview .w-overview-resource {flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;min-height:0;padding:4px 2px;line-height:1.25}
.wars-ui.w-design-a.w-family-overview .w-overview-resource::after {content:'';order:2;flex-basis:100%;height:2px}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>img {order:1}
.wars-ui.w-design-a.w-family-overview .w-overview-resource>b {order:1;font-size:14px;line-height:1.25;letter-spacing:.01em}
.wars-ui.w-design-a.w-family-overview .w-overview-rate,
.wars-ui.w-design-a.w-family-overview .w-overview-resource>small {order:3;font-size:11px;line-height:1.3;color:var(--w-muted)}

/* FBMOVE: feedback lives in its own slim strip under the shortcuts, distinct from the wood buttons. */
.wars-ui.w-design-a.w-family-overview .w-overview-feedback {padding:4px 10px 6px;background:var(--w-surface)}
.wars-ui.w-design-a.w-family-overview .w-feedback-link {display:flex;align-items:center;justify-content:center;gap:7px;max-width:340px;min-height:38px;margin-inline:auto;padding:5px 12px;border:1px dashed #b58a37;border-radius:999px;background:var(--w-alt);color:var(--w-ink);font-size:12px;line-height:1.3;text-decoration:none;text-align:left}
.wars-ui.w-design-a.w-family-overview .w-feedback-link b {color:#7a4a12}
.wars-ui.w-design-a.w-family-overview[data-theme=dark] .w-feedback-link b {color:#efbc70}
.wars-ui.w-design-a.w-family-overview .w-feedback-link img {flex:none}
.wars-ui.w-design-a.w-family-overview .w-feedback-link .w-overview-link-meta {min-height:0;margin-left:2px}
@media(hover:hover) {.wars-ui.w-design-a.w-family-overview .w-feedback-link:hover {border-style:solid;background:var(--w-surface)}}
.wars-ui.w-design-a.w-family-overview .w-feedback-link:focus-visible {outline:3px solid var(--w-focus);outline-offset:2px}

/* Legacy upgrade/research pills keep white text on their dark red face; .wars-ui div {color:inherit} had overridden it. */
.wars-ui.w-family-overview :is(.gkalves,.skalves,.akademijas) {color:#fff}

/* FINISH1: one-click credit finish button and its error toast. */
.wars-ui.w-design-a.w-family-overview .w-finish-form {margin:6px 0 2px}
.wars-ui.w-design-a.w-family-overview .w-finish-btn {display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 12px;border:1px solid #2f6b35;border-radius:5px;background:#3d7d43;color:#fff;font:600 13px/1.2 Arial,sans-serif;box-shadow:inset 0 -2px 0 #0003;cursor:pointer}
@media(hover:hover) {.wars-ui.w-design-a.w-family-overview .w-finish-btn:hover {background:#468c4c}}
.wars-ui.w-design-a.w-family-overview .w-finish-btn:active {transform:translateY(1px);box-shadow:none}
.wars-ui.w-design-a.w-family-overview .w-finish-btn:focus-visible {outline:3px solid var(--w-focus);outline-offset:2px}
.wars-ui.w-design-a.w-family-overview .w-finish-form[data-busy] .w-finish-btn {opacity:.6;cursor:wait}
.wars-ui.w-design-a.w-family-overview .w-overview-toast--error {border-color:#a3352b}
.wars-ui.w-design-a.w-family-overview .w-overview-toast--error::before {content:'!';border-color:#7a1f18;background:radial-gradient(circle at 35% 30%,#ffd9d2,#c4443a 60%,#8c2a22);color:#fff;font:700 20px/1 Georgia,serif}
.wars-ui.w-design-a.w-family-overview .w-overview-toast--error>span {font-size:14px}
.wars-ui.w-design-a.w-family-overview .w-overview-toast--error>span::before,.wars-ui.w-design-a.w-family-overview .w-overview-toast--error::after {display:none}

/* FINISH2: the credit finish stays available but quiet - plain muted link style, no green fill. */
.wars-ui.w-design-a.w-family-overview .w-finish-btn {min-height:32px;padding:4px 2px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--w-muted);font:400 12px/1.3 Arial,sans-serif;text-decoration:underline;text-decoration-color:var(--w-line);text-underline-offset:3px}
.wars-ui.w-design-a.w-family-overview .w-finish-btn img {width:13px;height:13px;opacity:.8}
@media(hover:hover) {.wars-ui.w-design-a.w-family-overview .w-finish-btn:hover {background:transparent;color:var(--w-ink);text-decoration-color:currentColor}}
.wars-ui.w-design-a.w-family-overview .w-finish-btn:active {transform:none}