/* Simple mode changes surfaces only; shared layout, artwork identifying cards,
   hit targets, status icons and gameplay state remain authoritative. */
html[data-board-mode="simple"] #stage {
  --plaque: inset 0 0 0 1px #526575;
  --display: var(--ui);
  box-shadow: none;
}

html[data-board-mode="simple"] #stage :is(.hud, .hud__stats, .hud__slots,
  .hud__name, .res__group, .plaque, .pile, .shelf, .chain, .turnstate,
  .ophand__label, .hand__count, .shelf__label, .field__head, .field__badge, .field__state) {
  background: #17232e;
  border-image: none;
  border-color: #526575;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #526575;
  text-shadow: none;
}

/* Remove painted furniture without removing drop hints or replay labels. */
html[data-board-mode="simple"] #stage .shelf::before {
  background: none;
}
html[data-board-mode="simple"] #stage .field::after {
  border-image: none;
  border-color: transparent;
}
html[data-board-mode="simple"] body:not(.is-replaying) #stage::after {
  display: none;
}
html[data-board-mode="simple"] #stage .shelf__mat {
  visibility: hidden;
}
/* Battlefield artwork identifies the location in both modes. */
html[data-board-mode="simple"] #stage .field__scene {
  filter: none;
}
html[data-board-mode="simple"] #stage .field {
  background: #1b2833;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #526575;
}
html[data-board-mode="simple"] #stage .lane--opp { background: #ffffff04; }
html[data-board-mode="simple"] #stage .field__seam {
  background: #526575;
  box-shadow: none;
}
html[data-board-mode="simple"] #stage .field__seam::after { background: #526575; box-shadow: none; }
html[data-board-mode="simple"] #stage .field__emblem {
  border-radius: 50%;
  box-shadow: none;
}
html[data-board-mode="simple"] #stage .hud__portrait {
  background: #243642;
  box-shadow: inset 0 0 0 2px #71899b;
  filter: none;
}
html[data-board-mode="simple"] #stage :is(.slot__card, .pile__back, .pile__top, .opcard, .hand .card, .unit__art) {
  box-shadow: none;
}
html[data-board-mode="simple"] #stage .unit__frame {
  background: none;
  box-shadow: none;
  border-radius: 5px;
  filter: none;
}
html[data-board-mode="simple"] #stage .unit--barrier .unit__frame { outline: 2px dashed var(--shield); }
html[data-board-mode="simple"] #stage .rune {
  background: var(--gem, var(--any));
  border-radius: 3px;
  filter: none;
  box-shadow: inset 0 0 0 1px #ffffff80;
}
html[data-board-mode="simple"] #stage .rune--spent {
  background: #27313a;
  box-shadow: inset 0 0 0 1px #71808b;
  opacity: .55;
}
html[data-board-mode="simple"] #stage .gem {
  background: #263844;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px var(--gem, #91acc1);
  text-shadow: none;
}
html[data-board-mode="simple"] #stage .might::before {
  background: #263844;
  box-shadow: none;
}
html[data-board-mode="simple"] #stage .dmg { background: #952f3b; box-shadow: none; }
html[data-board-mode="simple"] #stage .hud__points::before { background: #d3b475; box-shadow: none; }
html[data-board-mode="simple"] #stage .hud__point {
  background: #243642; box-shadow: none; border-color: #71899b; text-shadow: none;
}
html[data-board-mode="simple"] #stage .hud__point.is-earned {
  background: #e0be73; color: #18232b; box-shadow: none;
}
html[data-board-mode="simple"] #stage .rune-token { box-shadow: none; }
html[data-board-mode="simple"] #stage :is(.field__btn, .bigaction) {
  background: #29566b;
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px #719bad;
  filter: none;
  text-shadow: none;
}
html[data-board-mode="simple"] #stage .bigaction:not(:disabled):not(.bigaction--inert) {
  filter: none;
  animation: none;
}
html[data-board-mode="simple"] #stage .bigaction--inert { background: #27333d; }
html[data-board-mode="simple"] #stage .bigaction::before { display: none; }
html[data-board-mode="simple"] #stage .turnstate__dots i.on { background: var(--turn-color); box-shadow: none; }
html[data-board-mode="simple"] #stage :is(.field__name, .hud__name, .might__n, .dmg__n, .bigaction__label, .pile__n) { text-shadow: none; }

/* Flat UI still communicates ownership, legal actions, selection and combat. */
html[data-board-mode="simple"] #stage .chain__item { background: #21313e; box-shadow: none; }
html[data-board-mode="simple"] #stage .chain__item--you { box-shadow: inset 3px 0 var(--you); }
html[data-board-mode="simple"] #stage .chain__item--opp { box-shadow: inset 3px 0 var(--opp); }
/* Available cards need no permanent outer box; selection and drop targets do. */
html[data-board-mode="simple"] #stage :is(.unit, .card).is-legal { outline: none; }
html[data-board-mode="simple"] #stage .is-legal-drop { outline: 2px solid var(--legal, #75cfac); outline-offset: -2px; }
html[data-board-mode="simple"] #stage .is-selected,
html[data-board-mode="simple"] #stage :is(.unit, .card).is-selected { outline: 3px solid var(--pick); outline-offset: 2px; }
html[data-board-mode="simple"] #stage .field--combat { box-shadow: inset 0 0 0 2px #ff7a5e; }
html[data-board-mode="simple"] #stage :is(.unit, .card).is-legal::before,
html[data-board-mode="simple"] #stage :is(.unit, .card).is-selected::before { box-shadow: none; animation: none; }
html[data-board-mode="simple"] :is(.tray, #game-menu.table-menu, .effect-tooltip, .over__card) { background: #17232e; box-shadow: none; }
html[data-board-mode="simple"] :is(.act, .effect-token, .over__act) { background-image: none; box-shadow: none; }
html[data-board-mode="simple"] .effect-token { background-color: #243642; }
html[data-board-mode="simple"] .act { background-color: #293d4b; }
html[data-board-mode="simple"] .act--primary { background-color: #245941; }
html[data-board-mode="simple"] .act--pass { background-color: #594726; }
html[data-board-mode="simple"] #game-menu.table-menu button { background: #293d4b; }