/* Smaller, sparse national ornaments across the empire and military screens. */
/* Remove the Bulgarian side strips from the empire and military windows. */
body.game-page.game-bulgarian-empire
  :is(.empire-hub,.talents-panel,.guild-panel,.leaderboard-panel,.army-panel:not(.simulator-panel),.campaigns-panel)::before,
body.game-page.game-bulgarian-empire
  :is(.empire-hub,.talents-panel,.guild-panel,.leaderboard-panel,.army-panel:not(.simulator-panel),.campaigns-panel)::after {
  content: none;
  display: none;
}

body.game-national-empire {
  --ornament-line: var(--nation-line);
  --ornament-fill: linear-gradient(125deg,color-mix(in srgb,var(--nation-primary) 88%,white),var(--nation-primary));
}
body.game-roman-empire {
  --ornament-line: url('/assets/roman-laurel-line.svg');
  --ornament-fill: linear-gradient(125deg,#952c37,#5d1724 70%,#842434);
}
body.game-national-empire[data-game-nation="Greeks"] {
  --ornament-line: url('/assets/greek-meander-clean.svg');
  --ornament-fill: linear-gradient(125deg,#fafaf3,#eeefe8);
}

/* Continuous side borders and duplicate corner emblems crowded the artwork. */
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.empire-hub,.talents-panel,.guild-panel,.leaderboard-panel,.army-panel,.campaigns-panel)::before,
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.empire-hub,.talents-panel,.guild-panel,.leaderboard-panel,.army-panel,.campaigns-panel)::after,
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice::after {
  display: none;
}

body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.empire-choice,.guild-option,.talents-intro,.guild-feature-head,.leaderboard-panel .empire-feature-head,.army-panel:not(.army-detail)>h1,.campaigns-panel>h1) {
  background-image: var(--ornament-fill);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 1px;
  box-shadow: 0 8px 20px #0007;
}

/* Cards keep a short band; military headings carry a full national border. */
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.empire-choice,.guild-option)::before,
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head)::after {
  content: '';
  display: block;
  position: absolute;
  inset: auto auto 5px 50%;
  width: min(180px,65%);
  height: 13px;
  transform: translateX(-50%);
  background: var(--ornament-line) center/60px 13px repeat-x;
  opacity: .6;
  pointer-events: none;
}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.army-panel:not(.army-detail),.campaigns-panel)>h1 {
  padding: 14px 22px 32px;
  font-size: clamp(30px,4vw,40px);
  background-image: var(--ornament-line),var(--ornament-fill);
  background-position: center bottom 5px,center;
  background-size: 96px 20px,cover;
  background-repeat: repeat-x,no-repeat;
}

