/* Production adapters. Every selector is restricted to opted-in documents. */
body.wars-ui {
  width:100%; max-width:var(--w-shell); min-height:100vh; min-height:100dvh; margin:0 auto;
  font:14px/1.45 var(--w-font); color:var(--w-ink);
  background-color:var(--w-canvas); background-image:url('pagr8.jpeg');
  background-size:cover; background-attachment:scroll;
  overflow-wrap:break-word; scroll-padding-top:calc(var(--w-header-height) + 12px);
}
body.wars-ui[data-theme="dark"] { background-image:url('pagr7.jpeg'); }
.wars-ui *, .wars-ui *::before, .wars-ui *::after { box-sizing:border-box; }
.wars-ui div { color:inherit; }
.wars-ui #app { display:flex; flex-direction:column; width:100%; max-width:var(--w-shell); min-height:100vh; min-height:100dvh; margin:0; box-shadow:0 0 24px #3c241524; }
.wars-ui a { color:var(--w-ink); text-underline-offset:2px; }
.wars-ui :focus-visible { outline:2px solid var(--w-focus); outline-offset:3px; }
.wars-ui input, .wars-ui textarea, .wars-ui select, .wars-ui button { font-family:var(--w-font); }
.wars-ui input, .wars-ui textarea, .wars-ui select, .wars-ui [id] { scroll-margin-top:calc(var(--w-header-height) + 12px); }
.wars-ui .sticky { position:sticky; top:0; z-index:20; margin-bottom:0; border:0; background:var(--w-alt); }
.wars-ui .CHelperNav {
  display:flex; align-items:center; justify-content:space-between; gap:4px;
  min-height:38px; height:auto; padding:3px 8px;
  background:var(--w-alt); color:var(--w-ink); letter-spacing:0; font-size:13px;
}
.wars-ui .CHelperNav > .CHelperNav__item { width:auto; min-width:0; padding:0; margin:0; flex:none; background:transparent; color:inherit; }
.wars-ui .CHelperNav > .CHelperNav__item:first-child { display:flex; align-items:center; gap:2px; min-width:72px; }
/* The legacy theme wrapper has non-breaking spaces around its link. */
.wars-ui .CHelperNav > .CHelperNav__item:first-child > div { font-size:0; }
.wars-ui .CHelperNav > .CHelperNav__item:first-child > div a { display:inline-flex; width:32px; min-height:32px; align-items:center; justify-content:center; }
.wars-ui .CHelperNav > .CHelperNav__item.CHelperNav__logo { font:600 17px/1.2 Georgia,serif; white-space:nowrap; text-transform:none; letter-spacing:0; }
.wars-ui .CHelperNav__logo small { font:12px/1.2 var(--w-font); }
.wars-ui .CHelperNav__anchor { display:inline-flex; align-items:center; gap:4px; min-height:32px; color:var(--w-ink); background:transparent; box-shadow:none; font:600 12px/1.2 var(--w-font); letter-spacing:0; text-transform:none; text-decoration:none; white-space:nowrap; }
.wars-ui .CHelperNav .CNavigation__icon { height:20px; margin:0; }
.wars-ui .CHelperNav .CNavigation__icon img { width:18px; height:18px; object-fit:contain; }
/* One existing inline gold colour needs a local override for readable helper text. */
.wars-ui .CHelperNav .CNavigation__text { color:var(--w-ink) !important; }
.wars-ui .CNavigation, .wars-ui .CNavigation__container { width:100%; max-width:none; margin:0; }
.wars-ui .CNavigation__container { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background-image:url('lenta.jpg'); }
.wars-ui .CNavigation__item {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; height:56px; min-width:0; padding:4px 2px; border-right:1px solid #dac39c30;
  background:#211304b8; color:#fff7e4; font:600 12px/1.2 var(--w-font);
  letter-spacing:0; text-transform:none; text-decoration:none;
}
.wars-ui .CNavigation__item:last-child { border-right:0; }
.wars-ui .CNavigation__icon { height:23px; margin:0; }
.wars-ui .CNavigation__icon img { width:21px; height:21px; object-fit:contain; }
.wars-ui .CNavigation__text { font:inherit; color:inherit; }
/* Preserve the existing compact-menu preference and its four destinations. */
.wars-ui #app > .lenta > center > table { width:100%; table-layout:fixed; }
.wars-ui #app > .lenta > center > table td { padding:0 2px; vertical-align:middle; }
.wars-ui #app > .lenta > center > table .button { width:100%; min-width:0; min-height:52px; padding:5px 2px; font-size:12px; white-space:normal; text-align:center; }
.wars-ui #notification { max-width:92%; left:auto; right:8px; transform:none; background:var(--w-surface); color:var(--w-success); border-color:var(--w-success); font-size:12px; z-index:60; }
.wars-ui .cont, .wars-ui .CContainer, .wars-ui .CSection { width:100%; max-width:none; margin:0; padding:0; }
.wars-ui #app > .cont { width:calc(100% - 16px); margin:8px; border:1px solid var(--w-line); border-radius:var(--w-radius); background:var(--w-surface); }
.wars-ui .head {
  width:100%; max-width:none; margin:0; padding:9px 10px;
  border:0; border-bottom:1px solid var(--w-line); border-radius:4px 4px 0 0;
  background:var(--w-alt); color:var(--w-ink); font:600 18px/1.3 var(--w-font); text-align:left;
}
.wars-ui .head b { font-weight:600; }
.wars-ui .lenta { width:100%; max-width:none; margin:0; padding:8px 10px; border:0; border-top:1px solid var(--w-line); background:var(--w-surface); color:var(--w-ink); }
.wars-ui .head + .lenta { border-top:0; }
.wars-ui .lenta:empty { display:none; }
.wars-ui .lenta > center { font:inherit; }
.wars-ui hr { height:0; margin:12px -10px; border:0; border-top:1px solid var(--w-line); }
.wars-ui p { font:inherit; margin:0; }
.wars-ui .w-unit-title { display:block; font-size:15px; font-weight:600; line-height:1.4; margin-bottom:5px; }
.wars-ui .w-unit-title a { text-decoration:none; }
.wars-ui .w-unit-title + br { display:none; }
.wars-ui .w-unit-form, .wars-ui .w-research-form { margin:0; text-align:left; }
.wars-ui .w-unit-controls { display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; }
.wars-ui .w-quantity { display:flex; flex:0 1 88px; flex-direction:column; gap:4px; min-width:0; color:var(--w-muted); font:600 12px/1.3 var(--w-font); }
.wars-ui .w-max { flex:1 1 72px; align-self:flex-end; padding-bottom:4px; color:var(--w-muted); font-size:12px; }
.wars-ui .w-max a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:4px 6px; border:1px solid var(--w-line); border-radius:4px; background:var(--w-alt); color:var(--w-ink); font-size:14px; font-variant-numeric:tabular-nums; text-decoration:none; overflow-wrap:anywhere; }
.wars-ui input:not([type=hidden]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]), .wars-ui textarea, .wars-ui select {
  width:100%; max-width:100%; min-height:44px; padding:7px 9px;
  border:1px solid var(--w-line); border-radius:4px;
  background:var(--w-surface); color:var(--w-ink); font:16px/1.4 var(--w-font);
  text-align:left; text-shadow:none; box-shadow:none;
}
.wars-ui input[type=tel] { font-variant-numeric:tabular-nums; }
.wars-ui .button, .wars-ui .buttont, .wars-ui .CButton {
  display:inline-flex; align-items:center; justify-content:center;
  width:auto; max-width:100%; min-height:44px; height:auto; margin:0; padding:8px 12px;
  border:1px solid var(--w-action); border-radius:var(--w-radius);
  background:var(--w-action); color:var(--w-on-action); font:600 14px/1.35 var(--w-font);
  letter-spacing:0; text-transform:none; text-decoration:none; text-shadow:none; box-shadow:none; cursor:pointer;
}
.wars-ui .w-unit-controls > .button { flex:1 0 105px; }
.wars-ui .CButton--secondary { background:var(--w-alt); color:var(--w-ink); border-color:var(--w-line); }
.wars-ui .CSection > .CContainer { padding:8px 10px; }
.wars-ui .w-research-form { margin-top:8px; }
.wars-ui .w-cost { display:flex; flex-wrap:wrap; gap:5px 12px; margin:6px 0; font-size:14px; font-variant-numeric:tabular-nums; }
.wars-ui .w-cost span { display:inline-flex; align-items:center; gap:4px; max-width:100%; }
.wars-ui .w-cost b { font-weight:600; overflow-wrap:anywhere; }
.wars-ui .w-cost img { width:16px; height:16px; object-fit:contain; }
.wars-ui .w-duration { font-size:13px; color:var(--w-muted); }
.wars-ui .w-duration b { color:var(--w-ink); font-weight:600; }
.wars-ui font[color=red] { color:var(--w-danger); }
.wars-ui font[color=green] { color:var(--w-success); }
.wars-ui font[color="#01901a"] { color:var(--w-success); }
.wars-ui font[color=grey], .wars-ui font[color=gray] { color:var(--w-muted); }
.wars-ui .CFooter { height:auto; min-height:35px; margin:0; padding:8px 10px; border-top:1px solid var(--w-line); background:var(--w-alt); color:var(--w-muted); font:12px/1.5 var(--w-font); letter-spacing:0; text-transform:none; }
.wars-ui .CFooter .CContainer { color:inherit; }
/* Natural-flow bottom action: short pages fill the viewport; long pages scroll. */
.wars-ui .cont:has(.w-page-bottom) { display:flex; flex-direction:column; flex:1 0 auto; }
.wars-ui #app > .cont:has(.w-page-bottom) { margin-bottom:0; border-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.wars-ui .w-page-bottom { flex:none; margin-top:auto; padding:0; border-top:1px solid var(--w-line); background:var(--w-surface); }
.wars-ui .w-page-bottom > center { display:block; }
.wars-ui .w-page-bottom .CSection, .wars-ui .w-page-bottom .CContainer { width:100%; max-width:none; margin:0; padding:0; }
.wars-ui .w-page-bottom .CButton--secondary { display:flex; width:100%; min-height:56px; margin:0; border:0; border-radius:0; padding:12px; text-align:center; }
.wars-ui #app > .cont > .w-page-bottom, .wars-ui #app > .cont > .CFooter { width:calc(100% + 18px); margin-inline:-9px; }
.wars-ui .CFooter { flex:none; margin-bottom:0 !important; }
.wars-ui button:disabled, .wars-ui input:disabled { opacity:.6; cursor:default; }
@media(max-width:360px) {
  .wars-ui .CHelperNav { padding-inline:6px; gap:2px; }
  .wars-ui .CHelperNav > .CHelperNav__item.CHelperNav__logo { font-size:15px; }
  .wars-ui .CHelperNav__anchor { font-size:11px; }
  .wars-ui .w-quantity { flex-basis:78px; }
  .wars-ui .w-cost { gap:5px 9px; }
}
@media(max-height:500px) and (orientation:landscape) { .wars-ui .sticky { position:static; } }
@media(prefers-reduced-motion:reduce) { .wars-ui * { scroll-behavior:auto !important; transition:none !important; } }

/* HD gold keeps the original 17x12 CSS-pixel footprint in every game view. */
.wars-ui img[src*="images/aukso-hd-20261018.png"] {width:17px!important;height:12px!important;min-width:17px!important;max-width:17px!important;min-height:12px!important;max-height:12px!important;object-fit:contain;flex:none}

/* HD commander star retains each original12/20/24px game footprint. */
.wars-ui img[src*="images/karv-hd-20261018.png"] {--w-star-size:12px;width:var(--w-star-size)!important;height:var(--w-star-size)!important;min-width:var(--w-star-size)!important;max-width:var(--w-star-size)!important;min-height:var(--w-star-size)!important;max-height:var(--w-star-size)!important;object-fit:contain;flex:none}
.wars-ui img[src*="images/karv-hd-20261018.png"][width="20"] {--w-star-size:20px}
.wars-ui img[src*="images/karv-hd-20261018.png"][width="24"] {--w-star-size:24px}