/* Generated art is decoration only. Existing DOM, counters, handlers and polling stay intact. */
#buildingModal.dialog-surface94 {
  --frame95:24px;
  box-sizing:border-box;
  width:min(800px,calc(100vw - 24px))!important;
  border:var(--frame95) solid #b68a3e!important;
  border-image:url('assets/interface95/window-parchment95.png') 164 fill / var(--frame95) / 0 stretch!important;
  border-radius:0!important;
  background:#f6ecd4!important;
  box-shadow:0 26px 90px #06171bb3!important;
  scrollbar-gutter:stable;
}
#buildingModal.dialog-surface94.building-modal-training {width:min(1040px,calc(100vw - 24px))!important}
#buildingModal .dialog-titlebar94 {
  min-height:124px;
  padding:10px 18px!important;
  background:linear-gradient(110deg,#fcf5e3,#ebdec2)!important;
  border-bottom:1px solid #b99a5c!important;
  box-shadow:0 6px 16px #7d622414!important;
}
#buildingModal .dialog-titlebar94 h2 {
  font:600 clamp(22px,2.2vw,30px)/1.2 Georgia,serif;
  color:#513c22!important;
  gap:18px;
}
#buildingModal .dialog-titlebar94 .modern-building-portrait {
  width:112px;height:104px;flex:0 0 112px;object-fit:contain;
  filter:drop-shadow(0 7px 6px #76541d44);
}
#buildingModal .dialog-titlebar94>button {
  width:42px;height:42px;padding:0;
  border-radius:50%!important;
  background:linear-gradient(#fff9e8,#e8d3a4)!important;
}
#buildingModal .dialog-body94 {padding:18px 20px 20px}
#buildingModal .dialog-levels94 {gap:10px;margin-bottom:14px}
#buildingModal .dialog-levels94 p {
  background:linear-gradient(#fffaf0ed,#f1e5cbd9);
  border-color:#c2aa79;
  box-shadow:inset 0 1px #fff9,0 2px 6px #7155280d;
}
#buildingModal .dialog-costs94 p {background:#fffcf1d9;border-color:#c9b383}
#buildingModal .dialog-time94 {background:#decda7bb;color:#654a23;font-variant-numeric:tabular-nums}
#buildingModal .dialog-body94>button {min-width:116px}
#buildingModal .dialog-body94>hr {border-color:#c7b18488}
#buildingModal .recruit-card {background:#fffaf0d9!important;border-color:#c3ab78!important}
#buildingModal .recruit-portrait59 {width:76px;height:76px;filter:drop-shadow(0 4px 4px #523b2233)}

/* Compact army cards use nine-slice decoration; numbers remain real live text. */
#gameScreen .bottom-hud .live-army59 {
  gap:7px;align-items:stretch;justify-content:safe center;
  overflow-x:auto;overflow-y:hidden;
  padding:2px 0 3px;
  scrollbar-color:#ac8c45 #132c30;scrollbar-width:thin;
}
#gameScreen .bottom-hud .live-army59 .spy-unit {
  box-sizing:border-box;
  min-width:132px;
  display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:14px 24px;
  column-gap:5px;align-items:center;
  padding:2px 5px;
  border:8px solid #b69853;
  border-image:url('assets/interface95/army-card95.png') 145 fill / 8px / 0 stretch;
  border-radius:0;
  background:#112d37;
  box-shadow:0 3px 8px #0004;
  color:#fff3d5;text-align:left;
}
#gameScreen .bottom-hud .live-army59 .spy-unit img {
  width:44px;height:42px;object-fit:contain;grid-row:1/3;
  filter:drop-shadow(0 2px 3px #0008);
}
#gameScreen .bottom-hud .live-army59 .spy-unit span {
  color:#e9d4a1;font:500 10px/14px system-ui,sans-serif;
  white-space:nowrap;
}
#gameScreen .bottom-hud .live-army59 .spy-unit b {
  color:#fff7e4;font:700 18px/24px system-ui,sans-serif;
  font-variant-numeric:tabular-nums;white-space:nowrap;
  text-shadow:0 2px 3px #0008;
}
#gameScreen .bottom-hud #explorerCount67.spy-unit {font:inherit;cursor:pointer;min-height:0}
#gameScreen .bottom-hud #explorerCount67.spy-unit:hover {filter:brightness(1.15)}
#gameScreen .bottom-hud #explorerCount67.spy-unit:focus-visible {outline:3px solid #f1d37c;outline-offset:-2px}

@media(max-width:1000px) {
  #gameScreen .bottom-hud .live-army59 {justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden}
  #gameScreen .bottom-hud .live-army59 .spy-unit {flex:0 0 auto;min-width:124px}
}
@media(max-width:640px) {
  #buildingModal.dialog-surface94 {--frame95:16px;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  #buildingModal .dialog-titlebar94 {min-height:86px;padding:8px 10px!important}
  #buildingModal .dialog-titlebar94 h2 {gap:10px;font-size:21px}
  #buildingModal .dialog-titlebar94 .modern-building-portrait {width:76px;height:70px;flex-basis:76px}
  #buildingModal .dialog-body94 {padding:12px}
  #buildingModal .dialog-titlebar94>button {width:42px;height:42px}
  #gameScreen .bottom-hud .live-army59 {gap:5px;padding:1px 0 2px}
  #gameScreen .bottom-hud .live-army59 .spy-unit {
    min-width:118px;grid-template-columns:35px minmax(0,1fr);grid-template-rows:13px 21px;
    border-width:6px;border-image-width:6px;padding:2px 4px;column-gap:4px;
  }
  #gameScreen .bottom-hud .live-army59 .spy-unit img {width:35px;height:34px}
  #gameScreen .bottom-hud .live-army59 .spy-unit span {font-size:9px;line-height:13px}
  #gameScreen .bottom-hud .live-army59 .spy-unit b {font-size:16px;line-height:21px}
}
@media(max-height:620px) and (min-width:641px) {
  #buildingModal .dialog-titlebar94 {min-height:92px}
  #buildingModal .dialog-titlebar94 .modern-building-portrait {width:86px;height:76px;flex-basis:86px}
  #buildingModal .dialog-body94 {padding:12px 18px}
}
@media(prefers-reduced-motion:reduce) {
  #gameScreen .bottom-hud .live-army59 .spy-unit {transition:none!important}
}