body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice {
  grid-template-columns: 66px minmax(0,1fr);
  gap: 16px;
  min-height: 118px;
  padding: 18px 22px 25px;
}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice img {width:64px;height:64px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice strong {font-size:22px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choices {gap:16px}

body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .talents-intro {padding:16px 28px 28px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .talents-intro img {width:52px;height:52px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head) h1 {
  font-size:clamp(28px,3.5vw,36px);
  margin:4px 0 8px;
}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.guild-panel,.leaderboard-panel) .empire-feature-head {
  grid-template-columns:minmax(0,1fr) 64px;
  min-height:124px;
  padding:18px 24px 26px;
  gap:16px;
}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
  :is(.guild-panel,.leaderboard-panel) .empire-feature-head img {width:60px;height:68px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .guild-feature-head .guild-logo-left {display:none}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .guild-option {min-height:122px;padding:17px 18px 27px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .guild-option>span {font-size:26px}

body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .army-choice-content {
  background-image:none;
  padding:17px 18px;
}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .army-choice {min-height:204px;border-width:1px;box-shadow:0 8px 20px #0007}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .simulator-panel>h1 {font-size:34px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .campaigns-main-window .campaigns-empty {margin:22px 0;font-size:14px}
body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .campaigns-window-header {padding:17px 24px}

/* Russian headers retain their dark palette with a full-width floral border. */
body.game-page.game-national-empire[data-game-nation="Russians"] #app :is(.army-panel:not(.army-detail)>#army-title,.campaigns-panel>h1) {
  padding:24px 25px 37px;
  border:2px solid #b58c48;
  border-radius:12px 5px 11px 6px;
  background-color:var(--nation-primary);
  background-image:var(--nation-line),var(--ornament-fill);
  background-position:center bottom 7px,center;
  background-size:96px 24px,cover;
  background-repeat:repeat-x,no-repeat;
  color:var(--nation-light);
  font-size:clamp(34px,5.3vw,58px);
  text-shadow:none;
  box-shadow:inset 0 0 0 1px #edbe3933,0 8px 20px #0007;
}
body.game-page.game-national-empire[data-game-nation="Russians"] #app
  :is(.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head) {
  padding-bottom:38px;
}
body.game-page.game-national-empire[data-game-nation="Russians"] #app
  :is(.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head)::after {
  inset:auto 12px 7px;
  width:auto;
  height:24px;
  transform:none;
  background-size:96px 24px;
  opacity:1;
}
body.game-page.game-national-empire[data-game-nation="Russians"] #app .guild-feature-head {
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 64px;
}
body.game-page.game-national-empire[data-game-nation="Russians"] #app .guild-feature-head .guild-logo-left {
  display:block;
}

@media(max-width:700px) {
  body.game-page.game-national-empire[data-game-nation="Russians"] #app :is(.army-panel:not(.army-detail)>#army-title,.campaigns-panel>h1) {padding:18px 14px 32px;background-size:72px 20px,cover;font-size:30px}
  body.game-page.game-national-empire[data-game-nation="Russians"] #app
    :is(.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head) {padding-bottom:34px}
  body.game-page.game-national-empire[data-game-nation="Russians"] #app
    :is(.talents-intro,.guild-panel .empire-feature-head,.leaderboard-panel .empire-feature-head)::after {height:20px;background-size:72px 20px}
  body.game-page.game-national-empire[data-game-nation="Russians"] #app .guild-feature-head {grid-template-columns:46px minmax(0,1fr) 46px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice {
    grid-template-columns:52px minmax(0,1fr);
    min-height:98px;
    gap:12px;
    padding:14px 16px 23px;
  }
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice img {width:50px;height:50px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .empire-choice strong {font-size:18px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .talents-intro {padding:15px 18px 26px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
    :is(.guild-panel,.leaderboard-panel) .empire-feature-head {min-height:106px;padding:15px 17px 25px;grid-template-columns:minmax(0,1fr) 48px;gap:10px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
    :is(.guild-panel,.leaderboard-panel) .empire-feature-head img {width:46px;height:54px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire)
    :is(.army-panel:not(.army-detail),.campaigns-panel)>h1 {padding:13px 16px 32px;font-size:30px}
  body.game-page[data-game-nation]:is(.game-national-empire,.game-roman-empire) .army-choice {min-height:184px}
}

/* Barracks and Workshop share the parchment layout in every national theme. */
body.game-page #app .army-detail:is(.barracks-detail,.workshop-detail) .army-detail-hero {
  border-color:var(--nation-accent,#785034);
}
body.game-page #app .army-detail:is(.barracks-detail,.workshop-detail) .army-detail-title {
  padding-bottom:36px;
  background-image:var(--ornament-line,var(--nation-line,url('/assets/bulgarian-embroidery-line.svg'))),url('/assets/empire-parchment.webp');
  background-position:center bottom 7px,center;
  background-size:96px 20px,cover;
  background-repeat:repeat-x,no-repeat;
  background-color:var(--nation-paper,#ead1a8);
  color:var(--nation-ink,#493120);
}
body.game-page #app .army-detail:is(.barracks-detail,.workshop-detail) .army-detail-title>#army-title {
  max-width:none;
  margin:0 0 10px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:var(--nation-ink,#493120);
  font-size:clamp(32px,4vw,44px);
  text-shadow:none;
}
body.game-page #app .army-detail:is(.barracks-detail,.workshop-detail) .army-detail-title :is(.army-hero-summary,.army-hero-population,.stable-level-label,.special-build-requirements,.building-quick-time,.building-quick-cost:not(.insufficient),.building-quick-cost:not(.insufficient) strong) {
  color:var(--nation-ink,#493120);
}
body.game-page #app .army-detail:is(.barracks-detail,.workshop-detail) .army-detail-hero :is(.stable-info-button,.army-next-button,.army-previous-button) {
  border-color:var(--nation-accent,#865238);
  color:var(--nation-ink,#673a23);
}