/* PokePark Online v2.9.9 — compact battle rebuild from the stable v2.9.7 base. */

#battleHud[data-battle-ui="2.9.9"] {
  --battle-bg:rgba(3,29,42,.96);
  --battle-surface:rgba(8,44,58,.94);
  --battle-card:rgba(13,57,72,.9);
  --battle-card-soft:rgba(22,70,83,.72);
  --battle-border:rgba(122,218,241,.28);
  --battle-border-strong:rgba(118,226,248,.62);
  --battle-cyan:#65dcf6;
  --battle-teal:#57d9ad;
  --battle-gold:#f5ca58;
  --battle-red:#ff7e75;
  --battle-text:#f4fbff;
  --battle-muted:#a9c7d2;
  --battle-shadow:rgba(0,20,30,.42);
  position:fixed!important;
  inset:0!important;
  z-index:140!important;
  display:none!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:rgba(1,20,29,.18)!important;
  font-family:"Segoe UI Variable",Inter,"Segoe UI",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;
  pointer-events:none;
}

#battleHud[data-battle-ui="2.9.9"].is-open {
  display:block!important;
  pointer-events:auto;
}

#battleHud[data-battle-ui="2.9.9"] [hidden] {
  display:none!important;
}

/* --------------------------------------------------------------------------
   v2.9.9 clean cockpit and staged outcome pass
   One live panel, explicit status timers and a result scene without a card.
   -------------------------------------------------------------------------- */

/* Remove the two legacy highlights that could surface as a white corner flare. */
#battleHud[data-battle-ui="2.9.9"] .battle-shell::after,
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck::before,
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stage::before,
#battleHud[data-battle-ui="2.9.9"] .battle-stage::after {
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Pause is a clean arena state: one large symbol and one readable label. */
#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  grid-template-columns:76px auto!important;
  place-content:center!important;
  align-items:center!important;
  gap:17px!important;
  background:linear-gradient(180deg,rgba(2,28,39,.22),rgba(2,28,39,.32))!important;
  color:#f4fbff!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > :is(i,svg) {
  width:76px!important;
  height:76px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#79def8!important;
  box-shadow:none!important;
  filter:drop-shadow(0 8px 18px rgba(0,24,34,.28))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span {
  display:grid!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span > b {
  color:#f7fdff!important;
  font-size:39px!important;
  font-weight:1000!important;
  line-height:.92!important;
  letter-spacing:.075em!important;
  text-shadow:0 7px 22px rgba(0,22,32,.34)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span > em {
  color:#d1e7ed!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:800!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span > small {
  color:#82def5!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  background:linear-gradient(180deg,rgba(238,250,252,.18),rgba(225,244,248,.29))!important;
  color:#123746!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > :is(i,svg) {
  color:#078fbd!important;
  filter:drop-shadow(0 8px 16px rgba(23,92,112,.2))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span > b {
  color:#123746!important;
  text-shadow:0 4px 16px rgba(255,255,255,.78),0 8px 22px rgba(26,82,99,.13)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span > em {
  color:#4f7380!important;
}

/* The live controls are one panel. All inner cards and the energy wrapper go. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] {
  width:min(760px,calc(100% - 112px))!important;
  height:166px!important;
  bottom:10px!important;
  padding:7px 10px 5px!important;
  overflow:visible!important;
  border:1px solid var(--cockpit-line)!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,var(--cockpit-surface),color-mix(in srgb,var(--cockpit-raised) 92%,transparent))!important;
  box-shadow:0 15px 34px color-mix(in srgb,var(--cockpit-shadow) 82%,transparent),inset 0 1px rgba(255,255,255,.13)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-live-controls {
  grid-template-rows:minmax(0,1fr) 24px!important;
  gap:2px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  grid-template-columns:minmax(390px,1fr) 154px 104px!important;
  gap:6px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-skills-panel,
  .combat-skills-shell,
  .combat-items-panel,
  .combat-item-grid,
  .combat-utility-panel,
  .combat-utility-actions,
  .combat-resource-row
) {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) {
  padding:0!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row {
  height:24px!important;
  min-height:24px!important;
  padding:0 6px!important;
  border-radius:0!important;
  overflow:visible!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy {
  width:min(500px,100%)!important;
  grid-template-columns:116px minmax(0,1fr)!important;
  gap:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span > i {
  border-color:color-mix(in srgb,var(--energy-b) 30%,var(--cockpit-line))!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* All three utility buttons share one quiet surface. Only the flag is red. */
#battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
  width:104px!important;
  padding:14px 0 0!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle,
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
  min-height:30px!important;
  padding:0 7px!important;
  border:1px solid var(--cockpit-line)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,var(--cockpit-raised),var(--cockpit-chip))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 4px 10px color-mix(in srgb,var(--cockpit-shadow) 45%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
  border-color:color-mix(in srgb,var(--battle-cyan) 38%,var(--cockpit-line))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > :is(i,svg) {
  color:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle > :is(i,svg) {
  color:var(--battle-red)!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle > b {
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button:is(:hover,:focus-visible) {
  border-color:var(--cockpit-line-strong)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--cockpit-raised) 92%,var(--battle-cyan) 8%),var(--cockpit-chip))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] #cancelBattle,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
  border-color:rgba(27,128,158,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,247,250,.98))!important;
  color:#123746!important;
  box-shadow:inset 0 1px #fff,0 4px 10px rgba(31,83,99,.11)!important;
}

/* Status chips now communicate identity, remaining time and real stacks. */
#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area {
  padding:2px 6px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area > small {
  font-size:7px!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-statuses {
  height:27px!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-statuses::-webkit-scrollbar {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip {
  --status-progress:360deg;
  flex:0 1 auto!important;
  max-width:220px!important;
  height:27px!important;
  padding:2px 7px 2px 3px!important;
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  border-radius:9px!important;
  font-style:normal!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-icon {
  position:relative!important;
  width:21px!important;
  height:21px!important;
  padding:3px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:conic-gradient(currentColor var(--status-progress),color-mix(in srgb,currentColor 14%,transparent) 0)!important;
  box-sizing:border-box!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-icon::before {
  content:''!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  background:var(--cockpit-chip)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-icon > :is(i,svg) {
  position:relative!important;
  z-index:1!important;
  width:13px!important;
  height:13px!important;
  color:inherit!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-copy {
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip .battle-status-copy > b {
  display:block!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:7.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip .battle-status-copy > small {
  display:block!important;
  overflow:hidden!important;
  color:var(--cockpit-muted)!important;
  font-size:6.5px!important;
  font-weight:850!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip.is-capture-ready {
  max-width:245px!important;
  color:var(--battle-gold)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-empty {
  min-height:23px!important;
  font-size:7.5px!important;
}

/* Results live over the arena. There is no enclosing reward card. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  bottom:18px!important;
  width:min(850px,calc(100% - 82px))!important;
  height:330px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  height:286px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision {
  grid-template-rows:minmax(0,1fr) 64px!important;
  gap:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result {
  grid-template-rows:minmax(0,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result.has-terminal-actions {
  grid-template-rows:minmax(0,1fr) 64px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card {
  width:100%!important;
  height:100%!important;
  padding:0 8px!important;
  grid-template-rows:104px 17px minmax(92px,1fr)!important;
  gap:5px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card::before {
  content:none!important;
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header {
  width:min(620px,100%)!important;
  justify-self:center!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:14px!important;
  filter:drop-shadow(0 8px 20px rgba(0,19,28,.28))!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleResultArt,
#battleHud[data-battle-ui="2.9.9"] .combat-result-art {
  width:84px!important;
  height:84px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b {
  color:#f9fdff!important;
  font-size:44px!important;
  line-height:.9!important;
  text-shadow:0 5px 20px rgba(0,20,29,.48),0 0 26px color-mix(in srgb,var(--outcome-accent) 34%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header em {
  color:#d4e9ee!important;
  font-size:10px!important;
  text-shadow:0 2px 8px rgba(0,17,25,.42)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-divider {
  width:min(660px,100%)!important;
  justify-self:center!important;
  color:color-mix(in srgb,var(--outcome-accent) 76%,#f2fbff 24%)!important;
  text-shadow:0 2px 8px rgba(0,17,25,.35)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list,
#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] {
  width:min(720px,100%)!important;
  justify-self:center!important;
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important;
  grid-auto-rows:minmax(88px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-item,.combat-result-message),
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-item,.combat-result-message) {
  min-height:88px!important;
  padding:8px 7px!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  border:0!important;
  border-radius:0!important;
  background:radial-gradient(circle at 36px 46px,color-mix(in srgb,var(--outcome-accent) 15%,var(--cockpit-raised)) 0 28px,transparent 29px)!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] .combat-result-message,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message {
  grid-column:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-art,.combat-result-message-art,.combat-loss-art) {
  width:64px!important;
  height:64px!important;
  padding:3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 7px 12px rgba(0,16,24,.34))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > mark {
  top:6px!important;
  right:6px!important;
  min-width:55px!important;
  height:15px!important;
  border-color:color-mix(in srgb,var(--outcome-accent) 45%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--cockpit-surface) 88%,transparent)!important;
  color:color-mix(in srgb,var(--outcome-accent) 72%,var(--cockpit-text) 28%)!important;
  box-shadow:0 3px 9px color-mix(in srgb,var(--cockpit-shadow) 45%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item b,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message b {
  color:#f4fbff!important;
  font-size:10px!important;
  text-shadow:0 2px 8px rgba(0,17,25,.48)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item small,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message small {
  color:#b5d3dc!important;
  font-size:7px!important;
  text-shadow:0 2px 7px rgba(0,17,25,.48)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong {
  font-size:16px!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-reward-item b,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-result-message b {
  color:#123746!important;
  text-shadow:0 2px 8px rgba(255,255,255,.88),0 5px 15px rgba(31,82,98,.14)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header em,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-reward-item small,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-result-message small {
  color:#557681!important;
  text-shadow:0 2px 7px rgba(255,255,255,.86)!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions {
  width:min(720px,100%)!important;
  justify-self:center!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity .28s ease,transform .28s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions.is-single {
  width:min(360px,100%)!important;
  grid-template-columns:1fr!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-decision-actions {
  opacity:0!important;
  transform:translateY(10px)!important;
  animation:none!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-reward-item {
  animation:combat-reward-enter .55s cubic-bezier(.16,.84,.2,1) calc(var(--reward-index,0) * 420ms + 460ms) both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-reward-item > strong {
  animation:battle-reward-count-in .42s ease calc(var(--reward-index,0) * 420ms + 710ms) both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-result-message {
  animation:combat-reward-enter .55s cubic-bezier(.16,.84,.2,1) calc(var(--reward-index,0) * 420ms + 460ms) both!important;
}

@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] {
    width:min(740px,calc(100% - 68px))!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row {
    grid-template-columns:minmax(370px,1fr) 150px 100px!important;
    gap:5px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:100px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:calc(100% - 36px)!important; }
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] {
    width:calc(100% - 10px)!important;
    height:246px!important;
    padding:6px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-live-controls { grid-template-rows:minmax(0,1fr) 23px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row {
    grid-template-columns:minmax(0,1fr) 104px!important;
    grid-template-rows:126px 82px!important;
    gap:3px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills-panel { grid-column:1/-1!important;grid-row:1!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-items-panel { grid-column:1!important;grid-row:2!important;padding:0!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid {
    grid-template-columns:repeat(6,44px)!important;
    grid-template-rows:48px!important;
    justify-content:center!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button { width:44px!important;min-width:44px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { grid-column:2!important;grid-row:2!important;width:104px!important;padding:14px 0 0!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions { grid-template-columns:repeat(3,1fr)!important;grid-template-rows:48px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,#battleHud[data-battle-ui="2.9.9"] #cancelBattle { min-height:48px!important;padding:0!important;place-items:center!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-resource-row { height:23px!important;padding:0 4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy { width:100%!important;grid-template-columns:96px minmax(0,1fr)!important;gap:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay { grid-template-columns:58px auto!important;gap:11px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > :is(i,svg) { width:58px!important;height:58px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span > b { font-size:30px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:calc(100% - 10px)!important;height:310px!important;bottom:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { grid-template-rows:86px 15px minmax(90px,1fr)!important;padding:0 4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header { grid-template-columns:70px minmax(0,1fr)!important;gap:9px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleResultArt,#battleHud[data-battle-ui="2.9.9"] .combat-result-art { width:68px!important;height:68px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b { font-size:34px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list,#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] {
    width:min(720px,calc(100% - 64px))!important;
    height:154px!important;
    bottom:5px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(370px,1fr) 148px 96px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:96px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { height:250px!important;bottom:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { grid-template-rows:72px 14px minmax(74px,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b { font-size:34px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing :is(.combat-reward-item,.combat-result-message,.combat-reward-item > strong) {
    animation:none!important;
  }
}

/* Hidden remains stronger than every responsive display override above. */
#battleHud[data-battle-ui="2.9.9"] [hidden] {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-shell {
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(1080px,calc(100vw - 56px))!important;
  height:min(680px,calc(100dvh - 88px))!important;
  min-width:720px!important;
  min-height:500px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  border:2px solid rgba(217,248,255,.82)!important;
  border-radius:26px!important;
  background:rgba(7,43,57,.08)!important;
  box-shadow:0 0 0 5px rgba(83,186,224,.13),0 24px 68px rgba(0,18,28,.42)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stage {
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 1px rgba(109,217,242,.22)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stage::before {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(2,26,39,.12),transparent 22%,transparent 73%,rgba(1,25,36,.2))!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status {
  position:absolute!important;
  z-index:24!important;
  left:12px!important;
  right:12px!important;
  top:10px!important;
  width:auto!important;
  height:46px!important;
  min-height:46px!important;
  padding:5px 6px 5px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:1px solid var(--battle-border)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(3,35,49,.97),rgba(4,28,41,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 22px rgba(0,24,35,.26)!important;
  color:var(--battle-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status > span {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:14px 18px!important;
  align-items:center!important;
  column-gap:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status > span > small {
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:var(--battle-cyan)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status > span > small > i,
#battleHud[data-battle-ui="2.9.9"] .battle-status > span > small svg {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status > span > strong {
  min-width:0!important;
  color:var(--battle-text)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button {
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border:1px solid var(--battle-border)!important;
  border-radius:10px!important;
  background:var(--battle-card)!important;
  color:var(--battle-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button:hover:not(:disabled),
#battleHud[data-battle-ui="2.9.9"] .battle-controls > button:focus-visible {
  border-color:var(--battle-border-strong)!important;
  background:color-mix(in srgb,var(--battle-card) 78%,var(--battle-cyan) 22%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button > i,
#battleHud[data-battle-ui="2.9.9"] .battle-controls > button svg {
  width:17px!important;
  height:17px!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleHelp {
  width:34px!important;
  min-width:34px!important;
  padding:0!important;
  font-size:14px!important;
}

#battleHud[data-battle-ui="2.9.9"][data-phase="battle"] .battle-turn-chip {
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  border-color:rgba(255,126,117,.38)!important;
  color:#ffe9e7!important;
}

#battleHud[data-battle-ui="2.9.9"] #autoBattle {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-turn-chip {
  position:absolute!important;
  z-index:14!important;
  left:50%!important;
  top:82px!important;
  width:auto!important;
  min-width:210px!important;
  max-width:360px!important;
  min-height:40px!important;
  padding:7px 14px!important;
  display:grid!important;
  justify-items:center!important;
  gap:2px!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:14px!important;
  background:rgba(239,249,251,.94)!important;
  box-shadow:0 7px 18px rgba(0,35,48,.17)!important;
  color:#153e50!important;
  text-align:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-turn-chip small {
  color:#1885ad!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-turn-chip b {
  max-width:100%!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Readable combatant cards. */
#battleHud[data-battle-ui="2.9.9"] .battle-health {
  position:static!important;
  width:auto!important;
  height:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article {
  position:absolute!important;
  z-index:12!important;
  top:96px!important;
  width:318px!important;
  height:116px!important;
  min-width:0!important;
  min-height:0!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:24px 10px 18px 18px 14px!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:3px!important;
  overflow:visible!important;
  border:1px solid var(--battle-border)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(5,43,57,.97),rgba(4,31,44,.95))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 26px rgba(0,24,36,.25)!important;
  box-sizing:border-box!important;
  color:var(--battle-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health {
  left:30px!important;
  right:auto!important;
  --fighter-accent:var(--battle-teal);
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health {
  right:30px!important;
  left:auto!important;
  --fighter-accent:var(--battle-red);
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article::before {
  content:''!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  border-radius:18px 0 0 18px!important;
  background:var(--fighter-accent)!important;
  box-shadow:0 0 13px color-mix(in srgb,var(--fighter-accent) 70%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait {
  grid-column:1!important;
  grid-row:1/6!important;
  width:72px!important;
  height:72px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:2px solid color-mix(in srgb,var(--fighter-accent) 58%,#fff 42%)!important;
  border-radius:17px!important;
  background:#eef9fb!important;
  box-shadow:0 5px 13px rgba(0,21,31,.2)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,
#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * {
  width:64px!important;
  height:64px!important;
  object-fit:contain!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > span {
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > span b {
  min-width:0!important;
  color:var(--battle-text)!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > span small {
  color:#d8edf4!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-hp-bar {
  grid-column:2!important;
  grid-row:2!important;
  position:relative!important;
  width:100%!important;
  height:9px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(1,20,29,.8)!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.34)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-hp-bar > em {
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,var(--fighter-accent),color-mix(in srgb,var(--fighter-accent) 60%,#fff 40%))!important;
  transition:width .28s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-hp-bar > strong {
  position:absolute!important;
  inset:0 auto 0 0!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(102,212,255,.78),rgba(171,237,255,.9))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stamina,
#battleHud[data-battle-ui="2.9.9"] .battle-exp {
  grid-column:2!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stamina { grid-row:3!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-exp { grid-row:5!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-stamina > span,
#battleHud[data-battle-ui="2.9.9"] .battle-exp > span {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:4px!important;
  color:var(--battle-muted)!important;
  font-size:8px!important;
  font-weight:850!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stamina > i,
#battleHud[data-battle-ui="2.9.9"] .battle-exp > i {
  width:100%!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(1,21,30,.72)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stamina > i > em,
#battleHud[data-battle-ui="2.9.9"] .battle-exp > i > em {
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
  background:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-exp > i > em {
  background:linear-gradient(90deg,#856cfa,#d998ff)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-statuses {
  grid-column:2!important;
  grid-row:4!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:visible!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip {
  min-width:0!important;
  height:18px!important;
  padding:2px 5px!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  border:1px solid var(--battle-border)!important;
  border-radius:7px!important;
  background:rgba(7,40,53,.88)!important;
  color:var(--battle-text)!important;
  font-size:8px!important;
  font-style:normal!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip svg {
  width:12px!important;
  height:12px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip b {
  max-width:138px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip small {
  color:inherit!important;
  font-size:8px!important;
  font-weight:900!important;
}

#battleHud[data-battle-ui="2.9.9"] .enemy-health.is-capturable {
  border-color:rgba(246,203,88,.8)!important;
  box-shadow:0 0 0 3px rgba(246,203,88,.14),0 0 28px rgba(246,203,88,.22),0 10px 26px rgba(0,24,36,.3)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-chip.is-capture-ready {
  border-color:rgba(246,203,88,.7)!important;
  background:linear-gradient(135deg,#5d4315,#33270f)!important;
  color:#fff2a6!important;
  animation:battle-capture-ready 1.35s ease-in-out infinite;
}

@keyframes battle-capture-ready {
  50% { box-shadow:0 0 13px rgba(246,203,88,.42); }
}

/* Six-slot team rail stays inside the arena. */
#battleHud[data-battle-ui="2.9.9"] .battle-roster-panel {
  position:absolute!important;
  z-index:18!important;
  left:12px!important;
  right:auto!important;
  top:224px!important;
  bottom:auto!important;
  width:58px!important;
  height:auto!important;
  min-width:0!important;
  padding:5px!important;
  display:grid!important;
  grid-template-rows:22px auto 13px!important;
  gap:5px!important;
  transform:none!important;
  border:1px solid var(--battle-border)!important;
  border-radius:18px!important;
  background:linear-gradient(160deg,rgba(4,40,53,.96),rgba(3,28,40,.95))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 22px rgba(0,24,35,.26)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-panel > header {
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
  color:var(--battle-teal)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-panel > header span {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-panel > header em {
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster {
  width:46px!important;
  display:grid!important;
  grid-template-columns:46px!important;
  grid-template-rows:repeat(6,46px)!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot {
  position:relative!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:3px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:1px solid var(--battle-border)!important;
  border-radius:50%!important;
  background:rgba(5,39,52,.95)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot.is-active {
  border-color:var(--battle-teal)!important;
  box-shadow:0 0 0 3px rgba(87,217,173,.15),0 0 16px rgba(87,217,173,.24)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot.is-ko {
  opacity:.44!important;
  filter:grayscale(.8)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot > span,
#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot > strong {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot > kbd {
  position:absolute!important;
  z-index:3!important;
  right:-5px!important;
  left:auto!important;
  top:-4px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--battle-border)!important;
  border-radius:7px!important;
  background:rgba(2,25,36,.98)!important;
  color:var(--battle-text)!important;
  font-size:7px!important;
  font-weight:900!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-portrait,
#battleHud[data-battle-ui="2.9.9"] .battle-roster-empty,
#battleHud[data-battle-ui="2.9.9"] .battle-roster-portrait > *,
#battleHud[data-battle-ui="2.9.9"] .battle-roster-empty > * {
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-panel > p {
  margin:0!important;
  color:var(--battle-muted)!important;
  font-size:7px!important;
  font-weight:850!important;
  text-align:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-skill-name {
  position:absolute!important;
  z-index:7!important;
  left:3px!important;
  right:3px!important;
  bottom:2px!important;
  display:block!important;
  overflow:hidden!important;
  color:var(--battle-text)!important;
  font-size:7px!important;
  font-weight:850!important;
  line-height:10px!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .skill-cost {
  position:absolute!important;
  z-index:9!important;
  right:2px!important;
  top:2px!important;
  min-width:22px!important;
  height:17px!important;
  padding:1px 3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  border-radius:7px!important;
  background:rgba(1,24,35,.88)!important;
  color:var(--battle-cyan)!important;
  font-size:7px!important;
  font-weight:900!important;
}

#battleHud[data-battle-ui="2.9.9"] .skill-cost svg {
  width:9px!important;
  height:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-ultimate-badge {
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  bottom:-5px!important;
  min-width:42px!important;
  padding:3px 6px!important;
  transform:translateX(-50%)!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,#eab23b,#fff08b)!important;
  color:#4b3300!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}

#battleHud[data-battle-ui="2.9.9"] .skill-cooldown {
  position:absolute!important;
  z-index:6!important;
  left:3px!important;
  top:3px!important;
  width:var(--control-size)!important;
  height:var(--control-size)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:conic-gradient(rgba(0,18,28,.8) var(--cooldown-sweep,0deg),transparent 0)!important;
  color:#fff!important;
  opacity:0!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .is-cooling > .skill-cooldown {
  opacity:1!important;
}

#battleHud[data-battle-ui="2.9.9"] .skill-cooldown > b {
  font-size:13px!important;
  font-weight:950!important;
  text-shadow:0 1px 3px #000!important;
}

/* Painted alpha-channel atlases. */
#battleHud[data-battle-ui="2.9.9"] .battle-painted-art {
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-image:url('/assets/v2.9.9/combat/battle-reward-icons.png')!important;
  background-repeat:no-repeat!important;
  background-size:500% 100%!important;
  background-position-y:center!important;
  filter:drop-shadow(0 4px 7px rgba(0,19,28,.23));
}

#battleHud[data-battle-ui="2.9.9"] .battle-painted-art.is-xp { background-position-x:0!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-painted-art.is-trainer { background-position-x:25%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-painted-art.is-feather { background-position-x:50%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-painted-art.is-victory { background-position-x:75%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-painted-art.is-ball { background-position-x:100%!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art {
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-image:var(--battle-outcome-atlas)!important;
  background-repeat:no-repeat!important;
  background-size:400% 200%!important;
  filter:drop-shadow(0 4px 7px rgba(0,19,28,.24));
}

#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art.is-tactic-manual { background-position:33.333% 0!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art.is-tactic-smart { background-position:100% 0!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art.is-outcome-victory { background-position:0 100%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art.is-outcome-defeat { background-position:33.333% 100%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art.is-outcome-draw { background-position:66.667% 100%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-outcome-art.is-outcome-capture { background-position:100% 100%!important; }

#battleHud[data-battle-ui="2.9.9"] #battleResultArt,
#battleHud[data-battle-ui="2.9.9"] #battleResultArt > * {
  width:48px!important;
  height:48px!important;
  display:block!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-reward-art {
  grid-column:1!important;
  grid-row:1/3!important;
  width:42px!important;
  height:42px!important;
}

/* Tactics remains readable and editable while the wild battle is paused. */
#battleHud[data-battle-ui="2.9.9"] .battle-tactics {
  position:absolute!important;
  z-index:42!important;
  left:auto!important;
  right:18px!important;
  top:82px!important;
  bottom:auto!important;
  width:366px!important;
  max-width:calc(100% - 36px)!important;
  max-height:calc(100% - 238px)!important;
  min-width:0!important;
  min-height:0!important;
  padding:12px!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  gap:10px!important;
  overflow:auto!important;
  transform:translateY(-7px) scale(.985)!important;
  border:1px solid var(--battle-border-strong)!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,rgba(4,42,56,.99),rgba(3,28,41,.99))!important;
  box-shadow:0 18px 42px rgba(0,18,28,.46),inset 0 1px rgba(255,255,255,.1)!important;
  color:var(--battle-text)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .17s ease,transform .17s ease,visibility .17s!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics.is-open {
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header span {
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header small {
  color:var(--battle-cyan)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header b {
  color:var(--battle-text)!important;
  font-size:16px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header button {
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--battle-border)!important;
  border-radius:10px!important;
  background:var(--battle-card)!important;
  color:var(--battle-text)!important;
  font-size:21px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button {
  min-width:0!important;
  min-height:112px!important;
  padding:7px 5px!important;
  display:grid!important;
  grid-template-rows:58px auto!important;
  justify-items:center!important;
  align-items:center!important;
  gap:4px!important;
  border:1px solid var(--battle-border)!important;
  border-radius:14px!important;
  background:var(--battle-card)!important;
  color:var(--battle-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button.is-active {
  border-color:var(--battle-cyan)!important;
  background:linear-gradient(150deg,rgba(23,85,98,.98),rgba(8,51,65,.98))!important;
  box-shadow:0 0 0 3px rgba(101,220,246,.12)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i > * {
  width:58px!important;
  height:58px!important;
  display:block!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > span {
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  text-align:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes b {
  color:var(--battle-text)!important;
  font-size:9px!important;
  line-height:1.1!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes small {
  color:var(--battle-muted)!important;
  font-size:7px!important;
  line-height:1.25!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules {
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label {
  min-width:0!important;
  min-height:48px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid var(--battle-border)!important;
  border-radius:12px!important;
  background:rgba(12,55,69,.78)!important;
  color:var(--battle-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input {
  position:relative!important;
  width:38px!important;
  height:22px!important;
  margin:0!important;
  appearance:none!important;
  border:1px solid var(--battle-border)!important;
  border-radius:999px!important;
  background:rgba(2,28,39,.9)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input::after {
  content:''!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#b3cad3!important;
  transform:none!important;
  transition:transform .15s ease,background .15s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input:checked {
  border-color:var(--battle-teal)!important;
  background:rgba(61,172,136,.55)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input:checked::after {
  transform:translateX(16px)!important;
  background:#fff!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules span {
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules b { color:var(--battle-text)!important;font-size:10px!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules small { color:var(--battle-muted)!important;font-size:8px!important;line-height:1.25!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > footer {
  padding-top:8px!important;
  border-top:1px solid var(--battle-border)!important;
  color:var(--battle-muted)!important;
  font-size:8px!important;
  line-height:1.35!important;
  text-align:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  z-index:30!important;
  background:rgba(3,23,31,.52)!important;
  backdrop-filter:blur(3px)!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay[aria-hidden="true"] {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > span b {
  font-size:34px!important;
  letter-spacing:.06em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-asset-loader {
  z-index:46!important;
}

/* Do not let unrelated chat/side panels resize the combat window. */
@supports selector(body:has(*)) {
  @media (min-width:1280px) {
    body.is-battling:has(.chat-panel.is-open:not(.is-minimized)) #battleHud[data-battle-ui="2.9.9"] .battle-shell,
    body.is-battling:has(.side-panel.is-open) #battleHud[data-battle-ui="2.9.9"] .battle-shell {
      left:50%!important;
      right:auto!important;
      width:min(1080px,calc(100vw - 56px))!important;
      min-width:720px!important;
      transform:translate(-50%,-50%)!important;
    }
  }
}

@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-shell {
    width:calc(100vw - 16px)!important;
    height:min(680px,calc(100dvh - 24px))!important;
    min-width:0!important;
    min-height:480px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-status {
    left:8px!important;
    right:8px!important;
    top:8px!important;
    height:44px!important;
    min-height:44px!important;
    padding:4px 5px 4px 9px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-status > span > strong { font-size:13px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-controls { gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-controls > button { width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleHelp { width:32px!important;min-width:32px!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-turn-chip {
    top:58px!important;
    min-width:180px!important;
    min-height:34px!important;
    padding:5px 10px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-health > article {
    top:105px!important;
    width:calc(50% - 16px)!important;
    height:102px!important;
    padding:8px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:22px 9px 17px 17px 12px!important;
    column-gap:8px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health { left:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health { right:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait { width:58px!important;height:58px!important;border-radius:14px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * { width:52px!important;height:52px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article > span b { font-size:12px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article > span small { font-size:9px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-stamina,
  #battleHud[data-battle-ui="2.9.9"] .battle-exp { grid-template-columns:52px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-status-chip b { max-width:92px!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel {
    left:5px!important;
    top:222px!important;
    width:49px!important;
    padding:4px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster {
    width:39px!important;
    grid-template-columns:39px!important;
    grid-template-rows:repeat(6,39px)!important;
    gap:4px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster-slot { width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-portrait,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-empty,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-portrait > *,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-empty > * { width:32px!important;height:32px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleResultArt,
  #battleHud[data-battle-ui="2.9.9"] #battleResultArt > * { width:42px!important;height:42px!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-tactics {
    right:8px!important;
    top:58px!important;
    width:min(366px,calc(100% - 16px))!important;
    max-height:calc(100% - 260px)!important;
  }
}

@media (max-width:620px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-shell {
    width:calc(100vw - 6px)!important;
    height:calc(100dvh - 6px)!important;
    min-height:420px!important;
    border-radius:19px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-stage { border-radius:17px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-status { left:5px!important;right:5px!important;top:5px!important;height:42px!important;min-height:42px!important;border-radius:13px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-status > span > small { font-size:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-status > span > strong { font-size:11px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-controls > button { width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleHelp { width:30px!important;min-width:30px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-turn-chip { top:53px!important;min-width:150px!important;max-width:50%!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-health > article {
    top:96px!important;
    width:calc(50% - 8px)!important;
    height:86px!important;
    padding:6px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:20px 8px 15px 15px 10px!important;
    column-gap:5px!important;
    row-gap:2px!important;
    border-radius:13px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health { left:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health { right:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait { width:44px!important;height:44px!important;border-radius:11px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * { width:40px!important;height:40px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article > span b { font-size:10px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article > span small { font-size:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-stamina,
  #battleHud[data-battle-ui="2.9.9"] .battle-exp { grid-template-columns:36px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-stamina > span,
  #battleHud[data-battle-ui="2.9.9"] .battle-exp > span { font-size:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-statuses { overflow:hidden!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-status-chip { height:15px!important;padding:1px 3px!important;font-size:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-status-chip b { max-width:58px!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel { top:191px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-skill-name { display:none!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-tactics { right:5px!important;top:53px!important;width:calc(100% - 10px)!important;max-height:calc(100% - 236px)!important;padding:9px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button { min-height:90px!important;grid-template-rows:46px auto!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i,
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i > * { width:46px!important;height:46px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes small { display:none!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .battle-shell {
    width:calc(100vw - 10px)!important;
    height:calc(100dvh - 10px)!important;
    min-width:0!important;
    min-height:0!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-health > article { top:72px!important;height:88px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-turn-chip { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel { top:168px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactics { top:66px!important;right:7px!important;width:340px!important;max-height:calc(100% - 76px)!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button { min-height:88px!important;grid-template-rows:44px auto!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i,
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i > * { width:44px!important;height:44px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label { min-height:40px!important;padding:5px 7px!important; }
}

@media (max-width:520px) and (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article {
    top:62px!important;
    height:84px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel {
    display:none!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-tactics {
    right:5px!important;
    width:calc(100% - 10px)!important;
  }
}


/* --------------------------------------------------------------------------
   v2.9.9 canonical combat cockpit
   The command area uses isolated combat-* classes so historical battle CSS
   cannot revive removed controls or change its grid.
   -------------------------------------------------------------------------- */

body.is-battling :is(
  .world-topbar,
  .player-stamina-hud,
  .party-hud,
  .quest-widget,
  #worldMinimapShell,
  .world-rail,
  .desktop-dock,
  .desktop-utility-rail,
  .mobile-dock,
  .chat-panel
) {
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.is-battling .world-shade {
  background:rgba(0,18,28,.16)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck,
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck * {
  box-sizing:border-box;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck {
  position:absolute!important;
  z-index:42!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:10px!important;
  width:min(820px,calc(100% - 112px))!important;
  height:172px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  display:block!important;
  overflow:visible!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(116,211,236,.45)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(5,43,57,.98),rgba(2,24,36,.99) 68%),radial-gradient(circle at 35% 0,rgba(91,215,245,.12),transparent 55%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 0 24px rgba(78,192,222,.035),0 15px 34px rgba(0,14,24,.38)!important;
  color:#f3fbff!important;
  font-family:"Segoe UI Variable",Inter,"Segoe UI",system-ui,sans-serif!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck::before {
  content:'';
  position:absolute;
  inset:3px;
  z-index:-1;
  border:1px solid rgba(90,185,214,.14);
  border-radius:14px;
  pointer-events:none;
}

#battleHud[data-battle-ui="2.9.9"] .combat-live-controls {
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 28px!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 204px!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills-panel,
#battleHud[data-battle-ui="2.9.9"] .combat-items-panel {
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 4px!important;
  display:grid!important;
  grid-template-rows:17px minmax(0,1fr)!important;
  gap:1px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-items-panel {
  padding-left:8px!important;
  border-left:1px solid rgba(110,200,225,.2)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header {
  min-width:0!important;
  height:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  color:#f1fbff!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header b {
  overflow:hidden!important;
  color:#70dff6!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills-shell,
#battleHud[data-battle-ui="2.9.9"] .combat-skills {
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(88px,108px))!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button {
  --combat-ring:color-mix(in srgb,var(--skill-type,#5acbea) 72%,#eafcff 28%);
  --combat-size:76px;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 4px 30px!important;
  display:grid!important;
  place-items:start center!important;
  overflow:visible!important;
  border:1px solid rgba(115,204,229,.22)!important;
  border-radius:13px!important;
  background:linear-gradient(155deg,rgba(18,64,79,.93),rgba(4,30,43,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 6px 14px rgba(0,15,24,.22)!important;
  color:#f4fbff!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button::before {
  content:'';
  position:absolute;
  inset:1px;
  z-index:1;
  border-radius:12px;
  background:linear-gradient(125deg,rgba(255,255,255,.09),transparent 28% 70%,color-mix(in srgb,var(--skill-type,#5acbea) 14%,transparent));
  pointer-events:none;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.kind-ultimate {
  --combat-ring:rgba(255,211,91,.94);
  border-color:rgba(244,197,71,.54)!important;
  background:linear-gradient(160deg,rgba(73,55,16,.96),rgba(16,35,45,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 20px rgba(244,196,66,.1),0 7px 16px rgba(0,15,24,.26)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button:is(:hover,:focus-visible),
#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-previewed {
  z-index:3!important;
  border-color:var(--combat-ring)!important;
  outline:0!important;
  transform:translateY(-2px)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--combat-ring) 15%,transparent),0 12px 22px rgba(0,14,23,.3)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-disabled {
  filter:saturate(.58) brightness(.78)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-no-stamina {
  --combat-ring:rgba(255,153,106,.82);
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-queued {
  border-color:#ffe47d!important;
  box-shadow:0 0 0 3px rgba(255,224,91,.14),0 0 22px rgba(255,216,70,.18)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-art {
  position:relative!important;
  z-index:2!important;
  width:var(--combat-size)!important;
  height:var(--combat-size)!important;
  min-width:var(--combat-size)!important;
  min-height:var(--combat-size)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:4px solid var(--combat-ring)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 42% 34%,rgba(29,91,109,.98),rgba(2,23,35,.98))!important;
  box-shadow:inset 0 0 0 3px rgba(1,18,28,.82),0 0 0 2px rgba(2,22,33,.82),0 6px 16px rgba(0,14,23,.34),0 0 16px color-mix(in srgb,var(--combat-ring) 16%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-art > img,
#battleHud[data-battle-ui="2.9.9"] img.combat-skill-art {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button > kbd,
#battleHud[data-battle-ui="2.9.9"] .combat-item-button > kbd {
  position:absolute!important;
  z-index:8!important;
  left:5px!important;
  top:5px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 4px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(175,230,243,.42)!important;
  border-radius:7px!important;
  background:rgba(1,18,28,.94)!important;
  box-shadow:0 4px 9px rgba(0,10,18,.3)!important;
  color:#f7fdff!important;
  font:950 8px/1 inherit!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-name {
  position:absolute!important;
  z-index:7!important;
  left:4px!important;
  right:4px!important;
  bottom:18px!important;
  overflow:hidden!important;
  color:#f5fbff!important;
  font-size:7.5px!important;
  font-weight:950!important;
  line-height:11px!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tags {
  position:absolute!important;
  z-index:8!important;
  left:3px!important;
  right:3px!important;
  bottom:2px!important;
  height:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag {
  min-width:0!important;
  height:14px!important;
  padding:0 4px 0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:hidden!important;
  border:1px solid rgba(143,209,226,.22)!important;
  border-radius:6px!important;
  background:rgba(1,20,30,.91)!important;
  color:#dff7fd!important;
  font-style:normal!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > span {
  font-size:7px!important;
  line-height:1!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b {
  overflow:hidden!important;
  font-size:5.5px!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-overflow:ellipsis!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag.is-type {
  border-color:color-mix(in srgb,var(--skill-type,#5acbea) 48%,transparent)!important;
  background:color-mix(in srgb,var(--skill-type,#5acbea) 16%,rgba(1,20,30,.94))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag.damage-physical { color:#ffe0b2!important; }
#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag.damage-special { color:#d9c8ff!important; }
#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag.damage-pure { color:#bdf8ff!important; }

#battleHud[data-battle-ui="2.9.9"] .combat-action-button:is(:hover,:focus-visible) .combat-skill-tag,
#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-previewed .combat-skill-tag {
  border-color:color-mix(in srgb,var(--combat-ring) 62%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-cost {
  position:absolute!important;
  z-index:9!important;
  right:5px!important;
  top:62px!important;
  min-width:29px!important;
  height:20px!important;
  padding:2px 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border:1px solid rgba(93,199,226,.28)!important;
  border-radius:9px!important;
  background:rgba(1,17,27,.95)!important;
  color:#70daf6!important;
  font-size:8px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-cost svg {
  width:10px!important;
  height:10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button > em {
  position:absolute!important;
  z-index:10!important;
  right:6px!important;
  top:6px!important;
  min-width:15px!important;
  height:15px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#63d496!important;
  box-shadow:0 0 0 2px rgba(2,23,33,.88)!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button > em:empty {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-ultimate-badge {
  position:absolute!important;
  z-index:9!important;
  right:5px!important;
  top:5px!important;
  padding:3px 5px!important;
  border:1px solid rgba(255,225,132,.42)!important;
  border-radius:6px!important;
  background:rgba(76,51,7,.94)!important;
  color:#ffe48b!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.kind-ultimate > em {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-cooldown {
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:4px!important;
  width:var(--combat-size,48px)!important;
  height:var(--combat-size,48px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(0,11,18,.72) 0 calc(100% - 7px),transparent calc(100% - 6px)),conic-gradient(from 0deg,rgba(4,13,20,.98) var(--cooldown-sweep,0deg),color-mix(in srgb,var(--combat-ring) 30%,rgba(7,37,49,.36)) 0)!important;
  box-shadow:inset 0 0 0 2px rgba(1,13,21,.9),0 0 0 2px color-mix(in srgb,var(--combat-ring) 72%,rgba(1,17,26,.92)),0 0 18px rgba(0,12,20,.45)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .is-cooling > .combat-cooldown {
  opacity:1!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-cooldown > b {
  min-width:34px!important;
  height:26px!important;
  padding:0 5px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid rgba(170,227,241,.22)!important;
  background:rgba(0,13,21,.86)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-just-ready,
#battleHud[data-battle-ui="2.9.9"] .combat-item-button.is-just-ready {
  animation:combat-control-ready .72s ease both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button:active,
#battleHud[data-battle-ui="2.9.9"] .combat-item-button:active {
  transform:translateY(0) scale(.96)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-queued .combat-skill-art {
  animation:combat-skill-queued 1.05s ease-in-out infinite alternate!important;
}

@keyframes combat-skill-queued {
  from { filter:brightness(1);box-shadow:inset 0 0 0 3px rgba(1,18,28,.82),0 0 0 2px rgba(2,22,33,.82),0 5px 14px rgba(0,14,23,.3),0 0 12px rgba(255,216,70,.12); }
  to { filter:brightness(1.14);box-shadow:inset 0 0 0 3px rgba(1,18,28,.82),0 0 0 3px rgba(255,222,91,.72),0 6px 16px rgba(0,14,23,.34),0 0 24px rgba(255,216,70,.32); }
}

@keyframes combat-control-ready {
  0% { box-shadow:0 0 0 0 rgba(105,225,183,.56);filter:brightness(1); }
  42% { box-shadow:0 0 0 6px rgba(105,225,183,.16),0 0 26px rgba(105,225,183,.3);filter:brightness(1.18); }
  100% { box-shadow:0 0 0 0 transparent;filter:brightness(1); }
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-grid {
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,58px)!important;
  grid-template-rows:repeat(2,48px)!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px 6px!important;
  list-style:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button {
  --combat-size:40px;
  position:relative!important;
  width:58px!important;
  height:48px!important;
  min-width:58px!important;
  min-height:48px!important;
  margin:0!important;
  padding:4px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:1px solid rgba(107,199,224,.22)!important;
  border-radius:11px!important;
  background:linear-gradient(155deg,rgba(16,59,73,.94),rgba(4,31,44,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 6px 13px rgba(0,15,24,.22)!important;
  color:#f4fbff!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button:is(:hover,:focus-visible) {
  z-index:4!important;
  border-color:#72dbf4!important;
  outline:0!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 3px rgba(105,216,244,.11),0 9px 18px rgba(0,14,23,.28)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button.is-ready {
  border-color:rgba(99,220,170,.5)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button.is-disabled {
  filter:saturate(.42) brightness(.72)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child {
  position:relative!important;
  z-index:2!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(110,209,235,.28)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 45% 36%,rgba(28,83,101,.94),rgba(2,24,36,.97))!important;
  box-shadow:inset 0 0 0 2px rgba(1,18,28,.6)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted {
  width:38px!important;
  height:38px!important;
  display:block!important;
  background-image:var(--battle-quick-item-atlas)!important;
  background-repeat:no-repeat!important;
  background-size:300% 200%!important;
  filter:drop-shadow(0 3px 4px rgba(0,11,18,.28))!important;
}

#battleHud[data-battle-ui="2.9.9"] svg.combat-item-art {
  width:38px!important;
  height:38px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted.is-potion { background-position:0 0!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted.is-super-potion { background-position:50% 0!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted.is-full-heal { background-position:100% 0!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted.is-energy-tonic { background-position:0 100%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted.is-guard-tonic { background-position:50% 100%!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted.is-slow-orb { background-position:100% 100%!important; }

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > kbd {
  left:-3px!important;
  top:-3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > b {
  position:absolute!important;
  z-index:10!important;
  right:-3px!important;
  bottom:-3px!important;
  min-width:23px!important;
  height:18px!important;
  padding:0 4px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(112,210,235,.28)!important;
  border-radius:8px!important;
  background:rgba(1,17,27,.96)!important;
  color:#effbff!important;
  font-size:8px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown {
  top:4px!important;
  width:40px!important;
  height:40px!important;
  background:radial-gradient(circle,rgba(0,11,18,.7) 0 calc(100% - 5px),transparent calc(100% - 4px)),conic-gradient(from 0deg,rgba(4,13,20,.98) var(--cooldown-sweep,0deg),rgba(92,208,235,.28) 0)!important;
  box-shadow:inset 0 0 0 1px rgba(1,16,25,.78),0 0 0 2px rgba(89,200,227,.62)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown > b {
  min-width:28px!important;
  height:22px!important;
  font-size:11px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button::after {
  content:attr(data-tooltip);
  position:absolute;
  z-index:30;
  left:50%;
  bottom:calc(100% + 8px);
  width:max-content;
  max-width:220px;
  padding:6px 8px;
  transform:translate(-50%,4px);
  border:1px solid rgba(115,211,236,.32);
  border-radius:8px;
  background:rgba(1,21,32,.97);
  box-shadow:0 8px 20px rgba(0,12,20,.35);
  color:#eaf9fd;
  font-size:7px;
  font-weight:800;
  line-height:1.35;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button:is(:hover,:focus-visible)::after {
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row {
  width:100%!important;
  height:28px!important;
  min-width:0!important;
  margin:0!important;
  padding:3px 7px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:center!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(108,198,223,.17)!important;
  border-radius:11px!important;
  background:rgba(2,25,37,.8)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy {
  width:min(620px,100%)!important;
  min-width:0!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy small {
  color:#63d7f4!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy b {
  color:#eefbff!important;
  font-size:8px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i {
  position:relative!important;
  height:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(114,211,237,.26)!important;
  border-radius:5px!important;
  background:#061d2a!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.36)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i::after {
  content:'';
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(1,16,25,.56) 18px 20px);
  pointer-events:none;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em {
  display:block!important;
  width:0;
  height:100%!important;
  border-radius:4px!important;
  background:linear-gradient(90deg,#299ed7,#5bd9f4)!important;
  box-shadow:0 0 12px rgba(71,196,238,.34)!important;
  transition:width .24s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row > p {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row > ol {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview {
  position:absolute!important;
  z-index:70!important;
  left:50%!important;
  bottom:calc(100% + 8px)!important;
  width:min(430px,calc(100% - 80px))!important;
  min-height:72px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  transform:translate(-50%,8px) scale(.98)!important;
  border:1px solid rgba(120,214,238,.38)!important;
  border-radius:14px!important;
  background:linear-gradient(150deg,rgba(5,42,56,.985),rgba(2,25,37,.99))!important;
  box-shadow:0 15px 36px rgba(0,13,22,.44)!important;
  color:#f2fbff!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview.is-open {
  transform:translate(-50%,0) scale(1)!important;
  opacity:1!important;
  visibility:visible!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-preview-art {
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:2px solid rgba(106,211,238,.56)!important;
  border-radius:50%!important;
  background:#082b3b!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-preview-art > img {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview > div {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:2px 8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview small {
  color:#64d7f4!important;
  font-size:7px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview b {
  color:#f3fbff!important;
  font-size:12px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview p {
  grid-column:1/-1!important;
  margin:0!important;
  overflow:hidden!important;
  color:#b8d0d8!important;
  font-size:7px!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview em {
  grid-column:1/-1!important;
  color:#81aebb!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

/* Result and capture reuse the same outer deck, never a second panel. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  width:min(850px,calc(100% - 110px))!important;
  height:204px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision {
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 214px!important;
  gap:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card {
  min-width:0!important;
  min-height:0!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-rows:52px 15px minmax(0,1fr) 19px!important;
  gap:3px!important;
  overflow:hidden!important;
  border:1px solid rgba(112,208,233,.2)!important;
  border-radius:14px!important;
  background:linear-gradient(150deg,rgba(12,53,67,.76),rgba(5,33,46,.82))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleResultArt,
#battleHud[data-battle-ui="2.9.9"] .combat-result-art {
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header > span {
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header small {
  color:#67d8f4!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b {
  color:#f5fbff!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header em {
  overflow:hidden!important;
  color:#a9c8d2!important;
  font-size:7px!important;
  font-style:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-divider {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#6ed8f2!important;
  font-size:6px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-divider > i {
  flex:1!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(107,211,236,.4),transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list {
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message {
  min-width:0!important;
  height:55px!important;
  padding:5px 6px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  border:1px solid rgba(112,205,230,.18)!important;
  border-radius:11px!important;
  background:rgba(3,30,42,.68)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message {
  grid-column:1/-1!important;
  grid-template-columns:40px minmax(0,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-art,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message-art {
  width:38px!important;
  height:38px!important;
  display:block!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > span,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message > span {
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item small,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message small {
  overflow:hidden!important;
  color:#80adbb!important;
  font-size:5.5px!important;
  font-weight:850!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item b,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message b {
  overflow:hidden!important;
  color:#edfaff!important;
  font-size:7px!important;
  font-weight:900!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong {
  color:#79e0fb!important;
  font-size:8px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-reward-item {
  animation:combat-reward-enter .48s cubic-bezier(.2,.78,.2,1) calc(var(--reward-index,0) * 140ms + 180ms) both!important;
}

@keyframes combat-reward-enter {
  from { opacity:0;transform:translateY(10px) scale(.96);filter:blur(3px); }
  to { opacity:1;transform:none;filter:none; }
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#8eb5c1!important;
  font-size:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus :is(span,b) {
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions {
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button {
  min-width:0!important;
  min-height:0!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(109,208,233,.3)!important;
  border-radius:13px!important;
  background:linear-gradient(150deg,rgba(16,64,79,.92),rgba(5,34,47,.96))!important;
  color:#f3fbff!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button:is(:hover,:focus-visible) {
  border-color:#72dcf4!important;
  outline:0!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 3px rgba(105,216,244,.11),0 10px 20px rgba(0,14,23,.28)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button:disabled {
  opacity:.46!important;
  filter:saturate(.45)!important;
  cursor:not-allowed!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-button-art {
  width:46px!important;
  height:46px!important;
  display:block!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button > span {
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions small {
  color:#70d9f4!important;
  font-size:6px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions b {
  overflow:hidden!important;
  color:#f4fbff!important;
  font-size:9px!important;
  font-weight:950!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="capture"] {
  width:min(790px,calc(100% - 110px))!important;
  height:112px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-panel {
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:5px!important;
  display:grid!important;
  grid-template-columns:178px minmax(0,1fr) 132px!important;
  align-items:center!important;
  gap:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-copy {
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-copy small {
  color:#6ed9f4!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-copy b {
  color:#f4fbff!important;
  font-size:12px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-copy em {
  overflow:hidden!important;
  color:#93b8c4!important;
  font-size:7px!important;
  font-style:normal!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls > button {
  position:relative!important;
  width:70px!important;
  height:76px!important;
  min-width:70px!important;
  padding:5px!important;
  display:grid!important;
  grid-template-rows:42px 12px 10px!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(112,205,231,.2)!important;
  border-radius:12px!important;
  background:rgba(9,48,62,.82)!important;
  color:#effaff!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls > button.is-selected {
  border-color:#72dcf4!important;
  box-shadow:0 0 0 3px rgba(105,216,244,.12)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls .capture-ball-icon {
  width:40px!important;
  height:40px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls b {
  max-width:100%!important;
  overflow:hidden!important;
  font-size:7px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls small {
  color:#71d8f3!important;
  font-size:7px!important;
  font-weight:900!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls .capture-empty {
  color:#a8c4ce!important;
  font-size:8px!important;
  text-align:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-cancel {
  height:44px!important;
  min-height:44px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,126,118,.4)!important;
  border-radius:11px!important;
  background:rgba(82,39,45,.84)!important;
  color:#ffd9d5!important;
  font-size:8px!important;
  font-weight:950!important;
}

/* Tablet */
@media (max-width:960px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck {
    width:min(800px,calc(100% - 92px))!important;
    height:172px!important;
    bottom:7px!important;
    padding:6px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(0,1fr) 198px!important;gap:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills-panel { padding:0 4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-items-panel { padding:0 3px 0 8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(76px,104px))!important;gap:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:72px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:58px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid { grid-template-columns:repeat(3,55px)!important;gap:4px 5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button { width:55px!important;min-width:55px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:calc(100% - 88px)!important;height:196px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="capture"] { width:calc(100% - 88px)!important;height:108px!important; }
}

/* Phone */
@media (max-width:700px) {
  body.is-battling :is(.world-topbar,.player-stamina-hud,.party-hud,.quest-widget,#worldMinimapShell,.world-rail,.desktop-dock,.desktop-utility-rail,.mobile-dock,.chat-panel) {
    display:none!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck {
    width:calc(100% - 8px)!important;
    height:228px!important;
    bottom:4px!important;
    padding:5px!important;
    border-radius:16px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .combat-live-controls { grid-template-rows:minmax(0,1fr) 28px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:1fr!important;grid-template-rows:120px 64px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) { padding:0 3px!important;grid-template-rows:15px minmax(0,1fr)!important;gap:1px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-items-panel { border-top:1px solid rgba(110,200,225,.18)!important;border-left:0!important; }
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header { height:15px!important; }
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header b { font-size:6.5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(66px,88px))!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:61px;padding:3px 3px 28px!important;border-radius:12px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:49px!important;right:2px!important;height:18px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-name { bottom:17px!important;font-size:6.5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tags { bottom:2px!important;height:13px!important;gap:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag { height:13px!important;padding:0 3px 0 1px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b { font-size:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button > kbd { left:3px!important;top:3px!important;min-width:18px!important;height:18px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-ultimate-badge { right:3px!important;top:3px!important;padding:2px 3px!important; }

  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid { grid-template-columns:repeat(6,minmax(43px,52px))!important;grid-template-rows:48px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button { --combat-size:42px;width:100%!important;height:48px!important;min-width:0!important;min-height:48px!important;padding:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child { width:42px!important;height:42px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-quick-painted { width:39px!important;height:39px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown { top:3px!important;width:42px!important;height:42px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > kbd { left:-2px!important;top:-2px!important;min-width:17px!important;height:17px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-resource-row { height:28px!important;grid-template-columns:1fr!important;padding:3px 6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy { grid-template-columns:82px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-preview { bottom:calc(100% + 5px)!important;width:calc(100% - 12px)!important; }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel {
    left:5px!important;
    right:5px!important;
    top:190px!important;
    width:auto!important;
    height:48px!important;
    padding:3px 5px!important;
    display:block!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel > header,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-panel > p { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-roster {
    width:100%!important;
    height:40px!important;
    display:grid!important;
    grid-template-columns:repeat(6,40px)!important;
    grid-template-rows:40px!important;
    justify-content:center!important;
    gap:5px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-slot { width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-portrait,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-empty,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-portrait > *,
  #battleHud[data-battle-ui="2.9.9"] .battle-roster-empty > * { width:33px!important;height:33px!important; }

  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:calc(100% - 8px)!important;height:260px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision { grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 54px!important;gap:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { grid-template-rows:44px 13px minmax(0,1fr) 17px!important;padding:5px 7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header { grid-template-columns:38px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleResultArt,
  #battleHud[data-battle-ui="2.9.9"] .combat-result-art { width:38px!important;height:38px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b { font-size:15px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list { gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-item { height:49px!important;padding:3px!important;grid-template-columns:32px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong { grid-column:2!important;font-size:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-art { width:32px!important;height:32px!important;grid-row:1/3!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision-actions { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:54px!important;gap:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button { padding:4px 6px!important;grid-template-columns:36px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision-button-art { width:36px!important;height:36px!important; }

  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="capture"] { width:calc(100% - 8px)!important;height:152px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-capture-panel { grid-template-columns:1fr 110px!important;grid-template-rows:34px minmax(0,1fr)!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-capture-copy { grid-column:1/-1!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:baseline!important;gap:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-capture-copy b { font-size:10px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-capture-balls { justify-content:flex-start!important;overflow-x:auto!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-capture-balls > button { width:58px!important;height:82px!important;min-width:58px!important; }
}

@media (max-width:360px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(61px,78px))!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:57px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:45px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid { grid-template-columns:repeat(6,42px)!important;gap:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > b { right:-1px!important; }
}

/* Short desktop/tablet landscape */
@media (min-width:701px) and (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck {
    width:min(780px,calc(100% - 126px))!important;
    height:146px!important;
    bottom:4px!important;
    padding:5px!important;
    border-radius:16px!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .combat-live-controls { grid-template-rows:minmax(0,1fr) 24px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(0,1fr) 190px!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) { grid-template-rows:15px minmax(0,1fr)!important;padding:0 3px!important;gap:1px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-items-panel { padding-left:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header { height:15px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(66px,88px))!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:60px;padding:2px 3px 27px!important;border-radius:11px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:48px!important;right:2px!important;height:17px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-name { bottom:16px!important;font-size:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tags { bottom:1px!important;height:13px!important;gap:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag { height:13px!important;padding:0 2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b { font-size:4.7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button > kbd { left:2px!important;top:2px!important;min-width:17px!important;height:17px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-ultimate-badge { top:2px!important;right:2px!important;padding:2px 3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid { grid-template-columns:repeat(3,52px)!important;grid-template-rows:repeat(2,39px)!important;gap:3px 5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button { --combat-size:37px;width:52px!important;height:39px!important;min-width:52px!important;min-height:39px!important;padding:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child { width:37px!important;height:37px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-quick-painted { width:35px!important;height:35px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown { top:3px!important;width:37px!important;height:37px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > kbd { min-width:16px!important;height:16px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-resource-row { height:24px!important;padding:2px 5px!important;grid-template-columns:1fr!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy { grid-template-columns:82px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > i { height:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-preview { bottom:calc(100% + 5px)!important;min-height:64px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:min(780px,calc(100% - 126px))!important;height:158px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="capture"] { width:min(730px,calc(100% - 126px))!important;height:94px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-command-deck,.combat-command-deck *) {
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }

  #battleHud[data-battle-ui="2.9.9"] .combat-reward-item {
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* --------------------------------------------------------------------------
   v2.9.9 battle polish — four-skill combat, quiet top actions, bright arena.
   These scoped rules are deliberately last so legacy battle sheets cannot
   stretch the header or revive the removed basic-attack presentation.
   -------------------------------------------------------------------------- */

body.is-battling .world-shade {
  background:transparent!important;
}

#battleHud[data-battle-ui="2.9.9"] {
  background:transparent!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stage::before,
#battleHud[data-battle-ui="2.9.9"] .battle-stage::after {
  background:transparent!important;
  box-shadow:inset 0 0 0 1px rgba(221,249,255,.18)!important;
}

/* Only the three battle actions live at the top; there is no spanning bar. */
#battleHud[data-battle-ui="2.9.9"] .battle-status {
  left:auto!important;
  right:12px!important;
  top:10px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls {
  padding:0!important;
  gap:7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button {
  position:relative!important;
  width:auto!important;
  min-width:76px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 11px!important;
  gap:6px!important;
  overflow:hidden!important;
  border:1px solid rgba(120,220,244,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(10,58,73,.93),rgba(3,31,44,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 18px rgba(0,19,29,.22)!important;
  font-size:7px!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(8px)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button::before {
  content:''!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:10px!important;
  background:linear-gradient(125deg,rgba(255,255,255,.1),transparent 34% 70%,rgba(79,210,242,.08))!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button:is(:hover,:focus-visible) {
  border-color:rgba(122,226,250,.78)!important;
  outline:0!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 3px rgba(89,213,242,.1),0 11px 23px rgba(0,17,27,.3)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button > b {
  display:block!important;
  color:inherit!important;
  font-size:7px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button > i,
#battleHud[data-battle-ui="2.9.9"] .battle-controls > button > svg {
  position:relative!important;
  z-index:1!important;
  width:17px!important;
  height:17px!important;
  color:#82e3f8!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-controls > button > b {
  position:relative!important;
  z-index:1!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  min-width:82px!important;
  border-color:rgba(255,133,123,.48)!important;
  background:linear-gradient(155deg,rgba(112,48,55,.9),rgba(51,30,40,.96))!important;
  color:#ffe7e3!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle > :is(i,svg) {
  color:#ffaaa1!important;
}

#battleHud[data-battle-ui="2.9.9"] #pauseBattle.is-active {
  border-color:rgba(250,205,87,.62)!important;
  background:linear-gradient(155deg,rgba(89,69,27,.93),rgba(39,35,34,.96))!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle.is-active {
  border-color:rgba(94,224,183,.66)!important;
  background:linear-gradient(155deg,rgba(25,91,77,.94),rgba(4,39,48,.96))!important;
}

/* Encounter identity now sits between the two combatant cards. */
#battleHud[data-battle-ui="2.9.9"] .battle-versus-card {
  position:absolute!important;
  z-index:13!important;
  left:50%!important;
  top:78px!important;
  width:220px!important;
  min-height:78px!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-rows:13px auto 18px!important;
  justify-items:center!important;
  align-content:center!important;
  gap:3px!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(126,220,241,.3)!important;
  border-radius:15px!important;
  background:linear-gradient(150deg,rgba(6,45,58,.88),rgba(3,27,39,.9))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 21px rgba(0,22,32,.2)!important;
  color:var(--battle-text)!important;
  text-align:center!important;
  backdrop-filter:blur(8px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > small {
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--battle-cyan)!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > small :is(i,svg) {
  width:12px!important;
  height:12px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > strong {
  width:100%!important;
  overflow:hidden!important;
  color:#f6fcff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > span {
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 31px 1fr!important;
  align-items:center!important;
  gap:7px!important;
  color:#ffe387!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > span > i {
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(108,219,244,.65))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > span > i:last-child {
  background:linear-gradient(90deg,rgba(108,219,244,.65),transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > span > b {
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > em {
  position:absolute!important;
  left:50%!important;
  bottom:-7px!important;
  padding:3px 7px!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(115,213,237,.28)!important;
  border-radius:999px!important;
  background:rgba(2,25,36,.95)!important;
  color:#9adff0!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}

/* Combatant cards: identity, types and every resource have their own row. */
#battleHud[data-battle-ui="2.9.9"] .battle-health > article {
  --fighter-hp:#56df8d;
  top:66px!important;
  width:350px!important;
  height:154px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  grid-template-rows:32px 24px 24px 29px 17px!important;
  column-gap:11px!important;
  row-gap:2px!important;
  overflow:hidden!important;
  border-color:color-mix(in srgb,var(--fighter-accent) 36%,rgba(126,220,241,.28))!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,rgba(6,47,60,.95),rgba(3,28,41,.965))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 0 30px rgba(74,192,221,.035),0 11px 27px rgba(0,21,32,.26)!important;
  backdrop-filter:blur(10px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health { left:22px!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health { right:22px!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-health > article::after {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(118deg,rgba(255,255,255,.055),transparent 32% 72%,color-mix(in srgb,var(--fighter-accent) 8%,transparent))!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait {
  grid-column:1!important;
  grid-row:1/4!important;
  width:78px!important;
  height:78px!important;
  border-width:2px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f4fcfd,#dff4f3)!important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.56),0 6px 15px rgba(0,18,29,.26)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,
#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * {
  width:70px!important;
  height:70px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity {
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:grid!important;
  grid-template-rows:17px 14px!important;
  gap:1px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header > b {
  min-width:0!important;
  overflow:hidden!important;
  color:#f7fcff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header > em {
  flex:none!important;
  min-width:42px!important;
  height:16px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(126,218,240,.24)!important;
  border-radius:6px!important;
  background:rgba(3,27,39,.74)!important;
  color:#c9e8f0!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types,
#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-list {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge {
  width:auto!important;
  height:13px!important;
  min-height:13px!important;
  padding:0 5px 0 3px!important;
  gap:3px!important;
  border:1px solid color-mix(in srgb,var(--type-color) 58%,rgba(255,255,255,.25))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--type-color) 22%,rgba(3,25,36,.9))!important;
  color:#eefbff!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge img {
  width:9px!important;
  height:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge b {
  font-size:5.5px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital {
  grid-column:2!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:11px 9px!important;
  align-items:center!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital-hp { grid-row:2!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy { grid-row:3!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:11px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:4px!important;
  color:#a9cbd5!important;
  font-size:6.5px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.04em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span :is(i,svg) {
  width:10px!important;
  height:10px!important;
  color:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital-hp > span :is(i,svg),
#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital-hp > span > b {
  color:var(--fighter-hp)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span > :is(strong,small) {
  color:#edfaff!important;
  font-size:7.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article .battle-hp-bar,
#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy > i {
  grid-column:auto!important;
  grid-row:auto!important;
  position:relative!important;
  width:100%!important;
  height:8px!important;
  overflow:hidden!important;
  border:1px solid rgba(190,237,246,.1)!important;
  border-radius:999px!important;
  background:rgba(1,19,29,.86)!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.38)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article .battle-hp-bar > em {
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#31bd6c,var(--fighter-hp) 68%,#91f2ad)!important;
  box-shadow:0 0 10px rgba(83,226,140,.22)!important;
  transition:width .28s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy > i > em {
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#258dca,#58d7f5)!important;
  box-shadow:0 0 10px rgba(79,207,240,.22)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area {
  grid-column:1/-1!important;
  grid-row:4!important;
  min-width:0!important;
  height:27px!important;
  padding:3px 5px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  border:1px solid rgba(114,207,231,.14)!important;
  border-radius:9px!important;
  background:rgba(2,24,35,.62)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area > small {
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#79cfe3!important;
  font-size:5.5px!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area > small > i,
#battleHud[data-battle-ui="2.9.9"] .battle-status-empty > i {
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#64d8f3!important;
  box-shadow:0 0 7px rgba(93,218,246,.5)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-statuses {
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-empty {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#718f9a!important;
  font-size:5.5px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-empty > i {
  background:#6f8d97!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip {
  flex:none!important;
  max-width:205px!important;
  height:19px!important;
  padding:2px 5px!important;
  border-radius:6px!important;
  font-size:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip svg {
  width:11px!important;
  height:11px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp {
  grid-column:1/-1!important;
  grid-row:5!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:91px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > span {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:11px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:3px!important;
  color:#a999f7!important;
  font-size:5.5px!important;
  font-weight:950!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > span :is(i,svg) {
  width:10px!important;
  height:10px!important;
  color:#b8a2ff!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > span > small {
  color:#d9d2ff!important;
  font-size:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > i {
  width:100%!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(1,19,29,.82)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > i > em {
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#826ef0,#d09aff)!important;
}

#battleHud[data-battle-ui="2.9.9"] .enemy-health .battle-card-status-area {
  grid-row:4/6!important;
  height:48px!important;
}

#battleHud[data-battle-ui="2.9.9"] .enemy-health.is-capturable .battle-card-status-area {
  border-color:rgba(246,203,88,.44)!important;
  background:rgba(63,48,13,.62)!important;
}

/* A compact cockpit: the skill artwork remains large, empty panel width does not. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck {
  width:min(720px,calc(100% - 118px))!important;
  height:168px!important;
  bottom:10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  grid-template-columns:minmax(0,1fr) 184px!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-items-panel {
  padding-left:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills {
  grid-template-columns:repeat(4,minmax(88px,100px))!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-grid {
  grid-template-columns:repeat(3,52px)!important;
  grid-template-rows:repeat(2,46px)!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button {
  width:52px!important;
  min-width:52px!important;
  height:46px!important;
  min-height:46px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-cooldown {
  border:2px solid color-mix(in srgb,var(--combat-ring) 74%,#dffaff 26%)!important;
  box-shadow:inset 0 0 0 3px rgba(1,13,21,.9),0 0 0 3px color-mix(in srgb,var(--combat-ring) 62%,rgba(1,17,26,.92)),0 0 22px rgba(0,12,20,.48)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown {
  border-width:2px!important;
  box-shadow:inset 0 0 0 2px rgba(1,16,25,.82),0 0 0 3px rgba(89,200,227,.68)!important;
}

/* Two clear tactics modes; help is available inside this panel, not top HUD. */
#battleHud[data-battle-ui="2.9.9"] .battle-tactics {
  top:58px!important;
  right:12px!important;
  width:334px!important;
  max-height:calc(100% - 92px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header > nav {
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header button {
  font-size:15px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button {
  min-height:104px!important;
}

/* Asset preparation uses a versus seal, not a bouncing Poké Ball. */
#battleHud[data-battle-ui="2.9.9"] .battle-asset-loader {
  width:min(390px,calc(100% - 32px))!important;
  min-height:96px!important;
  padding:14px 16px!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:14px!important;
  border:1px solid rgba(132,226,248,.46)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(6,49,64,.96),rgba(2,27,39,.97))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 54px rgba(0,17,27,.36)!important;
  backdrop-filter:blur(12px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem {
  position:relative!important;
  width:62px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid rgba(120,222,246,.55)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(39,112,133,.6),rgba(3,28,40,.96) 68%)!important;
  color:#ffe17c!important;
  box-shadow:inset 0 0 0 5px rgba(5,33,45,.9),0 0 22px rgba(90,212,242,.24)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem::before,
#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem::after {
  content:''!important;
  position:absolute!important;
  inset:-6px!important;
  border:2px solid transparent!important;
  border-top-color:#66dbf4!important;
  border-right-color:rgba(255,220,105,.72)!important;
  border-radius:50%!important;
  animation:battle-versus-orbit 1.35s linear infinite!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem::after {
  inset:6px!important;
  animation-direction:reverse!important;
  animation-duration:.9s!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem > b {
  position:relative!important;
  z-index:2!important;
  font-size:14px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem > i {
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#70def5!important;
  box-shadow:0 0 10px currentColor!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem > i:first-child { left:9px!important;top:27px!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem > i:last-child { right:9px!important;top:27px!important;background:#ffe27c!important; }

@keyframes battle-versus-orbit { to { transform:rotate(1turn); } }

#battleHud[data-battle-ui="2.9.9"] .battle-intro {
  z-index:10!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-intro::before {
  left:50%!important;
  right:auto!important;
  top:48%!important;
  width:min(520px,72%)!important;
  height:116px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(120,220,243,.26)!important;
  border-radius:24px!important;
  background:linear-gradient(90deg,rgba(3,30,42,.12),rgba(3,35,47,.74) 18% 82%,rgba(3,30,42,.12))!important;
  box-shadow:0 14px 35px rgba(0,24,34,.16)!important;
  backdrop-filter:blur(4px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-intro-mark {
  position:relative!important;
  z-index:2!important;
  width:68px!important;
  height:68px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid #6cdef5!important;
  border-radius:18px!important;
  background:rgba(4,39,52,.9)!important;
  color:#ffe07b!important;
  box-shadow:inset 0 0 0 4px rgba(3,25,36,.68),0 0 20px rgba(99,219,245,.22)!important;
  transform:rotate(45deg)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-intro-mark > b {
  font-size:15px!important;
  font-weight:1000!important;
  transform:rotate(-45deg)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-intro-mark > i { display:none!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-intro > span:last-child {
  z-index:2!important;
  min-width:250px!important;
  text-align:left!important;
  text-shadow:0 3px 12px rgba(0,18,28,.6)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-intro strong {
  font-size:clamp(25px,3vw,40px)!important;
}

/* Explicit, reversible surrender confirmation. */
#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm {
  position:absolute!important;
  inset:0!important;
  z-index:1000!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  background:rgba(2,20,29,.24)!important;
  backdrop-filter:blur(3px)!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm > article {
  width:min(420px,calc(100% - 24px))!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  border:1px solid rgba(255,137,127,.46)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(49,34,43,.98),rgba(4,29,41,.99))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 22px 60px rgba(0,13,22,.5)!important;
  color:var(--battle-text)!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm > article > :is(i,svg) {
  width:46px!important;
  height:46px!important;
  padding:9px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,137,127,.4)!important;
  border-radius:14px!important;
  background:rgba(116,48,54,.34)!important;
  color:#ff9a90!important;
  box-sizing:border-box!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm > article > i > svg {
  width:100%!important;
  height:100%!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm span {
  display:grid!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm small { color:#ff9c92!important;font-size:7px!important;font-weight:950!important;letter-spacing:.08em!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm b { font-size:18px!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm p { margin:0!important;color:#bcd3dc!important;font-size:9px!important;line-height:1.45!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm footer {
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm footer > button {
  position:relative!important;
  z-index:2!important;
  min-height:40px!important;
  border:1px solid rgba(111,211,236,.3)!important;
  border-radius:11px!important;
  background:rgba(13,58,72,.9)!important;
  color:#effbff!important;
  font-size:8px!important;
  font-weight:950!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

#battleHud[data-battle-ui="2.9.9"] #confirmSurrender {
  border-color:rgba(255,130,121,.46)!important;
  background:rgba(112,46,52,.8)!important;
  color:#ffe5e2!important;
}

/* Result/capture are isolated states: no roster or live command controls. */
#battleHud[data-battle-ui="2.9.9"]:is([data-phase="decision"],[data-phase="capture"],[data-phase="result"],[data-phase="complete"]) .battle-roster-panel,
#battleHud[data-battle-ui="2.9.9"]:is([data-phase="decision"],[data-phase="capture"],[data-phase="result"],[data-phase="complete"]) .combat-live-controls {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"][data-phase="decision"] .enemy-health {
  animation:battle-stunned-card 1.6s ease-in-out infinite!important;
}

@keyframes battle-stunned-card {
  50% { box-shadow:0 0 0 4px rgba(247,208,83,.14),0 0 30px rgba(247,208,83,.28),0 10px 26px rgba(0,24,36,.25); }
}

/* Cinematic result stage: large outcome, staged rewards, always-live actions. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  bottom:14px!important;
  width:min(820px,calc(100% - 74px))!important;
  height:352px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  height:286px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"]::before,
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"]::before {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision {
  --outcome-accent:#f5cc5d;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) 66px!important;
  gap:10px!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result {
  grid-template-rows:minmax(0,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="defeat"] { --outcome-accent:#ff8178; }
#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="draw"] { --outcome-accent:#a8b8c4; }
#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="capture"] { --outcome-accent:#71e0b1; }

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card {
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  min-height:0!important;
  padding:17px 21px 13px!important;
  display:grid!important;
  grid-template-rows:94px 18px minmax(78px,1fr) 20px!important;
  gap:5px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--outcome-accent) 30%,rgba(112,208,233,.32))!important;
  border-radius:25px!important;
  background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--outcome-accent) 16%,transparent),transparent 38%),linear-gradient(150deg,rgba(8,52,65,.94),rgba(2,25,37,.965) 72%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 0 34px rgba(80,207,235,.035),0 24px 55px rgba(0,14,23,.38)!important;
  pointer-events:none!important;
  backdrop-filter:blur(11px) saturate(1.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card::before {
  content:''!important;
  position:absolute!important;
  left:-60px!important;
  top:-105px!important;
  width:300px!important;
  height:300px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--outcome-accent) 17%,transparent),transparent 66%)!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header {
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:15px!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleResultArt,
#battleHud[data-battle-ui="2.9.9"] .combat-result-art {
  position:relative!important;
  width:86px!important;
  height:86px!important;
  display:grid!important;
  place-items:center!important;
  filter:drop-shadow(0 0 18px color-mix(in srgb,var(--outcome-accent) 42%,transparent))!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleResultArt::after {
  content:''!important;
  position:absolute!important;
  inset:5px!important;
  z-index:-1!important;
  border:1px solid color-mix(in srgb,var(--outcome-accent) 58%,transparent)!important;
  border-radius:50%!important;
  box-shadow:0 0 28px color-mix(in srgb,var(--outcome-accent) 22%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header > span {
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header small {
  color:color-mix(in srgb,var(--outcome-accent) 76%,#dff8ff 24%)!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.18em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b {
  color:#fffdf2!important;
  font-family:"Segoe UI Variable Display","Segoe UI Variable",Inter,"Segoe UI",system-ui,sans-serif!important;
  font-size:36px!important;
  font-weight:1000!important;
  line-height:.96!important;
  letter-spacing:.045em!important;
  text-shadow:0 5px 20px rgba(0,17,25,.42),0 0 22px color-mix(in srgb,var(--outcome-accent) 18%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header em {
  overflow:hidden!important;
  color:#c0d9e1!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-divider {
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#8edced!important;
  font-size:6.5px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-divider > i {
  flex:1!important;
  height:1px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--outcome-accent) 52%,rgba(107,211,236,.38)),transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list {
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:minmax(78px,1fr)!important;
  align-items:stretch!important;
  gap:8px!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message {
  position:relative!important;
  min-width:0!important;
  height:auto!important;
  min-height:78px!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;
  align-items:center!important;
  gap:4px 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(125,217,239,.2)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(14,58,72,.84),rgba(3,28,40,.88))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item::after {
  content:''!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--outcome-accent),transparent)!important;
  opacity:.45!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message {
  grid-column:1/-1!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-art,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message-art {
  grid-column:1!important;
  grid-row:1/3!important;
  width:54px!important;
  height:54px!important;
  display:block!important;
  filter:drop-shadow(0 5px 10px rgba(0,14,23,.34))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > span,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message > span {
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item small,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message small {
  overflow:hidden!important;
  color:#86afbb!important;
  font-size:6px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item b,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message b {
  overflow:hidden!important;
  color:#f0fbff!important;
  font-size:9px!important;
  font-weight:950!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong {
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  color:color-mix(in srgb,var(--outcome-accent) 70%,#a8efff 30%)!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus {
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#8fb8c3!important;
  font-size:6.5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions {
  position:relative!important;
  z-index:8!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  gap:9px!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button {
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  min-height:66px!important;
  padding:7px 14px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(111,216,241,.42)!important;
  border-radius:16px!important;
  background:linear-gradient(150deg,rgba(18,73,88,.97),rgba(4,35,48,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,14,23,.34)!important;
  color:#f3fbff!important;
  text-align:left!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button::before {
  content:''!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:14px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 36% 70%,rgba(80,211,241,.08))!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button:is(:hover,:focus-visible) {
  z-index:3!important;
  border-color:#79e2fa!important;
  outline:0!important;
  transform:translateY(-2px)!important;
  box-shadow:0 0 0 3px rgba(105,216,244,.12),0 14px 28px rgba(0,14,23,.4)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button.is-locked {
  border-color:rgba(163,184,191,.28)!important;
  filter:saturate(.58)!important;
  cursor:help!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions.is-submitting > button:not(.is-pending) {
  opacity:.62!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button.is-pending::after {
  content:''!important;
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  width:16px!important;
  height:16px!important;
  margin-top:-8px!important;
  border:2px solid rgba(219,248,255,.3)!important;
  border-top-color:#8be8fc!important;
  border-radius:50%!important;
  animation:battle-submit-spin .7s linear infinite!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-button-art {
  position:relative!important;
  z-index:1!important;
  width:48px!important;
  height:48px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button > span {
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions small {
  color:#79dff6!important;
  font-size:6.5px!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions b {
  overflow:hidden!important;
  color:#f7fdff!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-reward-card > header {
  animation:battle-result-title-in .64s cubic-bezier(.16,.86,.23,1) both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-result-divider {
  animation:battle-result-divider-in .45s ease .16s both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-reward-item {
  animation:combat-reward-enter .5s cubic-bezier(.16,.82,.22,1) calc(var(--reward-index,0) * 140ms + 250ms) both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-reward-item > strong {
  animation:battle-reward-count-in .36s ease calc(var(--reward-index,0) * 140ms + 560ms) both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-decision-actions {
  animation:battle-result-actions-in .44s ease .48s both!important;
}

@keyframes battle-result-title-in {
  from { opacity:0;transform:translateY(-12px) scale(.96);filter:blur(5px); }
  to { opacity:1;transform:none;filter:none; }
}

@keyframes battle-result-divider-in {
  from { opacity:0;transform:scaleX(.55); }
  to { opacity:1;transform:none; }
}

@keyframes battle-reward-count-in {
  from { opacity:0;transform:translateY(5px) scale(.84); }
  to { opacity:1;transform:none; }
}

@keyframes battle-result-actions-in {
  from { opacity:0;transform:translateY(9px); }
  to { opacity:1;transform:none; }
}

@keyframes battle-submit-spin { to { transform:rotate(1turn); } }

@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-status { right:7px!important;top:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-controls > button { min-width:32px!important;width:32px!important;padding:0!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-controls > button > b { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle { min-width:32px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-versus-card { top:58px!important;width:190px!important;min-height:72px!important;grid-template-rows:13px auto 18px!important;padding:6px 8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-versus-card > strong { font-size:10px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article { top:58px!important;width:calc(50% - 108px)!important;min-width:205px!important;height:138px!important;padding:8px 9px!important;grid-template-columns:66px minmax(0,1fr)!important;grid-template-rows:28px 22px 22px 25px 15px!important;column-gap:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health { left:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health { right:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait { width:66px!important;height:66px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * { width:59px!important;height:59px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity { grid-template-rows:15px 12px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header > b { font-size:12px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge { height:12px!important;min-height:12px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-card-status-area { grid-template-columns:45px minmax(0,1fr)!important;height:24px!important;padding:2px 4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .enemy-health .battle-card-status-area { height:41px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck { width:min(700px,calc(100% - 68px))!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:calc(100% - 24px)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { padding:14px 16px 11px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b { font-size:31px!important; }
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-versus-card { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article { width:calc(50% - 10px)!important;min-width:0!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health { left:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health { right:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck { width:calc(100% - 10px)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { width:calc(100% - 10px)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"] { height:260px!important;bottom:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { height:218px!important;bottom:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision { grid-template-rows:minmax(0,1fr) 54px!important;gap:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result { grid-template-rows:1fr!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { padding:9px 13px 8px!important;grid-template-rows:62px 13px minmax(62px,1fr) 15px!important;gap:3px!important;border-radius:18px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header { grid-template-columns:58px minmax(0,1fr)!important;gap:9px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleResultArt,#battleHud[data-battle-ui="2.9.9"] .combat-result-art { width:58px!important;height:58px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header b { font-size:25px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card > header em { font-size:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list { grid-auto-rows:minmax(62px,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-item,#battleHud[data-battle-ui="2.9.9"] .combat-result-message { min-height:62px!important;padding:6px 7px!important;grid-template-columns:42px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-art,#battleHud[data-battle-ui="2.9.9"] .combat-result-message-art { width:42px!important;height:42px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button { min-height:54px!important;grid-template-columns:38px minmax(0,1fr)!important;padding:5px 10px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-decision-button-art { width:38px!important;height:38px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem::before,
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem::after,
  #battleHud[data-battle-ui="2.9.9"][data-phase="decision"] .enemy-health { animation:none!important; }
}

/* --------------------------------------------------------------------------
   Unified cockpit pass: controls belong to the command deck, not the arena.
   This is the authoritative 2.9.9 geometry for the live battle view.
   -------------------------------------------------------------------------- */
#battleHud[data-battle-ui="2.9.9"] .battle-health > article {
  top:10px!important;
  width:360px!important;
  height:164px!important;
  padding:11px 13px!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  grid-template-rows:35px 25px 25px 31px 18px!important;
  column-gap:12px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > .ally-health { left:22px!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-health > .enemy-health { right:22px!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card {
  top:24px!important;
  width:210px!important;
  min-height:76px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait {
  width:82px!important;
  height:82px!important;
  border-radius:20px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,
#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * {
  width:74px!important;
  height:74px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity {
  grid-template-rows:18px 17px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header > b {
  font-size:16px!important;
  letter-spacing:-.015em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header > em {
  min-width:46px!important;
  height:18px!important;
  border-color:color-mix(in srgb,var(--fighter-accent) 34%,rgba(126,218,240,.24))!important;
  background:color-mix(in srgb,var(--fighter-accent) 10%,rgba(3,27,39,.82))!important;
  color:#e4f7fb!important;
  font-size:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge {
  height:17px!important;
  min-height:17px!important;
  padding:0 7px 0 4px!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge img {
  width:11px!important;
  height:11px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge b {
  font-size:7px!important;
  letter-spacing:.055em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital {
  grid-template-rows:12px 10px!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span {
  grid-template-columns:13px minmax(0,1fr) auto!important;
  font-size:7.5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span :is(i,svg) {
  width:12px!important;
  height:12px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span > :is(strong,small) {
  font-size:8.5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article .battle-hp-bar,
#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy > i {
  height:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area {
  height:31px!important;
  padding:3px 6px!important;
  grid-template-columns:61px minmax(0,1fr)!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area > small {
  font-size:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-statuses {
  height:24px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-empty {
  gap:5px!important;
  color:#9bb8c1!important;
  font-size:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-status-empty :is(i,svg) {
  width:13px!important;
  height:13px!important;
  color:#6da9b8!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip {
  max-width:235px!important;
  height:23px!important;
  padding:2px 7px!important;
  gap:4px!important;
  font-size:7.2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip svg {
  width:14px!important;
  height:14px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip small {
  font-size:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp {
  grid-template-columns:104px minmax(0,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > span,
#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-exp > span > small {
  font-size:6.7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .enemy-health .battle-card-status-area {
  height:51px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck {
  width:min(780px,calc(100% - 104px))!important;
  height:164px!important;
  padding:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-live-controls {
  grid-template-rows:minmax(0,1fr) 26px!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  grid-template-columns:minmax(360px,1fr) 166px 112px!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills-panel,
#battleHud[data-battle-ui="2.9.9"] .combat-items-panel {
  grid-template-rows:15px minmax(0,1fr)!important;
  gap:1px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-items-panel {
  padding:0 5px 0 7px!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header {
  height:15px!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header b {
  font-size:6.5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills {
  grid-template-columns:repeat(4,minmax(84px,94px))!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button {
  --combat-size:73px;
  padding:3px 3px 29px!important;
  border-radius:12px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-art {
  border-width:4px!important;
  box-shadow:inset 0 0 0 3px rgba(1,18,28,.84),0 0 0 3px color-mix(in srgb,var(--combat-ring) 42%,rgba(2,22,33,.82)),0 7px 17px rgba(0,14,23,.38),0 0 19px color-mix(in srgb,var(--combat-ring) 19%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button > kbd {
  left:3px!important;
  top:3px!important;
  min-width:20px!important;
  height:20px!important;
  border-color:color-mix(in srgb,var(--combat-ring) 45%,rgba(175,230,243,.42))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-name {
  bottom:17px!important;
  font-size:8px!important;
  line-height:11px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tags {
  bottom:2px!important;
  height:14px!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag {
  height:14px!important;
  padding:0 4px 0 2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b {
  font-size:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-cost {
  right:3px!important;
  top:59px!important;
  min-width:34px!important;
  height:21px!important;
  padding:2px 5px!important;
  border:1px solid color-mix(in srgb,var(--combat-ring) 48%,rgba(93,199,226,.28))!important;
  background:linear-gradient(145deg,rgba(4,36,51,.98),rgba(1,17,27,.98))!important;
  color:#8de8fb!important;
  font-size:8.5px!important;
  box-shadow:0 3px 9px rgba(0,12,19,.36),inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-cost svg {
  width:13px!important;
  height:13px!important;
  filter:drop-shadow(0 0 5px rgba(92,219,246,.38))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-cooldown {
  border:3px solid color-mix(in srgb,var(--combat-ring) 78%,#dffaff 22%)!important;
  box-shadow:inset 0 0 0 3px rgba(1,13,21,.92),0 0 0 3px color-mix(in srgb,var(--combat-ring) 70%,rgba(1,17,26,.94)),0 0 24px color-mix(in srgb,var(--combat-ring) 22%,rgba(0,12,20,.48))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-grid {
  grid-template-columns:repeat(3,48px)!important;
  grid-template-rows:repeat(2,45px)!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button {
  --combat-size:38px;
  width:48px!important;
  min-width:48px!important;
  height:45px!important;
  min-height:45px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child,
#battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown {
  width:38px!important;
  height:38px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted,
#battleHud[data-battle-ui="2.9.9"] svg.combat-item-art {
  width:36px!important;
  height:36px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
  position:static!important;
  inset:auto!important;
  grid-column:3!important;
  grid-row:1!important;
  width:112px!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:15px 0 0 6px!important;
  display:block!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  transform:none!important;
  z-index:2!important;
  border:0!important;
  border-left:1px solid rgba(110,200,225,.2)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions {
  position:static!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:29px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  overflow:hidden!important;
  border:1px solid rgba(120,220,244,.34)!important;
  border-radius:9px!important;
  background:linear-gradient(155deg,rgba(10,58,73,.93),rgba(3,31,44,.96))!important;
  color:#effbff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 6px 14px rgba(0,19,29,.2)!important;
  font-size:6.5px!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > :is(i,svg) {
  position:relative!important;
  z-index:1!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  color:#82e3f8!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b {
  position:relative!important;
  z-index:1!important;
  display:block!important;
  font-size:6.5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button:is(:hover,:focus-visible) {
  outline:0!important;
  transform:translateY(-1px)!important;
  border-color:rgba(122,226,250,.78)!important;
  box-shadow:0 0 0 3px rgba(89,213,242,.1),0 9px 18px rgba(0,17,27,.28)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
  border-color:rgba(111,226,179,.58)!important;
  background:linear-gradient(155deg,rgba(14,84,70,.94),rgba(3,42,43,.97))!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  border-color:rgba(255,133,123,.48)!important;
  background:linear-gradient(155deg,rgba(112,48,55,.94),rgba(51,30,40,.98))!important;
  color:#ffe7e3!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle > :is(i,svg) {
  color:#ffaaa1!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row {
  height:26px!important;
  padding:2px 7px!important;
  border-radius:10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy {
  width:min(470px,100%)!important;
  grid-template-columns:108px minmax(0,1fr)!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span {
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr) auto!important;
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span :is(i,svg) {
  width:16px!important;
  height:16px!important;
  color:#65def7!important;
  filter:drop-shadow(0 0 6px rgba(87,213,243,.42))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i {
  height:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics {
  top:auto!important;
  right:18px!important;
  bottom:181px!important;
  width:360px!important;
  max-height:calc(100% - 205px)!important;
  gap:7px!important;
  padding:11px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button {
  min-height:86px!important;
  grid-template-rows:45px auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button > i > * {
  width:45px!important;
  height:45px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules {
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label {
  min-height:43px!important;
  padding:5px 8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label.is-ai-rule {
  grid-template-columns:38px 26px minmax(0,1fr)!important;
  border-color:rgba(92,218,181,.28)!important;
  background:linear-gradient(145deg,rgba(13,68,69,.78),rgba(8,47,61,.82))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label.is-ai-rule > i,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label.is-ai-rule > i > svg {
  width:23px!important;
  height:23px!important;
  color:#75e0bd!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules b { font-size:9px!important; }
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules small { font-size:7.2px!important; }

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card {
  grid-template-rows:94px 18px minmax(84px,1fr)!important;
  padding-bottom:17px!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list {
  grid-auto-rows:minmax(84px,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message {
  min-height:84px!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  padding:7px 10px!important;
  gap:4px 9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-art {
  width:44px!important;
  height:70px!important;
  background-size:500% 100%!important;
  filter:drop-shadow(0 6px 10px rgba(0,14,23,.34))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message-art {
  width:58px!important;
  height:58px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item small,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message small {
  font-size:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item b,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message b {
  font-size:10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong {
  font-size:15px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button {
  grid-template-columns:46px minmax(0,1fr)!important;
  padding:7px 16px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-button-art {
  width:44px!important;
  height:44px!important;
  padding:7px!important;
  overflow:visible!important;
  border:1px solid rgba(118,224,247,.42)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,rgba(65,170,195,.42),rgba(3,33,46,.94))!important;
  color:#86e8fb!important;
  filter:drop-shadow(0 5px 10px rgba(0,14,23,.36))!important;
}

#battleHud[data-battle-ui="2.9.9"] #finishBattle .combat-decision-button-art {
  border-color:rgba(103,226,174,.48)!important;
  color:#77e1b5!important;
}

#battleHud[data-battle-ui="2.9.9"] #beginCapture.is-locked .combat-decision-button-art {
  border-color:rgba(170,190,198,.28)!important;
  color:#a7bdc4!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions b {
  font-size:12px!important;
}

@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article { top:8px!important;width:calc(50% - 108px)!important;min-width:205px!important;height:148px!important;padding:8px 9px!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:31px 23px 23px 27px 16px!important;column-gap:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-versus-card { top:20px!important;width:190px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait { width:68px!important;height:68px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art,#battleHud[data-battle-ui="2.9.9"] .battle-combat-portrait-art > * { width:61px!important;height:61px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge { height:15px!important;min-height:15px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-card-status-area { height:27px!important;grid-template-columns:53px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .enemy-health .battle-card-status-area { height:44px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck { width:min(746px,calc(100% - 64px))!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(344px,1fr) 158px 100px!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(80px,90px))!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:100px!important;padding-left:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button { padding:0 6px!important; }
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article { width:calc(50% - 10px)!important;min-width:0!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck { width:calc(100% - 10px)!important;height:250px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-live-controls { grid-template-rows:minmax(0,1fr) 26px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(0,1fr) 108px!important;grid-template-rows:128px 70px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills-panel { grid-column:1/-1!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(66px,1fr))!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:61px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:48px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-items-panel { grid-column:1!important;grid-row:2!important;border-top:1px solid rgba(110,200,225,.18)!important;border-left:0!important;padding:0 4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid { grid-template-columns:repeat(6,minmax(34px,48px))!important;grid-template-rows:48px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button { width:100%!important;min-width:34px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child,#battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown { width:34px!important;height:34px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-quick-painted,#battleHud[data-battle-ui="2.9.9"] svg.combat-item-art { width:32px!important;height:32px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { grid-column:2!important;grid-row:2!important;width:108px!important;padding:15px 0 0 4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions { grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,#battleHud[data-battle-ui="2.9.9"] #cancelBattle { min-height:48px!important;padding:0!important;display:grid!important;place-items:center!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactics { right:5px!important;bottom:267px!important;width:min(360px,calc(100% - 10px))!important;max-height:calc(100% - 282px)!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article { top:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-versus-card { top:10px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck { height:150px!important;bottom:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(340px,1fr) 156px 98px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:65px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:51px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactics { bottom:162px!important;max-height:calc(100% - 174px)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { grid-template-rows:62px 13px minmax(62px,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-art { width:36px!important;height:56px!important; }
}

/* --------------------------------------------------------------------------
   v2.9.9 theme, outcome and performance pass
   One DOM outcome, two complete themes, readable adaptive controls and a
   frozen world frame behind combat. This block stays last by design.
   -------------------------------------------------------------------------- */

#battleHud[data-battle-ui="2.9.9"] {
  --battle-panel-glass:rgba(3,31,44,.94);
  --battle-panel-raised:rgba(8,48,62,.96);
  --battle-panel-soft:rgba(15,63,77,.88);
  --battle-control-bg:linear-gradient(155deg,rgba(10,58,73,.96),rgba(3,31,44,.98));
  --battle-track:rgba(152,214,229,.16);
  --battle-copy:#f4fbff;
  --battle-copy-muted:#a9c7d2;
  background:transparent!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] {
  --battle-bg:rgba(239,249,252,.97);
  --battle-surface:rgba(250,254,255,.97);
  --battle-card:rgba(240,250,253,.96);
  --battle-card-soft:rgba(223,242,248,.88);
  --battle-border:rgba(41,139,170,.3);
  --battle-border-strong:rgba(17,155,197,.62);
  --battle-cyan:#078fbd;
  --battle-teal:#168b68;
  --battle-gold:#a66d00;
  --battle-red:#d95049;
  --battle-text:#123746;
  --battle-muted:#5e7b87;
  --battle-shadow:rgba(22,68,85,.18);
  --battle-panel-glass:rgba(244,252,254,.96);
  --battle-panel-raised:rgba(252,255,255,.98);
  --battle-panel-soft:rgba(229,245,249,.94);
  --battle-control-bg:linear-gradient(155deg,rgba(252,255,255,.98),rgba(224,244,250,.98));
  --battle-track:rgba(31,112,139,.14);
  --battle-copy:#123746;
  --battle-copy-muted:#5e7b87;
}

/* The overlay itself never blocks the still-visible world HUD. */
#battleHud[data-battle-ui="2.9.9"].is-open {
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.battle-shell,.battle-surrender-confirm,.battle-tactics,.combat-command-deck) {
  pointer-events:auto!important;
}

body.is-battling .world-shade {
  background:linear-gradient(180deg,rgba(3,28,38,.05),rgba(3,28,38,.12))!important;
  backdrop-filter:blur(1.5px) saturate(.92)!important;
}

html[data-game-theme="light"] body.is-battling .world-shade {
  background:linear-gradient(180deg,rgba(222,244,250,.04),rgba(20,70,87,.08))!important;
}

body.is-battling :is(
  .world-topbar,
  #partyHud,
  #playerProfileButton,
  #playerStaminaHud,
  #questWidget,
  #worldMinimapShell,
  #desktopDock,
  #desktopUtilityRail,
  #desktopMoreMenu,
  .world-rail,
  .desktop-dock,
  .desktop-utility-rail,
  .mobile-dock
) {
  opacity:.86!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:saturate(.86)!important;
}

body.is-battling :is(.chat-panel,.side-panel).is-open {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Readable, screen-aware command deck without growing across the arena. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] {
  width:min(840px,calc(100% - 104px))!important;
  height:176px!important;
  padding:7px!important;
  border-color:var(--battle-border)!important;
  background:linear-gradient(150deg,var(--battle-panel-glass),color-mix(in srgb,var(--battle-panel-raised) 92%,transparent))!important;
  color:var(--battle-copy)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 16px 34px var(--battle-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-live-controls {
  grid-template-rows:minmax(0,1fr) 28px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  grid-template-columns:minmax(400px,1fr) 172px 118px!important;
  gap:6px!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header b {
  color:var(--battle-copy-muted)!important;
  font-size:clamp(8.5px,.62vw,10px)!important;
  letter-spacing:.08em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills {
  grid-template-columns:repeat(4,minmax(92px,104px))!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button {
  --combat-size:74px;
  min-width:0!important;
  color:var(--battle-copy)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-name {
  max-width:calc(100% - 6px)!important;
  color:var(--battle-copy)!important;
  font-size:clamp(9px,.68vw,10.5px)!important;
  line-height:12px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > span {
  font-size:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b {
  font-size:clamp(6.5px,.5vw,8px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-cost {
  top:61px!important;
  min-width:36px!important;
  height:22px!important;
  font-size:clamp(9px,.6vw,10px)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-action-button,.combat-item-button) > kbd,
#battleHud[data-battle-ui="2.9.9"] .combat-item-button > b {
  font-size:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-grid {
  grid-template-columns:repeat(3,50px)!important;
  grid-template-rows:repeat(2,47px)!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button {
  width:50px!important;
  min-width:50px!important;
  height:47px!important;
  min-height:47px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row {
  height:28px!important;
  border-color:var(--battle-border)!important;
  background:color-mix(in srgb,var(--battle-panel-raised) 93%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span :is(small,b),
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b {
  font-size:clamp(8px,.58vw,9px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i {
  background:var(--battle-track)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
  width:118px!important;
  color:var(--battle-copy)!important;
  border-left-color:var(--battle-border)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button {
  border-color:var(--battle-border)!important;
  background:var(--battle-control-bg)!important;
  color:var(--battle-copy)!important;
}

/* Small labels remain readable without making the cockpit taller. */
#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge b,
#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area > small,
#battleHud[data-battle-ui="2.9.9"] .battle-status-empty,
#battleHud[data-battle-ui="2.9.9"] .battle-exp > span {
  font-size:clamp(7px,.52vw,8px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span {
  font-size:clamp(7.5px,.56vw,8.5px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-vital > span > :is(strong,small),
#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip {
  font-size:clamp(8px,.6vw,9.5px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-divider,
#battleHud[data-battle-ui="2.9.9"] .combat-reward-item small,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message small {
  font-size:clamp(7.5px,.55vw,9px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item b,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message b {
  font-size:clamp(10px,.74vw,12px)!important;
}

/* Cinematic preparation card with both fighters and one calm progress line. */
#battleHud[data-battle-ui="2.9.9"] .battle-asset-loader {
  width:min(540px,calc(100% - 34px))!important;
  min-height:218px!important;
  padding:19px 22px 17px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(118px,1fr) auto!important;
  gap:14px!important;
  overflow:hidden!important;
  border:1px solid var(--battle-border-strong)!important;
  border-radius:26px!important;
  background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--battle-cyan) 18%,transparent),transparent 46%),linear-gradient(145deg,var(--battle-panel-raised),var(--battle-panel-glass))!important;
  color:var(--battle-copy)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 28px 70px var(--battle-shadow)!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-asset-loader[aria-hidden="true"] {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-asset-loader::before {
  content:''!important;
  position:absolute!important;
  inset:-60% -20%!important;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%)!important;
  transform:translateX(-55%)!important;
  animation:battle-loader-scan 2.6s ease-in-out infinite!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-matchup {
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter {
  min-width:0!important;
  display:grid!important;
  grid-template-rows:72px auto auto!important;
  justify-items:center!important;
  gap:4px!important;
  text-align:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > i {
  width:72px!important;
  height:72px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:2px solid color-mix(in srgb,var(--battle-cyan) 70%,#fff 30%)!important;
  border-radius:22px!important;
  background:var(--battle-panel-soft)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 22px var(--battle-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter.is-enemy > i {
  border-color:color-mix(in srgb,var(--battle-red) 72%,#fff 28%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-portrait-art,
#battleHud[data-battle-ui="2.9.9"] .battle-loader-portrait-art > * {
  width:66px!important;
  height:66px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > b {
  max-width:150px!important;
  overflow:hidden!important;
  color:var(--battle-copy)!important;
  font-size:13px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > small {
  color:var(--battle-copy-muted)!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem {
  width:68px!important;
  height:68px!important;
  background:radial-gradient(circle,var(--battle-panel-soft),var(--battle-panel-glass) 68%)!important;
  color:var(--battle-gold)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-copy {
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto 8px!important;
  align-items:center!important;
  gap:3px 10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-copy > small {
  color:var(--battle-cyan)!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-copy > b {
  grid-column:1!important;
  min-width:0!important;
  overflow:hidden!important;
  color:var(--battle-copy)!important;
  font-size:11px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-copy > strong {
  grid-column:2!important;
  grid-row:1/3!important;
  color:var(--battle-copy-muted)!important;
  font-size:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-load-track {
  grid-column:1/-1!important;
  height:8px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:var(--battle-track)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-load-track > em {
  background:linear-gradient(90deg,var(--battle-cyan),color-mix(in srgb,var(--battle-gold) 78%,#fff 22%))!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--battle-cyan) 55%,transparent)!important;
}

@keyframes battle-loader-scan {
  0%,18% { transform:translateX(-60%); }
  72%,100% { transform:translateX(60%); }
}

/* Defeat has one title and one truthful loss report. */
#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-loss-item {
  border-color:color-mix(in srgb,var(--battle-red) 44%,var(--battle-border))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-red) 13%,var(--battle-panel-raised)),var(--battle-panel-glass))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-loss-art,
#battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-safe .combat-result-message-art {
  width:52px!important;
  height:52px!important;
  padding:10px!important;
  border:1px solid color-mix(in srgb,var(--battle-red) 48%,var(--battle-border))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--battle-red) 14%,var(--battle-panel-soft))!important;
  color:var(--battle-red)!important;
  box-sizing:border-box!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-safe {
  border-color:color-mix(in srgb,var(--battle-teal) 42%,var(--battle-border))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-teal) 10%,var(--battle-panel-raised)),var(--battle-panel-glass))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-safe .combat-result-message-art {
  border-color:color-mix(in srgb,var(--battle-teal) 48%,var(--battle-border))!important;
  background:color-mix(in srgb,var(--battle-teal) 13%,var(--battle-panel-soft))!important;
  color:var(--battle-teal)!important;
}

/* Light theme keeps the arena bright and moves only the interface to pearl glass. */
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-shell {
  border-color:rgba(227,251,255,.96)!important;
  box-shadow:0 0 0 5px rgba(36,155,190,.14),0 24px 64px rgba(24,69,84,.24)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(
  .battle-health > article,
  .battle-versus-card,
  .battle-card-status-area,
  .battle-tactics,
  .combat-resource-row,
  .combat-reward-card,
  .combat-reward-item,
  .combat-result-message
) {
  border-color:var(--battle-border)!important;
  background:linear-gradient(145deg,var(--battle-panel-raised),var(--battle-panel-glass))!important;
  color:var(--battle-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 11px 26px var(--battle-shadow)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(
  .battle-fighter-identity b,
  .battle-vital b,
  .battle-vital strong,
  .battle-status-empty b,
  .combat-skill-name,
  .combat-energy b,
  .combat-energy small,
  .combat-reward-card b,
  .combat-reward-item b,
  .combat-result-message b
) {
  color:var(--battle-text)!important;
  text-shadow:none!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(
  .battle-vital small,
  .battle-card-status-area > small,
  .combat-reward-item small,
  .combat-result-message small,
  .combat-reward-card em
) {
  color:var(--battle-muted)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(.combat-action-button,.combat-item-button) {
  border-color:var(--battle-border)!important;
  background:linear-gradient(145deg,rgba(251,255,255,.98),rgba(222,242,248,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 7px 16px rgba(25,77,94,.16)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag {
  border-color:rgba(37,123,150,.24)!important;
  background:rgba(247,253,255,.94)!important;
  color:var(--battle-text)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag.is-type {
  border-color:color-mix(in srgb,var(--skill-type,#1598c4) 46%,rgba(37,123,150,.2))!important;
  background:color-mix(in srgb,var(--skill-type,#1598c4) 12%,rgba(250,254,255,.96))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge {
  background:color-mix(in srgb,var(--type-color) 15%,rgba(252,255,255,.96))!important;
  color:#143b49!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(
  .battle-health > article .battle-hp-bar,
  .battle-health > article > .battle-energy > i,
  .battle-health > article > .battle-exp > i
) {
  border-color:rgba(40,122,147,.14)!important;
  background:rgba(47,112,133,.13)!important;
  box-shadow:inset 0 1px 3px rgba(25,72,88,.12)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button {
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 5px 12px rgba(25,77,94,.14)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  border-color:rgba(207,83,78,.4)!important;
  background:linear-gradient(155deg,rgba(255,246,245,.98),rgba(250,220,217,.98))!important;
  color:#a83f3a!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm > article {
  border-color:rgba(207,83,78,.38)!important;
  background:linear-gradient(145deg,rgba(255,250,249,.99),rgba(242,250,252,.99))!important;
  color:var(--battle-text)!important;
  box-shadow:inset 0 1px #fff,0 22px 60px rgba(26,69,83,.25)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm p {
  color:var(--battle-muted)!important;
}

@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] { width:min(760px,calc(100% - 64px))!important;height:170px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(344px,1fr) 158px 100px!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(80px,90px))!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:70px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:56px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:100px!important; }
}

@media (max-width:700px) {
  body.is-battling .mobile-dock { display:flex!important;opacity:.9!important;visibility:visible!important;pointer-events:auto!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-shell { top:4px!important;bottom:auto!important;height:calc(100dvh - 82px)!important;transform:translateX(-50%)!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] { width:calc(100% - 10px)!important;height:258px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(0,1fr) 108px!important;grid-template-rows:134px 72px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:63px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-name { font-size:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b { font-size:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-asset-loader { min-height:190px!important;padding:14px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-matchup { grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;gap:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-emblem { width:54px!important;height:54px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter { grid-template-rows:58px auto auto!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > i { width:58px!important;height:58px!important;border-radius:17px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-portrait-art,#battleHud[data-battle-ui="2.9.9"] .battle-loader-portrait-art > * { width:52px!important;height:52px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] { grid-template-columns:1fr!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] { height:154px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(340px,1fr) 156px 98px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:66px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:52px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:98px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-asset-loader { min-height:166px!important;grid-template-rows:94px auto!important;padding:11px 16px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter { grid-template-rows:54px auto auto!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > i { width:54px!important;height:54px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-loader-portrait-art,#battleHud[data-battle-ui="2.9.9"] .battle-loader-portrait-art > * { width:49px!important;height:49px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #battleHud[data-battle-ui="2.9.9"] .battle-asset-loader::before { animation:none!important; }
}

/* --------------------------------------------------------------------------
   v2.9.9 modern circular cockpit
   One shared dock, circular skills/items, complete light/dark colour contract.
   -------------------------------------------------------------------------- */

#battleHud[data-battle-ui="2.9.9"] {
  --cockpit-surface:rgba(3,30,43,.95);
  --cockpit-raised:rgba(8,48,62,.96);
  --cockpit-soft:rgba(16,65,79,.78);
  --cockpit-chip:rgba(4,38,51,.92);
  --cockpit-line:rgba(112,207,231,.25);
  --cockpit-line-strong:rgba(106,221,246,.58);
  --cockpit-text:#f3fbff;
  --cockpit-muted:#a6c3cd;
  --cockpit-track:rgba(132,203,220,.16);
  --cockpit-shadow:rgba(0,15,24,.38);
  --cockpit-hover:rgba(91,213,241,.14);
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] {
  --cockpit-surface:rgba(241,249,251,.95);
  --cockpit-raised:rgba(252,255,255,.97);
  --cockpit-soft:rgba(221,241,247,.86);
  --cockpit-chip:rgba(232,246,250,.94);
  --cockpit-line:rgba(32,129,158,.24);
  --cockpit-line-strong:rgba(10,155,196,.54);
  --cockpit-text:#123746;
  --cockpit-muted:#607c87;
  --cockpit-track:rgba(34,116,142,.14);
  --cockpit-shadow:rgba(22,67,83,.2);
  --cockpit-hover:rgba(12,157,198,.1);
}

#battleHud[data-battle-ui="2.9.9"] .battle-shell {
  border:1px solid color-mix(in srgb,var(--cockpit-line-strong) 82%,#fff 18%)!important;
  background:rgba(5,39,52,.035)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cockpit-line-strong) 20%,transparent),0 24px 64px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stage::before {
  background:linear-gradient(180deg,rgba(2,24,34,.07),transparent 24% 70%,rgba(2,23,33,.1))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-stage::before {
  background:linear-gradient(180deg,rgba(226,246,251,.03),transparent 25% 72%,rgba(19,83,102,.045))!important;
}

/* Fighter cards and the central matchup card share one readable palette. */
#battleHud[data-battle-ui="2.9.9"] :is(.battle-health > article,.battle-versus-card) {
  border-color:var(--cockpit-line)!important;
  background:linear-gradient(145deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 28px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article {
  backdrop-filter:blur(9px) saturate(1.04)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .battle-fighter-identity > header > b,
  .battle-health > article > .battle-vital > span > strong,
  .battle-health > article > .battle-vital > span > small,
  .battle-status-empty,
  .battle-status-empty b,
  .battle-exp > span,
  .battle-exp > span > small,
  .battle-versus-card > strong
) {
  color:var(--cockpit-text)!important;
  text-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-identity > header > em {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-fighter-types .pokemon-type-badge {
  background:color-mix(in srgb,var(--type-color) 17%,var(--cockpit-chip))!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area {
  border-color:var(--cockpit-line)!important;
  background:color-mix(in srgb,var(--cockpit-soft) 72%,transparent)!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area > small,
#battleHud[data-battle-ui="2.9.9"] .battle-status-empty {
  color:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .battle-health > article .battle-hp-bar,
  .battle-health > article > .battle-energy > i,
  .battle-health > article > .battle-exp > i
) {
  border-color:color-mix(in srgb,var(--cockpit-line) 68%,transparent)!important;
  background:var(--cockpit-track)!important;
  box-shadow:inset 0 2px 4px color-mix(in srgb,var(--cockpit-shadow) 45%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > small,
#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > small b {
  color:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > span {
  color:var(--battle-gold)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-versus-card > em {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--cockpit-muted)!important;
}

/* The live command surface is one compact dock, not three oversized cards. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] {
  width:min(770px,calc(100% - 112px))!important;
  height:170px!important;
  bottom:12px!important;
  padding:7px 9px!important;
  overflow:visible!important;
  border:1px solid var(--cockpit-line)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,var(--cockpit-surface),color-mix(in srgb,var(--cockpit-raised) 91%,transparent))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 15px 34px var(--cockpit-shadow)!important;
  backdrop-filter:blur(13px) saturate(1.04)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-live-controls {
  grid-template-rows:minmax(0,1fr) 27px!important;
  gap:3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  grid-template-columns:minmax(396px,1fr) 158px 106px!important;
  align-items:stretch!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) {
  min-width:0!important;
  padding:0!important;
  grid-template-rows:14px minmax(0,1fr)!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-items-panel {
  padding-left:7px!important;
  border-left:1px solid var(--cockpit-line)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header {
  height:14px!important;
  padding:0 3px!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-skills-panel,.combat-items-panel) > header b {
  color:var(--cockpit-muted)!important;
  font-size:8px!important;
  letter-spacing:.1em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skills {
  grid-template-columns:repeat(4,minmax(92px,98px))!important;
  grid-template-rows:1fr!important;
  justify-content:center!important;
  gap:3px!important;
}

/* Skills are circular controls. Their old square wrappers are deliberately gone. */
#battleHud[data-battle-ui="2.9.9"] .combat-action-button {
  --combat-size:74px;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:2px 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--cockpit-text)!important;
  transform:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.kind-ultimate,
#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-queued {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(.combat-action-button,.combat-item-button),
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(.combat-action-button,.combat-item-button):is(:hover,:focus-visible) {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button::before {
  content:''!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:1px!important;
  width:calc(var(--combat-size) + 14px)!important;
  height:calc(var(--combat-size) + 14px)!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--combat-ring) 16%,transparent),transparent 68%)!important;
  opacity:.62!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button:is(:hover,:focus-visible),
#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-previewed {
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-art {
  flex:0 0 var(--combat-size)!important;
  border-width:3px!important;
  box-shadow:inset 0 0 0 3px rgba(1,18,28,.8),0 0 0 2px color-mix(in srgb,var(--combat-ring) 55%,rgba(2,22,33,.78)),0 7px 17px var(--cockpit-shadow),0 0 17px color-mix(in srgb,var(--combat-ring) 18%,transparent)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button:is(:hover,:focus-visible) .combat-skill-art,
#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-previewed .combat-skill-art {
  transform:translateY(-3px) scale(1.035)!important;
  filter:brightness(1.08) saturate(1.06)!important;
  box-shadow:inset 0 0 0 3px rgba(1,18,28,.76),0 0 0 3px var(--combat-ring),0 10px 22px var(--cockpit-shadow),0 0 24px color-mix(in srgb,var(--combat-ring) 32%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-action-button.is-disabled:not(.is-cooling) .combat-skill-art {
  filter:saturate(.58) brightness(.8)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-name {
  position:absolute!important;
  left:1px!important;
  right:1px!important;
  top:78px!important;
  bottom:auto!important;
  height:18px!important;
  max-width:none!important;
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:var(--cockpit-text)!important;
  font-size:8.5px!important;
  font-weight:950!important;
  line-height:9px!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tags {
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:14px!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag {
  height:14px!important;
  padding:0 4px 0 3px!important;
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag.is-type {
  border-color:color-mix(in srgb,var(--skill-type,#5acbea) 48%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--skill-type,#5acbea) 15%,var(--cockpit-chip))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > span { font-size:8px!important; }
#battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b { font-size:6.5px!important; }

#battleHud[data-battle-ui="2.9.9"] .combat-action-button > kbd {
  left:5px!important;
  top:3px!important;
  border-color:color-mix(in srgb,var(--combat-ring) 45%,var(--cockpit-line))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-cost {
  right:4px!important;
  top:56px!important;
  height:21px!important;
  min-width:35px!important;
  border-color:color-mix(in srgb,var(--combat-ring) 50%,rgba(92,209,235,.3))!important;
  background:rgba(1,22,32,.94)!important;
  color:#8ce8fb!important;
  font-size:9px!important;
  box-shadow:0 4px 9px rgba(0,14,22,.3)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-cooldown {
  top:2px!important;
  border-width:3px!important;
}

/* Quick items use only the circular item face, key and quantity badges. */
#battleHud[data-battle-ui="2.9.9"] .combat-item-grid {
  grid-template-columns:repeat(3,47px)!important;
  grid-template-rows:repeat(2,47px)!important;
  align-content:center!important;
  justify-content:center!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button {
  --combat-size:44px;
  width:47px!important;
  min-width:47px!important;
  height:47px!important;
  min-height:47px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button:is(:hover,:focus-visible) {
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child {
  width:44px!important;
  height:44px!important;
  border:2px solid var(--cockpit-line)!important;
  background:radial-gradient(circle at 42% 34%,rgba(27,82,99,.96),rgba(2,24,35,.98))!important;
  box-shadow:inset 0 0 0 2px rgba(1,18,28,.62),0 5px 12px var(--cockpit-shadow)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button:is(:hover,:focus-visible) > span:first-child {
  transform:translateY(-2px) scale(1.055)!important;
  border-color:var(--battle-cyan)!important;
  box-shadow:inset 0 0 0 2px rgba(1,18,28,.58),0 8px 17px var(--cockpit-shadow),0 0 16px rgba(88,211,240,.25)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button.is-ready > span:first-child {
  border-color:color-mix(in srgb,var(--battle-teal) 62%,var(--cockpit-line))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-quick-painted,
#battleHud[data-battle-ui="2.9.9"] svg.combat-item-art {
  width:42px!important;
  height:42px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > .combat-cooldown {
  top:0!important;
  width:44px!important;
  height:44px!important;
  border-width:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > kbd {
  left:-3px!important;
  top:-3px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-item-button > b {
  right:-3px!important;
  bottom:-2px!important;
  font-size:8px!important;
}

/* Utility actions stay compact after the item grid. */
#battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
  width:106px!important;
  padding:14px 0 0 6px!important;
  border-left-color:var(--cockpit-line)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions {
  gap:4px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  min-height:31px!important;
  padding:0 7px!important;
  gap:6px!important;
  border-color:var(--cockpit-line)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,var(--cockpit-raised),var(--cockpit-chip))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 5px 12px color-mix(in srgb,var(--cockpit-shadow) 62%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b {
  color:inherit!important;
  font-size:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button:is(:hover,:focus-visible) {
  border-color:var(--cockpit-line-strong)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--cockpit-raised) 86%,var(--battle-cyan) 14%),var(--cockpit-chip))!important;
}

#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  border-color:color-mix(in srgb,var(--battle-red) 48%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-red) 15%,var(--cockpit-raised)),var(--cockpit-chip))!important;
  color:color-mix(in srgb,var(--battle-red) 76%,var(--cockpit-text) 24%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-resource-row {
  height:27px!important;
  padding:2px 8px!important;
  border:1px solid color-mix(in srgb,var(--cockpit-line) 68%,transparent)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--cockpit-raised) 90%,transparent)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy {
  width:min(450px,100%)!important;
  grid-template-columns:112px minmax(0,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span :is(small,b) {
  color:var(--cockpit-text)!important;
  font-size:8px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i {
  height:9px!important;
  background:var(--cockpit-track)!important;
}

/* Tooltip/skill details use the same theme as the dock. */
#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview {
  border-color:var(--cockpit-line)!important;
  background:linear-gradient(145deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  color:var(--cockpit-text)!important;
  box-shadow:0 12px 28px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview :is(b,p,em) {
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-skill-preview :is(p,em) {
  color:var(--cockpit-muted)!important;
}

/* Tactics is fully themed; no dark rows with dark copy in the light theme. */
#battleHud[data-battle-ui="2.9.9"] .battle-tactics {
  bottom:174px!important;
  width:350px!important;
  max-height:calc(100% - 194px)!important;
  border-color:var(--cockpit-line-strong)!important;
  background:linear-gradient(150deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 18px 42px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header b,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes b,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules b {
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics :is(small,footer) {
  color:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header small {
  color:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > header button,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button,
#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-modes > button.is-active {
  border-color:var(--cockpit-line-strong)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-cyan) 14%,var(--cockpit-raised)),var(--cockpit-soft))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--battle-cyan) 12%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules label.is-ai-rule {
  border-color:color-mix(in srgb,var(--battle-teal) 35%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-teal) 9%,var(--cockpit-raised)),var(--cockpit-chip))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-track)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input::after {
  background:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactic-rules input:checked {
  border-color:var(--battle-teal)!important;
  background:color-mix(in srgb,var(--battle-teal) 60%,var(--cockpit-chip))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-tactics > footer {
  border-top-color:var(--cockpit-line)!important;
}

/* Remaining battle surfaces also obey the selected theme. */
#battleHud[data-battle-ui="2.9.9"] .battle-roster-panel {
  border-color:var(--cockpit-line)!important;
  background:linear-gradient(160deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 22px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-roster-slot > kbd {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-surface)!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .battle-asset-loader,
  .combat-reward-card,
  .combat-reward-item,
  .combat-result-message,
  .combat-capture-panel,
  .battle-surrender-confirm > article
) {
  border-color:var(--cockpit-line)!important;
  background:linear-gradient(145deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-reward-card > header b,
  .combat-reward-item b,
  .combat-result-message b,
  .combat-capture-copy b,
  .combat-capture-balls b,
  .battle-surrender-confirm b
) {
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-reward-card > header em,
  .combat-reward-item small,
  .combat-result-message small,
  .combat-capture-copy em,
  .battle-surrender-confirm p
) {
  color:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button,
#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls > button {
  border-color:var(--cockpit-line)!important;
  background:linear-gradient(145deg,var(--cockpit-raised),var(--cockpit-chip))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 18px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-capture-balls > button.is-selected {
  border-color:var(--cockpit-line-strong)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--battle-cyan) 12%,transparent),0 8px 18px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm footer > button {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1)!important;
}

#battleHud[data-battle-ui="2.9.9"] #confirmSurrender,
#battleHud[data-battle-ui="2.9.9"] .combat-capture-cancel {
  border-color:color-mix(in srgb,var(--battle-red) 44%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-red) 14%,var(--cockpit-raised)),var(--cockpit-chip))!important;
  color:color-mix(in srgb,var(--battle-red) 78%,var(--cockpit-text) 22%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > i {
  background:var(--cockpit-chip)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > b,
#battleHud[data-battle-ui="2.9.9"] .battle-loader-copy > b {
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-loader-fighter > small,
#battleHud[data-battle-ui="2.9.9"] .battle-loader-copy > strong {
  color:var(--cockpit-muted)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-skill-art,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child {
  background:radial-gradient(circle at 42% 34%,rgba(32,91,108,.98),rgba(3,28,40,.99))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > :is(i,svg) {
  color:#098eb8!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-outcome-art,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-painted-art {
  filter:drop-shadow(0 4px 7px rgba(26,76,91,.2))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-intro::before {
  border-color:var(--cockpit-line)!important;
  background:linear-gradient(90deg,rgba(243,251,253,.15),rgba(249,254,255,.9) 18% 82%,rgba(243,251,253,.15))!important;
  box-shadow:0 14px 35px rgba(24,70,85,.15)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-intro-mark {
  border-color:var(--cockpit-line-strong)!important;
  background:var(--cockpit-raised)!important;
  box-shadow:inset 0 0 0 4px var(--cockpit-soft),0 0 20px rgba(19,150,190,.16)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-intro > span:last-child {
  color:var(--cockpit-text)!important;
  text-shadow:none!important;
}

/* Theme completion: every nested label must follow the surface it sits on. */
#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-decision-actions b,
  .combat-capture-balls b,
  .combat-capture-copy b,
  .capture-feedback b,
  .capture-gesture-hint b,
  #battleRewardBonus b
) {
  color:var(--cockpit-text)!important;
  text-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-capture-copy em,
  .combat-capture-balls .capture-empty,
  .capture-gesture-hint small,
  #battleRewardBonus,
  #battleRewardBonus :is(span,b)
) {
  color:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-reward-card > header small,
  .combat-result-divider,
  .combat-capture-copy small,
  .combat-capture-balls small,
  .combat-decision-actions small,
  .capture-feedback small
) {
  color:color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 68%,var(--cockpit-text) 32%)!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.capture-feedback,.capture-gesture-hint,.capture-target-reticle > span) {
  border-color:var(--cockpit-line)!important;
  background:color-mix(in srgb,var(--cockpit-surface) 86%,transparent)!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 20px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  background:color-mix(in srgb,var(--cockpit-surface) 44%,transparent)!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > :is(i,svg) {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--battle-cyan)!important;
  box-shadow:0 12px 30px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay :is(small,em) {
  color:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay small {
  color:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card::before {
  opacity:.9!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong {
  color:color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 72%,var(--cockpit-text) 28%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-loss-item {
  border-color:color-mix(in srgb,var(--battle-red) 42%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-red) 11%,var(--cockpit-raised)),var(--cockpit-surface))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-safe {
  border-color:color-mix(in srgb,var(--battle-teal) 40%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-teal) 9%,var(--cockpit-raised)),var(--cockpit-surface))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm {
  background:color-mix(in srgb,var(--cockpit-shadow) 38%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm > article > :is(i,svg) {
  border-color:color-mix(in srgb,var(--battle-red) 43%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--battle-red) 13%,var(--cockpit-chip))!important;
  color:var(--battle-red)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm small {
  color:color-mix(in srgb,var(--battle-red) 76%,var(--cockpit-text) 24%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .capture-stage[data-quality="nice"] .capture-feedback b { color:var(--battle-teal)!important; }
#battleHud[data-battle-ui="2.9.9"] .capture-stage[data-quality="great"] .capture-feedback b { color:var(--battle-cyan)!important; }
#battleHud[data-battle-ui="2.9.9"] .capture-stage[data-quality="excellent"] .capture-feedback b { color:var(--battle-gold)!important; }
#battleHud[data-battle-ui="2.9.9"] .capture-stage[data-quality="miss"] .capture-feedback b { color:var(--battle-red)!important; }

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-loss-item {
  border-color:color-mix(in srgb,var(--battle-red) 42%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-red) 9%,var(--cockpit-raised)),var(--cockpit-surface))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-safe {
  border-color:color-mix(in srgb,var(--battle-teal) 38%,var(--cockpit-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-teal) 8%,var(--cockpit-raised)),var(--cockpit-surface))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button::before {
  background:linear-gradient(120deg,rgba(255,255,255,.72),transparent 38% 72%,rgba(11,153,195,.06))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost {
  border-color:color-mix(in srgb,var(--combat-ring) 52%,rgba(97,205,231,.34))!important;
  background:rgba(7,42,54,.96)!important;
  color:#9beafd!important;
}

/* Responsive density changes only geometry; labels and circular language stay. */
@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] { width:min(720px,calc(100% - 64px))!important;height:168px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(356px,1fr) 148px 94px!important;gap:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(84px,91px))!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:70px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-name { top:75px!important;font-size:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:52px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:94px!important;padding-left:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b { font-size:7px!important; }
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] { width:calc(100% - 10px)!important;height:246px!important;padding:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(0,1fr) 104px!important;grid-template-rows:128px 66px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skills { grid-template-columns:repeat(4,minmax(64px,1fr))!important;gap:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:61px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-name { top:66px!important;height:23px!important;font-size:7.5px!important;line-height:10px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:44px!important;right:1px!important;min-width:30px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag { padding-inline:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-tag > b { font-size:5.7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-items-panel { padding:0 3px!important;border-top:1px solid var(--cockpit-line)!important;border-left:0!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-grid { grid-template-columns:repeat(6,minmax(34px,46px))!important;grid-template-rows:47px!important;gap:2px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-item-button { width:100%!important;min-width:34px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:104px!important;padding:14px 0 0 3px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactics { bottom:258px!important;max-height:calc(100% - 274px)!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="combat"] { width:min(720px,calc(100% - 64px))!important;height:158px!important;bottom:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row { grid-template-columns:minmax(352px,1fr) 148px 92px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-action-button { --combat-size:65px; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-name { top:68px!important;height:17px!important;line-height:8.5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-skill-cost { top:47px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:92px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-tactics { bottom:158px!important;max-height:calc(100% - 168px)!important; }
}

/* --------------------------------------------------------------------------
   v2.9.9 modal layer and kinetic energy pass
   The world stays rendered behind combat, but only the area outside the arena
   is blurred. The active arena, fighters and controls remain pixel-sharp.
   -------------------------------------------------------------------------- */

#battleHud[data-battle-ui="2.9.9"] {
  --battle-modal-width:min(1080px,calc(100vw - 56px));
  --battle-modal-height:min(680px,calc(100dvh - 88px));
  --battle-modal-gap-x:calc((100vw - var(--battle-modal-width)) / 2);
  --battle-modal-gap-y:calc((100dvh - var(--battle-modal-height)) / 2);
  z-index:5000!important;
  background:transparent!important;
  pointer-events:none!important;
  isolation:isolate!important;
}

#battleHud[data-battle-ui="2.9.9"].is-open {
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"]::before,
#battleHud[data-battle-ui="2.9.9"]::after {
  display:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-world-backdrop,
#battleHud[data-battle-ui="2.9.9"] .battle-world-backdrop > i {
  display:none!important;
  background:transparent!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-shell {
  z-index:1!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:var(--battle-modal-width)!important;
  height:var(--battle-modal-height)!important;
  min-width:min(720px,calc(100vw - 8px))!important;
  min-height:min(500px,calc(100dvh - 8px))!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-stage,
#battleHud[data-battle-ui="2.9.9"] .battle-stage::before,
#battleHud[data-battle-ui="2.9.9"] .battle-stage::after {
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.is-battling .world-shade {
  background:transparent!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.is-battling :is(
  .world-topbar,
  #partyHud,
  #playerProfileButton,
  #playerStaminaHud,
  #questWidget,
  #worldMinimapShell,
  #desktopDock,
  #desktopUtilityRail,
  #desktopMoreMenu,
  .world-rail,
  .desktop-dock,
  .desktop-utility-rail,
  .mobile-dock,
  .chat-panel,
  .side-panel
) {
  pointer-events:none!important;
}

/* A continuous energy cell replaces the old segmented ruler. */
#battleHud[data-battle-ui="2.9.9"] .combat-resource-row {
  height:28px!important;
  padding:2px 9px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cockpit-chip) 82%,transparent) 12% 88%,transparent)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy {
  --energy-a:#1478df;
  --energy-b:#29c8f1;
  --energy-c:#79f4e7;
  --energy-label:#8feaff;
  width:min(520px,100%)!important;
  grid-template-columns:122px minmax(0,1fr)!important;
  gap:9px!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-energy {
  --energy-a:#0872c4;
  --energy-b:#0faed8;
  --energy-c:#35d7c2;
  --energy-label:#087c9d;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy[data-energy-state="low"] {
  --energy-a:#df5d35;
  --energy-b:#f09a38;
  --energy-c:#ffd36a;
  --energy-label:#ffad65;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy[data-energy-state="empty"] {
  --energy-a:#687b83;
  --energy-b:#84969d;
  --energy-c:#a5b3b8;
  --energy-label:var(--cockpit-muted);
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span > i {
  width:20px!important;
  height:20px!important;
  padding:3px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--energy-b) 46%,var(--cockpit-line))!important;
  border-radius:7px!important;
  background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--energy-c) 24%,var(--cockpit-raised)),var(--cockpit-chip))!important;
  color:var(--energy-label)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 12px color-mix(in srgb,var(--energy-b) 20%,transparent)!important;
  box-sizing:border-box!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span > i > svg {
  width:100%!important;
  height:100%!important;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--energy-c) 48%,transparent))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span :is(small,b) {
  font-size:8px!important;
  line-height:1!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span small {
  color:var(--cockpit-muted)!important;
  letter-spacing:.1em!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > span b {
  color:var(--energy-label)!important;
  text-shadow:0 0 10px color-mix(in srgb,var(--energy-b) 26%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i {
  position:relative!important;
  height:13px!important;
  overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--energy-b) 30%,var(--cockpit-line))!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(1,16,25,.95),rgba(8,38,49,.94))!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.52),0 1px rgba(255,255,255,.08),0 0 0 3px color-mix(in srgb,var(--energy-b) 6%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i::before {
  content:''!important;
  position:absolute!important;
  inset:2px!important;
  z-index:2!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 48%)!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i::after {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,transparent 0 24%,rgba(255,255,255,.035) 50%,transparent 76%)!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em {
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  bottom:2px!important;
  z-index:1!important;
  max-width:calc(100% - 4px)!important;
  height:auto!important;
  overflow:visible!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--energy-a),var(--energy-b) 52%,var(--energy-c),var(--energy-b))!important;
  background-size:220% 100%!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--energy-b) 48%,transparent),inset 0 1px rgba(255,255,255,.46)!important;
  transition:width .34s cubic-bezier(.2,.82,.2,1),filter .2s ease!important;
  animation:battle-energy-flow 3.4s linear infinite!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em::before {
  content:''!important;
  position:absolute!important;
  inset:-1px!important;
  border-radius:inherit!important;
  background:linear-gradient(112deg,transparent 12% 38%,rgba(255,255,255,.72) 49%,transparent 60% 88%)!important;
  transform:translateX(-145%)!important;
  animation:battle-energy-sheen 2.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em::after {
  content:''!important;
  position:absolute!important;
  right:-4px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff 0 18%,var(--energy-c) 38%,var(--energy-b) 70%,transparent 72%)!important;
  box-shadow:0 0 8px var(--energy-b),0 0 15px color-mix(in srgb,var(--energy-c) 58%,transparent)!important;
  animation:battle-energy-tip 1.45s ease-in-out infinite!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy[data-energy-state="empty"] > i > em::after {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy[data-energy-state="full"] > i {
  animation:battle-energy-full 1.8s ease-in-out infinite!important;
}

@keyframes battle-energy-flow {
  to { background-position:-220% 0; }
}

@keyframes battle-energy-sheen {
  0%,32% { transform:translateX(-145%);opacity:0; }
  46% { opacity:.9; }
  68%,100% { transform:translateX(145%);opacity:0; }
}

@keyframes battle-energy-tip {
  50% { transform:translateY(-50%) scale(1.28);filter:brightness(1.18); }
}

@keyframes battle-energy-full {
  50% { box-shadow:inset 0 2px 5px rgba(0,0,0,.48),0 0 0 3px color-mix(in srgb,var(--energy-b) 12%,transparent),0 0 16px color-mix(in srgb,var(--energy-b) 25%,transparent); }
}

@media (max-width:920px) {
  #battleHud[data-battle-ui="2.9.9"] {
    --battle-modal-width:calc(100vw - 16px);
    --battle-modal-height:min(680px,calc(100dvh - 24px));
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy { width:min(470px,100%)!important;grid-template-columns:112px minmax(0,1fr)!important; }
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] {
    --battle-modal-width:calc(100vw - 8px);
    --battle-modal-height:calc(100dvh - 8px);
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy { width:100%!important;grid-template-columns:96px minmax(0,1fr)!important;gap:6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > span > i { width:18px!important;height:18px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > span :is(small,b) { font-size:7px!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] {
    --battle-modal-width:calc(100vw - 10px);
    --battle-modal-height:calc(100dvh - 10px);
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > i { height:11px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-skill-art,.combat-item-button > span:first-child) { transition:none!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > i,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em::before,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy > i > em::after { animation:none!important; }
}

/* --------------------------------------------------------------------------
   v2.9.9 outcome clarity, theme parity and living energy stream
   This final layer is authoritative for results and energy feedback.
   -------------------------------------------------------------------------- */

#battleHud[data-battle-ui="2.9.9"] {
  --battle-energy-a:#1677df;
  --battle-energy-b:#26c8ef;
  --battle-energy-c:#72f2df;
  --result-glass:rgba(3,31,44,.965);
  --result-raised:rgba(9,51,65,.98);
  --result-chip:rgba(13,61,75,.9);
  --result-line:rgba(118,216,239,.27);
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] {
  --battle-energy-a:#0877c7;
  --battle-energy-b:#0cb7dc;
  --battle-energy-c:#31d9bc;
  --result-glass:rgba(242,250,252,.975);
  --result-raised:rgba(253,255,255,.985);
  --result-chip:rgba(225,243,248,.95);
  --result-line:rgba(28,139,169,.24);
}

/* The outcome is one readable stage: title, truthful changes, verification. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"] {
  height:362px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  height:314px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-card {
  grid-template-rows:88px 18px minmax(82px,1fr) 42px!important;
  gap:6px!important;
  padding:14px 17px 13px!important;
  border-color:color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 31%,var(--result-line))!important;
  background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 14%,transparent),transparent 40%),linear-gradient(150deg,var(--result-raised),var(--result-glass) 72%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 52px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list {
  align-items:stretch!important;
  grid-auto-rows:minmax(78px,1fr)!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] .combat-result-message {
  grid-column:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-item,.combat-result-message) {
  position:relative!important;
  min-height:78px!important;
  height:auto!important;
  border-color:var(--result-line)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--result-chip) 88%,var(--result-raised)),var(--result-glass))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 18px color-mix(in srgb,var(--cockpit-shadow) 48%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item {
  padding:17px 10px 7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > mark {
  position:absolute!important;
  z-index:3!important;
  top:5px!important;
  right:7px!important;
  min-width:58px!important;
  height:15px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--battle-teal) 46%,var(--result-line))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--battle-teal) 13%,var(--result-chip))!important;
  color:color-mix(in srgb,var(--battle-teal) 76%,var(--cockpit-text) 24%)!important;
  font-size:5.5px!important;
  font-weight:1000!important;
  letter-spacing:.085em!important;
  line-height:1!important;
  text-decoration:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-locked="true"] .combat-reward-item > mark {
  border-color:color-mix(in srgb,var(--battle-gold) 48%,var(--result-line))!important;
  background:color-mix(in srgb,var(--battle-gold) 13%,var(--result-chip))!important;
  color:color-mix(in srgb,var(--battle-gold) 78%,var(--cockpit-text) 22%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-loss-item > mark {
  border-color:color-mix(in srgb,var(--battle-red) 52%,var(--result-line))!important;
  background:color-mix(in srgb,var(--battle-red) 13%,var(--result-chip))!important;
  color:color-mix(in srgb,var(--battle-red) 78%,var(--cockpit-text) 22%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-item > strong {
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 13px color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 22%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-result-message {
  animation:combat-reward-enter .5s cubic-bezier(.16,.82,.22,1) .27s both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-result-message:nth-child(2) {
  animation-delay:.42s!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing #battleRewardBonus {
  animation:battle-result-footer-in .42s ease .5s both!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-recovery {
  border-color:color-mix(in srgb,var(--battle-cyan) 39%,var(--result-line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--battle-cyan) 9%,var(--result-raised)),var(--result-glass))!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .combat-result-message.is-recovery .combat-result-message-art,
  .combat-result-message.is-safe .combat-result-message-art,
  .combat-loss-art
) {
  width:52px!important;
  height:52px!important;
  padding:9px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-result-message.is-recovery .combat-result-message-art {
  border:1px solid color-mix(in srgb,var(--battle-cyan) 48%,var(--result-line))!important;
  background:color-mix(in srgb,var(--battle-cyan) 13%,var(--result-chip))!important;
  color:var(--battle-cyan)!important;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--battle-cyan) 25%,transparent))!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus {
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  min-height:38px!important;
  padding:4px 8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  overflow:hidden!important;
  border:1px solid var(--result-line)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,var(--result-chip),color-mix(in srgb,var(--result-glass) 92%,transparent))!important;
  color:var(--cockpit-muted)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > span {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > span > :is(i,svg) {
  grid-column:1!important;
  grid-row:1/3!important;
  width:24px!important;
  height:24px!important;
  padding:4px!important;
  border:1px solid color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 38%,var(--result-line))!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 10%,var(--result-chip))!important;
  color:var(--outcome-accent,var(--battle-cyan))!important;
  box-sizing:border-box!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > span > b {
  grid-column:2!important;
  color:var(--cockpit-text)!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > span > small {
  grid-column:2!important;
  overflow:hidden!important;
  color:var(--cockpit-muted)!important;
  font-size:6px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > strong {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  overflow:hidden!important;
  color:color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 72%,var(--cockpit-text) 28%)!important;
  font-size:7px!important;
  font-weight:950!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > strong > :is(i,svg) {
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button:focus-visible {
  outline:3px solid color-mix(in srgb,var(--outcome-accent,var(--battle-cyan)) 34%,transparent)!important;
  outline-offset:2px!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-item,.combat-result-message) {
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 8px 18px rgba(25,77,93,.1)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] #battleRewardBonus {
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 6px 15px rgba(25,77,93,.08)!important;
}

/* Status surfaces no longer retain a dark-theme fill inside light fighter cards. */
#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip {
  border-color:var(--cockpit-line)!important;
  background:var(--cockpit-chip)!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip.is-buff {
  border-color:color-mix(in srgb,var(--battle-teal) 43%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--battle-teal) 12%,var(--cockpit-chip))!important;
  color:color-mix(in srgb,var(--battle-teal) 72%,var(--cockpit-text) 28%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-card-status-area .battle-status-chip.is-debuff {
  border-color:color-mix(in srgb,var(--battle-red) 43%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--battle-red) 11%,var(--cockpit-chip))!important;
  color:color-mix(in srgb,var(--battle-red) 72%,var(--cockpit-text) 28%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .enemy-health.is-capturable .battle-card-status-area {
  border-color:color-mix(in srgb,var(--battle-gold) 48%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--battle-gold) 12%,var(--cockpit-soft))!important;
  color:var(--cockpit-text)!important;
}

/* Both card bars and the command meter use the same flowing energy language. */
#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy > i {
  overflow:hidden!important;
  border-color:color-mix(in srgb,var(--battle-energy-b) 25%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--cockpit-track) 88%,rgba(0,12,20,.2))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy > i > em {
  border-radius:inherit!important;
  background:linear-gradient(90deg,var(--battle-energy-a),var(--battle-energy-b) 54%,var(--battle-energy-c),var(--battle-energy-b))!important;
  background-size:220% 100%!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--battle-energy-b) 40%,transparent),inset 0 1px rgba(255,255,255,.38)!important;
  transition:width .34s cubic-bezier(.2,.82,.2,1)!important;
  animation:battle-fighter-energy-flow 3.6s linear infinite!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy-current {
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  bottom:2px!important;
  z-index:4!important;
  width:var(--energy-level,0%)!important;
  max-width:calc(100% - 4px)!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:999px!important;
  opacity:.92!important;
  pointer-events:none!important;
  transition:width .34s cubic-bezier(.2,.82,.2,1),opacity .18s ease!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-energy > i {
  border-color:color-mix(in srgb,var(--energy-b) 34%,var(--cockpit-line))!important;
  background:linear-gradient(180deg,rgba(211,233,239,.96),rgba(230,245,248,.98))!important;
  box-shadow:inset 0 2px 5px rgba(42,105,123,.17),0 1px rgba(255,255,255,.9),0 0 0 3px color-mix(in srgb,var(--energy-b) 7%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy-current > i {
  position:absolute!important;
  left:-10px!important;
  top:50%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 5px 1px var(--energy-c),0 0 10px var(--energy-b)!important;
  opacity:0!important;
  animation:battle-energy-particle 2.45s linear infinite!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy-current > i:nth-child(2) {
  width:3px!important;
  height:3px!important;
  animation-delay:-.8s!important;
  animation-duration:2.9s!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy-current > i:nth-child(3) {
  width:2px!important;
  height:2px!important;
  animation-delay:-1.65s!important;
  animation-duration:2.15s!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy[data-energy-state="empty"] .combat-energy-current {
  opacity:0!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy.is-spending > span > i {
  animation:battle-energy-icon-spend .58s cubic-bezier(.2,.78,.22,1)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy.is-spending > i {
  animation:battle-energy-track-spend .58s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy.is-spending > i > em {
  animation:battle-energy-flow 3.4s linear infinite,battle-energy-spend .58s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy.is-restoring > span > i {
  animation:battle-energy-icon-restore .62s cubic-bezier(.18,.84,.2,1)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy.is-restoring > i {
  animation:battle-energy-track-restore .62s ease!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-energy.is-restoring > i > em {
  animation:battle-energy-flow 3.4s linear infinite,battle-energy-restore .62s ease!important;
}

@keyframes battle-fighter-energy-flow {
  to { background-position:-220% 0; }
}

@keyframes battle-energy-particle {
  0% { left:-10px;opacity:0;transform:translateY(-50%) scale(.55); }
  12% { opacity:.92; }
  78% { opacity:.82; }
  100% { left:calc(100% + 7px);opacity:0;transform:translateY(-50%) scale(1.12); }
}

@keyframes battle-energy-icon-spend {
  35% { transform:scale(.82) rotate(-10deg);filter:brightness(1.45) sepia(.35); }
  72% { transform:scale(1.08) rotate(4deg); }
}

@keyframes battle-energy-icon-restore {
  40% { transform:scale(1.22) rotate(8deg);filter:brightness(1.42);box-shadow:0 0 18px color-mix(in srgb,var(--energy-c) 64%,transparent); }
}

@keyframes battle-energy-track-spend {
  36% { border-color:color-mix(in srgb,#ffb454 74%,var(--cockpit-line));box-shadow:inset 0 2px 5px rgba(0,0,0,.52),0 0 15px rgba(255,154,60,.35); }
}

@keyframes battle-energy-track-restore {
  42% { border-color:color-mix(in srgb,var(--energy-c) 72%,var(--cockpit-line));box-shadow:inset 0 2px 5px rgba(0,0,0,.42),0 0 18px color-mix(in srgb,var(--energy-c) 44%,transparent); }
}

@keyframes battle-energy-spend {
  38% { filter:brightness(1.28) saturate(.72) hue-rotate(-24deg); }
}

@keyframes battle-energy-restore {
  40% { filter:brightness(1.42) saturate(1.22);box-shadow:0 0 17px color-mix(in srgb,var(--energy-c) 72%,transparent),inset 0 1px rgba(255,255,255,.58); }
}

@keyframes battle-result-footer-in {
  from { opacity:0;transform:translateY(6px); }
  to { opacity:1;transform:none; }
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"] { height:318px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { height:286px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { grid-template-rows:65px 14px minmax(66px,1fr) 37px!important;padding:8px 9px!important;gap:4px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] { grid-template-columns:1fr!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] .combat-result-message { min-height:58px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleRewardBonus { min-height:33px!important;padding:3px 6px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > span > small { display:none!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleRewardBonus > strong { font-size:6px!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"] { height:278px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { height:238px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-card { grid-template-rows:60px 13px minmax(58px,1fr) 34px!important;padding:7px 10px!important;gap:3px!important; }
  #battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-item,.combat-result-message) { min-height:58px!important; }
  #battleHud[data-battle-ui="2.9.9"] #battleRewardBonus { min-height:31px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #battleHud[data-battle-ui="2.9.9"] .battle-health > article > .battle-energy > i > em,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy-current > i,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy.is-spending > span > i,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy.is-spending > i,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy.is-spending > i > em,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy.is-restoring > span > i,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy.is-restoring > i,
  #battleHud[data-battle-ui="2.9.9"] .combat-energy.is-restoring > i > em,
  #battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing .combat-result-message,
  #battleHud[data-battle-ui="2.9.9"] .combat-decision.is-revealing #battleRewardBonus {
    animation:none!important;
  }
}

/* Keep the native hidden contract authoritative after all scoped overrides. */
#battleHud[data-battle-ui="2.9.9"] [hidden] {
  display:none!important;
}

/* --------------------------------------------------------------------------
   v2.9.9 battle cleanup — no screen blur, stable defeat acknowledgement
   This pass intentionally touches only modal blur, pause chrome and terminal UI.
   -------------------------------------------------------------------------- */

/* The four-piece world blur was removed from the DOM. Keep the legacy class inert
   so stale/cached markup can never reintroduce blur around the arena. */
#battleHud[data-battle-ui="2.9.9"] .battle-world-backdrop,
#battleHud[data-battle-ui="2.9.9"] .battle-world-backdrop > i {
  display:none!important;
  background:transparent!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

/* Pause stays readable without blurring the world and without a square icon tile. */
#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  background:color-mix(in srgb,var(--cockpit-surface) 72%,transparent)!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay > :is(i,svg) {
  width:82px!important;
  height:82px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--battle-cyan)!important;
  filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--cockpit-shadow) 72%,transparent))!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] #pauseBattle.is-active {
  border-color:rgba(16,151,192,.42)!important;
  background:linear-gradient(155deg,rgba(224,246,251,.98),rgba(204,235,244,.98))!important;
  color:#0a789d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 7px 17px rgba(33,103,123,.14)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] #pauseBattle.is-active > :is(i,svg) {
  color:#078fbd!important;
}

/* Hidden result actions must remain truly hidden even against the stronger button
   rules below. This prevents the disabled capture action from leaking into defeat. */
#battleHud[data-battle-ui="2.9.9"] .combat-decision-actions > button[hidden],
#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="defeat"] #beginCapture,
#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="draw"] #beginCapture {
  display:none!important;
}

/* Defeat/draw are explicit terminal states: one visible finish button, immediately. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"].has-terminal-actions {
  height:360px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result.has-terminal-actions {
  grid-template-rows:minmax(0,1fr) 64px!important;
  gap:9px!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result.has-terminal-actions .combat-decision-actions,
#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result.has-terminal-actions.is-revealing .combat-decision-actions {
  width:min(380px,100%)!important;
  grid-template-columns:1fr!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision.is-result.has-terminal-actions #finishBattle {
  display:grid!important;
}

/* Remove the decorative white scan that could flash as a stray strip on the left. */
#battleHud[data-battle-ui="2.9.9"] .battle-asset-loader::before {
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"].has-terminal-actions {
    height:300px!important;
  }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"].has-terminal-actions {
    height:270px!important;
  }
}



/* --------------------------------------------------------------------------
   v2.9.9 defeat losses + live world UI contract
   Combat freezes only the local trainer's world movement on the server. The
   shared world keeps running and global UI/windows remain interactive.
   -------------------------------------------------------------------------- */

/* The battle root is a visual layer; only its actual panels receive input. */
#battleHud[data-battle-ui="2.9.9"].is-open {
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] :is(
  .battle-shell,
  .battle-surrender-confirm,
  .battle-tactics,
  .combat-command-deck,
  .battle-pause-overlay
) {
  pointer-events:auto!important;
}

/* Global HUD and navigation stay available while combat is active. They sit
   above the battle layer so clicks cannot be swallowed by the combat root. */
body.is-battling :is(
  .world-topbar,
  #partyHud,
  #playerProfileButton,
  #playerStaminaHud,
  #questWidget,
  #worldMinimapShell,
  #desktopDock,
  #desktopUtilityRail,
  #desktopMoreMenu,
  .world-rail,
  .desktop-dock,
  .desktop-utility-rail,
  .mobile-dock
) {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  z-index:5100!important;
}

body.is-battling .chat-panel.is-minimized,
body.is-battling .chat-panel.is-open {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  z-index:5200!important;
}

body.is-battling .side-panel.is-open {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  z-index:5201!important;
}

@media (max-width:700px) {
  body.is-battling .mobile-dock {
    display:grid!important;
  }
}

/* Defeat contains only the outcome header, the actual loss list and the final
   action button. The generic reward footer must never reserve empty space. */
#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="defeat"] #battleRewardBonus,
#battleHud[data-battle-ui="2.9.9"] #battleRewardBonus[hidden] {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-decision[data-outcome="defeat"] .combat-reward-card {
  grid-template-rows:auto auto minmax(0,1fr)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] {
  align-content:start!important;
}

/* Quick battle-item wells follow the active UI theme instead of remaining
   permanently dark behind the item art. */
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child {
  border-color:rgba(51,137,160,.28)!important;
  background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.99),rgba(220,240,246,.98) 72%,rgba(202,229,237,.98))!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.72),0 5px 12px rgba(32,89,108,.14)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .combat-item-button:is(:hover,:focus-visible) > span:first-child {
  border-color:#1599bd!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.82),0 8px 17px rgba(32,89,108,.18),0 0 16px rgba(41,172,205,.18)!important;
}

html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] .combat-item-button > span:first-child {
  border-color:var(--cockpit-line)!important;
  background:radial-gradient(circle at 42% 34%,rgba(27,82,99,.96),rgba(2,24,35,.98))!important;
  box-shadow:inset 0 0 0 2px rgba(1,18,28,.62),0 5px 12px var(--cockpit-shadow)!important;
}


/* --------------------------------------------------------------------------
   v2.9.9 live-world battle contract — view everything, mutate no battle roster
   Global windows remain usable. Only controls that could alter the already
   materialized battle roster are visibly locked until combat ends.
   -------------------------------------------------------------------------- */
body.is-battling .side-panel .battle-roster-lock-note {
  margin:8px 0 10px!important;
  padding:8px 10px!important;
  border:1px solid color-mix(in srgb,var(--battle-cyan) 28%,transparent)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--cockpit-surface) 88%,transparent)!important;
  color:var(--cockpit-muted)!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.35!important;
}

body.is-battling .side-panel :is(
  [data-set-lead][disabled],
  [data-team-add][disabled],
  [data-team-remove][disabled],
  [data-evolve-pokemon][disabled]
) {
  opacity:.48!important;
  cursor:not-allowed!important;
  filter:saturate(.45)!important;
}

/* --------------------------------------------------------------------------
   v2.9.9 reward reveal + battle-world render contract
   The old decision card/two-button result is replaced by one staged payout.
   -------------------------------------------------------------------------- */

/* The fixed combat root must never steal clicks from world UI. Only the real
   combat shell and its explicit controls receive pointer input. */
#battleHud[data-battle-ui="2.9.9"].is-open {
  pointer-events:none!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-shell {
  pointer-events:auto!important;
}
body.is-battling :is(#desktopDock,.desktop-dock,.mobile-dock,.world-rail,.world-topbar,#desktopUtilityRail,#desktopMoreMenu) {
  pointer-events:auto!important;
  z-index:5300!important;
}
body.is-battling .chat-panel {
  z-index:5400!important;
}
body.is-battling .chat-panel.is-open,
body.is-battling .chat-panel.is-minimized {
  visibility:visible!important;
  pointer-events:auto!important;
}
body.is-battling .chat-panel.is-open:not(.is-minimized) {
  opacity:1!important;
}
body.is-battling .side-panel.is-open {
  z-index:5401!important;
}

/* New result scene: no reward card, no status badges, no Capture/Finish pair. */
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
#battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
  bottom:22px!important;
  width:min(760px,calc(100% - 92px))!important;
  height:340px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-result-scene {
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) 54px!important;
  align-content:end!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-result-outcome {
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:88px auto!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  opacity:0;
  transform:translateY(10px) scale(.96);
  transition:opacity .28s ease,transform .38s cubic-bezier(.2,.9,.2,1.18);
  filter:drop-shadow(0 10px 22px rgba(0,17,26,.34));
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-scene.is-outcome-visible .battle-result-outcome {
  opacity:1;
  transform:none;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-emblem,
#battleHud[data-battle-ui="2.9.9"] .battle-result-emblem .combat-result-art {
  width:88px!important;
  height:88px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-copy {
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-copy > small {
  color:color-mix(in srgb,var(--outcome-accent) 82%,#fff 18%)!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-copy > b {
  color:#f8fdff!important;
  font-size:44px!important;
  font-weight:1000!important;
  line-height:.88!important;
  letter-spacing:.025em!important;
  text-shadow:0 5px 18px rgba(0,18,27,.48),0 0 22px color-mix(in srgb,var(--outcome-accent) 30%,transparent)!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-copy > em {
  max-width:420px!important;
  overflow:hidden!important;
  color:#c9dfe6!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:780!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:0 2px 7px rgba(0,17,25,.4)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-result-drops {
  min-height:0!important;
  display:grid!important;
  grid-template-rows:18px minmax(0,1fr)!important;
  gap:4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-drops > header {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:color-mix(in srgb,var(--outcome-accent) 74%,#eefdff 26%)!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.17em!important;
  text-shadow:0 2px 7px rgba(0,15,23,.35)!important;
}

#battleHud[data-battle-ui="2.9.9"] .combat-reward-list,
#battleHud[data-battle-ui="2.9.9"] .combat-reward-list[data-mode="losses"] {
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  padding:0 6px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-reward-list::-webkit-scrollbar { display:none!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop {
  position:relative!important;
  flex:0 0 auto!important;
  width:min(190px,27vw)!important;
  min-width:146px!important;
  min-height:92px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 24px!important;
  align-items:center!important;
  column-gap:10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0;
  transform:translateY(18px) scale(.88);
  filter:none;
  transition:opacity .24s ease,transform .42s cubic-bezier(.16,.9,.22,1.18);
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop.is-visible {
  opacity:1;
  transform:none;
  filter:none;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop::before {
  content:'';
  position:absolute;
  left:4px;
  top:7px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--outcome-accent) 20%,transparent),transparent 68%);
  pointer-events:none;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop.is-loss::before {
  background:radial-gradient(circle,rgba(255,99,91,.18),transparent 68%);
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop-art {
  position:relative!important;
  z-index:1!important;
  grid-column:1!important;
  grid-row:1!important;
  width:64px!important;
  height:64px!important;
  padding:2px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 8px 12px rgba(0,15,24,.35))!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > span {
  min-width:0!important;
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  gap:3px!important;
  align-self:center!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > span > b {
  overflow:hidden!important;
  color:#f5fbfd!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:0 2px 7px rgba(0,17,25,.46)!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > span > small {
  overflow:hidden!important;
  color:#adcbd5!important;
  font-size:7px!important;
  font-weight:760!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:0 2px 6px rgba(0,17,25,.4)!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > strong {
  grid-column:1 / -1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:center!important;
  color:color-mix(in srgb,var(--outcome-accent) 78%,#fff 22%)!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 2px 9px rgba(0,17,25,.45)!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-reward-drop.is-loss > strong { color:#ff8b83!important; }

#battleHud[data-battle-ui="2.9.9"] .battle-result-action {
  justify-self:center!important;
  width:min(330px,80%)!important;
  height:54px!important;
  padding:0 16px 0 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid color-mix(in srgb,var(--outcome-accent) 62%,rgba(255,255,255,.25))!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--outcome-accent) 82%,#143745 18%),color-mix(in srgb,var(--outcome-accent) 58%,#092936 42%))!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,18,28,.28),inset 0 1px rgba(255,255,255,.22)!important;
  opacity:.42;
  transform:translateY(8px);
  pointer-events:none!important;
  transition:opacity .2s,transform .22s,filter .18s,box-shadow .18s!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action.is-ready:not(:disabled) {
  opacity:1;
  transform:none;
  pointer-events:auto!important;
  cursor:pointer!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action.is-ready:not(:disabled):is(:hover,:focus-visible) {
  filter:brightness(1.08)!important;
  box-shadow:0 13px 30px rgba(0,18,28,.34),0 0 18px color-mix(in srgb,var(--outcome-accent) 24%,transparent),inset 0 1px rgba(255,255,255,.28)!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action > span {
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  text-align:left!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action b {
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action small {
  overflow:hidden!important;
  color:rgba(255,255,255,.76)!important;
  font-size:6.5px!important;
  font-weight:760!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action > i,
#battleHud[data-battle-ui="2.9.9"] .battle-result-action > i > svg {
  width:28px!important;
  height:28px!important;
  color:#fff!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-result-action.is-pending { opacity:.58!important;pointer-events:none!important; }

/* Kill every trace of the old decision UI. */
#battleHud[data-battle-ui="2.9.9"] :is(.combat-reward-card,.combat-result-divider,.combat-decision-actions,#battleRewardBonus,#beginCapture,#finishBattle) {
  display:none!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-result-copy > b {
  color:#123744!important;
  text-shadow:0 3px 12px rgba(255,255,255,.9),0 6px 18px rgba(34,91,108,.14)!important;
}
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-result-copy > em,
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > span > small {
  color:#52727d!important;
  text-shadow:0 1px 5px rgba(255,255,255,.85)!important;
}
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > span > b {
  color:#173b47!important;
  text-shadow:0 1px 5px rgba(255,255,255,.9)!important;
}
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop > strong {
  text-shadow:0 1px 5px rgba(255,255,255,.9)!important;
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] {
    bottom:74px!important;
    width:calc(100% - 18px)!important;
    height:330px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-scene {
    grid-template-rows:auto minmax(0,1fr) 50px!important;
    gap:8px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-outcome {
    grid-template-columns:64px auto!important;
    gap:9px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-emblem,
  #battleHud[data-battle-ui="2.9.9"] .battle-result-emblem .combat-result-art { width:64px!important;height:64px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-copy > b { font-size:32px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-reward-list { justify-content:flex-start!important;gap:10px!important;padding:0 12px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop { width:150px!important;min-width:150px!important;grid-template-columns:54px minmax(0,1fr)!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop-art { width:52px!important;height:52px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop::before { width:48px;height:48px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-action { width:min(310px,92%)!important;height:50px!important; }
}

@media (max-height:650px) and (orientation:landscape) {
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="decision"],
  #battleHud[data-battle-ui="2.9.9"] .combat-command-deck[data-view="result"] { bottom:8px!important;height:250px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-emblem,
  #battleHud[data-battle-ui="2.9.9"] .battle-result-emblem .combat-result-art { width:58px!important;height:58px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-result-copy > b { font-size:30px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop { min-height:72px!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 20px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-reward-drop-art { width:48px!important;height:48px!important; }
}

/* --------------------------------------------------------------------------
   v2.9.9 battle application-window contract
   Combat is a background mode, not an owner of the application chrome.
   Navigation/chat/windows stay present and independently closable above it.
   -------------------------------------------------------------------------- */
body.is-battling #battleHud[data-battle-ui="2.9.9"].is-open {
  z-index:5000!important;
  pointer-events:none!important;
}
body.is-battling #battleHud[data-battle-ui="2.9.9"] .battle-shell {
  pointer-events:auto!important;
}

/* World chrome stays reachable. A minimized chat is a persistent control, not
   something combat is allowed to hide. */
body.is-battling :is(
  .world-topbar,#partyHud,#playerProfileButton,#playerStaminaHud,#questWidget,
  #worldMinimapShell,#desktopDock,#desktopUtilityRail,#desktopMoreMenu,
  .world-rail,.desktop-dock,.desktop-utility-rail,.mobile-dock
) {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  z-index:5600!important;
}
body.is-battling #chatPanel.is-open,
body.is-battling #chatPanel.is-minimized {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  z-index:5700!important;
}
body.is-battling #sidePanel.is-open,
body.is-battling #editorPanel.is-open {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  z-index:5710!important;
}
body.is-battling :is(#sidePanel,#chatPanel,#editorPanel).is-window-front {
  z-index:5790!important;
}
body.is-battling #sidePanel.is-open > .panel-close,
body.is-battling #chatPanel.is-open .chat-head-actions,
body.is-battling #editorPanel.is-open .editor-head {
  pointer-events:auto!important;
}
body.is-battling #sidePanel.is-open > .panel-close {
  z-index:30!important;
}

/* Opening an application window must not move, fade or disable the battle.
   The window simply stacks above it. */
@supports selector(body:has(*)) {
  body.is-battling:has(.chat-panel.is-open:not(.is-minimized)) #battleHud[data-battle-ui="2.9.9"] .battle-shell,
  body.is-battling:has(.side-panel.is-open) #battleHud[data-battle-ui="2.9.9"] .battle-shell {
    left:50%!important;
    right:auto!important;
    width:var(--battle-modal-width)!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* On narrow screens the most recently focused application window can cover
   another one, but closing it reveals the previous window instead of deleting
   its state. */
@media (max-width:800px) {
  body.is-battling :is(#sidePanel,#chatPanel,#editorPanel).is-window-front {
    z-index:5795!important;
  }
}

/* --------------------------------------------------------------------------
   v2.9.9 battle child-dialog + inventory read-only contract
   A world window may sit above combat; every transient dialog spawned by that
   window must sit above both the window and the pause overlay. Inventory stays
   inspectable during combat, but all item mutations are explicitly disabled.
   -------------------------------------------------------------------------- */
body.is-battling {
  --battle-layer:5000;
  --battle-world-ui-layer:5600;
  --battle-app-window-layer:5710;
  --battle-app-front-layer:5790;
  --battle-child-dialog-layer:5900;
}

/* The item dialog belongs to Inventory, not to the battle scene. It must never
   fall behind PAUSE or the combat command deck just because its DOM node lives
   earlier in the document. */
body.is-battling #inventoryItemDialog.is-open {
  z-index:var(--battle-child-dialog-layer)!important;
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  isolation:isolate;
}
body.is-battling #inventoryItemDialog.is-open .inventory-item-dialog-v2738__content {
  z-index:2!important;
  pointer-events:auto!important;
}
body.is-battling #inventoryItemDialog.is-open .inventory-item-dialog-v2738__backdrop {
  z-index:1!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

/* Browsing is allowed in combat; mutation is not. Keep cards/categories/search
   readable and clickable, while action controls communicate the lock clearly. */
.inventory-battle-readonly,
.inventory-item-dialog-battle-lock {
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:1px solid color-mix(in srgb,#d59b32 34%,var(--theme-border));
  background:color-mix(in srgb,#e7ac3c 7%,var(--theme-card));
  color:var(--theme-text);
}
.inventory-battle-readonly {
  min-height:44px;
  padding:8px 10px;
  border-radius:12px;
}
.inventory-item-dialog-battle-lock {
  min-height:50px;
  padding:9px 10px;
  border-radius:12px;
}
.inventory-battle-readonly > .inventory-ui-icon,
.inventory-item-dialog-battle-lock > .inventory-ui-icon {
  width:20px;
  height:20px;
  color:#c68c25;
  justify-self:center;
}
.inventory-battle-readonly b,
.inventory-item-dialog-battle-lock b {
  display:block;
  font-size:8px;
  font-weight:850;
}
.inventory-battle-readonly small,
.inventory-item-dialog-battle-lock small {
  display:block;
  margin-top:2px;
  color:var(--theme-muted);
  font-size:6.5px;
  line-height:1.35;
  font-weight:650;
}
.inventory-v2741.is-battle-readonly .inventory-v2741__summary {
  opacity:.58;
}
.inventory-item-dialog-v2741.is-battle-readonly .inventory-item-dialog-v2740__quantity :is(button,input),
.inventory-item-dialog-v2741.is-battle-readonly .inventory-item-dialog-v2741__actions button {
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}
.inventory-item-dialog-v2741.is-battle-readonly .inventory-item-dialog-v2741__actions button:is(:hover,:focus-visible),
.inventory-item-dialog-v2741.is-battle-readonly .inventory-item-dialog-v2740__quantity button:is(:hover,:focus-visible) {
  transform:none!important;
}

html[data-game-theme="light"] .inventory-battle-readonly,
html[data-game-theme="light"] .inventory-item-dialog-battle-lock {
  border-color:rgba(194,139,34,.28);
  background:rgba(218,164,58,.055);
}
html[data-game-theme="dark"] .inventory-battle-readonly,
html[data-game-theme="dark"] .inventory-item-dialog-battle-lock {
  border-color:rgba(232,180,76,.27);
  background:rgba(232,180,76,.075);
}

@media (max-width:760px) {
  body.is-battling #inventoryItemDialog.is-open {
    padding:8px 8px calc(68px + env(safe-area-inset-bottom))!important;
  }
  .inventory-battle-readonly {
    grid-template-columns:24px minmax(0,1fr);
    min-height:40px;
    padding:7px 8px;
  }
  .inventory-battle-readonly small { font-size:6px; }
}


/* --------------------------------------------------------------------------
   v2.9.9 battle pause menu contract
   Esc/P pause the PvE fight; pause is a real battle menu, not a tinted veil.
   No backdrop blur. Light/dark use the same semantic cockpit tokens.
   -------------------------------------------------------------------------- */
#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  z-index:72!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:color-mix(in srgb,var(--cockpit-shadow) 30%,transparent)!important;
  color:var(--cockpit-text)!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:auto!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay[aria-hidden="true"] {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu {
  width:min(440px,calc(100% - 28px))!important;
  display:grid!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid var(--cockpit-line-strong)!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  box-shadow:inset 0 1px color-mix(in srgb,#fff 18%,transparent),0 22px 56px var(--cockpit-shadow)!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header {
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header > :is(i,svg) {
  width:60px!important;
  height:60px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--battle-cyan)!important;
  box-shadow:none!important;
  filter:drop-shadow(0 7px 13px color-mix(in srgb,var(--cockpit-shadow) 70%,transparent))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header > span {
  display:grid!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header small,
#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode small {
  color:var(--battle-cyan)!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.11em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header b {
  color:var(--cockpit-text)!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-shadow:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header em {
  color:var(--cockpit-muted)!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-style:normal!important;
  font-weight:700!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 11px!important;
  border:1px solid var(--cockpit-line)!important;
  border-radius:14px!important;
  background:var(--cockpit-chip)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode > span {
  display:grid!important;
  gap:2px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode > span > b {
  color:var(--cockpit-text)!important;
  font-size:10px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode nav {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid var(--cockpit-line)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--cockpit-surface) 72%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode button {
  min-width:66px!important;
  min-height:31px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--cockpit-muted)!important;
  font-size:8px!important;
  font-weight:950!important;
  cursor:pointer!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode button.is-active {
  background:color-mix(in srgb,var(--battle-cyan) 16%,var(--cockpit-raised))!important;
  color:color-mix(in srgb,var(--battle-cyan) 76%,var(--cockpit-text) 24%)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--battle-cyan) 35%,var(--cockpit-line))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-mode button:disabled {
  opacity:.42!important;
  cursor:not-allowed!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions {
  display:grid!important;
  grid-template-columns:1.35fr 1fr 1fr!important;
  gap:7px!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button {
  min-width:0!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid var(--cockpit-line)!important;
  border-radius:13px!important;
  background:linear-gradient(150deg,var(--cockpit-chip),var(--cockpit-surface))!important;
  color:var(--cockpit-text)!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px color-mix(in srgb,#fff 10%,transparent)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button:hover,
#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button:focus-visible {
  border-color:var(--cockpit-line-strong)!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--battle-cyan) 9%,var(--cockpit-chip)),var(--cockpit-surface))!important;
  outline:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button > :is(i,svg) {
  width:27px!important;
  height:27px!important;
  color:var(--battle-cyan)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button > span {
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button b {
  color:inherit!important;
  font-size:9px!important;
  line-height:1.05!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button small {
  color:var(--cockpit-muted)!important;
  font-size:6px!important;
  line-height:1.15!important;
  letter-spacing:.02em!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > .is-primary {
  border-color:color-mix(in srgb,var(--battle-cyan) 46%,var(--cockpit-line))!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--battle-cyan) 15%,var(--cockpit-raised)),var(--cockpit-chip))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > .is-danger {
  border-color:color-mix(in srgb,var(--battle-red) 42%,var(--cockpit-line))!important;
  color:color-mix(in srgb,var(--battle-red) 74%,var(--cockpit-text) 26%)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > .is-danger > :is(i,svg) {
  color:var(--battle-red)!important;
}

/* Surrender is a decision card, never an instant action and never a blur layer. */
#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm {
  z-index:90!important;
  background:color-mix(in srgb,var(--cockpit-shadow) 34%,transparent)!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm > article {
  border-color:color-mix(in srgb,var(--battle-red) 42%,var(--cockpit-line))!important;
  background:linear-gradient(150deg,var(--cockpit-raised),var(--cockpit-surface))!important;
  color:var(--cockpit-text)!important;
  box-shadow:inset 0 1px color-mix(in srgb,#fff 12%,transparent),0 22px 56px var(--cockpit-shadow)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-surrender-confirm p {
  color:var(--cockpit-muted)!important;
}

#battleHud[data-battle-ui="2.9.9"] #keepBattling {
  border-color:color-mix(in srgb,var(--battle-cyan) 38%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--battle-cyan) 10%,var(--cockpit-chip))!important;
  color:var(--cockpit-text)!important;
}

#battleHud[data-battle-ui="2.9.9"] #confirmSurrender {
  border-color:color-mix(in srgb,var(--battle-red) 48%,var(--cockpit-line))!important;
  background:color-mix(in srgb,var(--battle-red) 14%,var(--cockpit-chip))!important;
  color:color-mix(in srgb,var(--battle-red) 72%,var(--cockpit-text) 28%)!important;
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay { padding:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-menu { width:min(430px,calc(100% - 10px))!important;padding:11px!important;gap:8px!important;border-radius:17px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header { grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header > :is(i,svg) { width:44px!important;height:44px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-menu > header b { font-size:22px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-mode { grid-template-columns:1fr!important;gap:6px!important;padding:7px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-actions { grid-template-columns:1fr!important;gap:5px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button { min-height:43px!important;grid-template-columns:23px minmax(0,1fr)!important;padding:6px 8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-actions > button > :is(i,svg) { width:22px!important;height:22px!important; }
}

/* Pause settings is a child of the pause menu and must render above it. */
#battleHud[data-battle-ui="2.9.9"].is-paused .battle-tactics.is-open {
  z-index:82!important;
}

/* --------------------------------------------------------------------------
   v2.9.9 pause simplification
   Pause is only a state indicator. The existing bottom battle controls remain
   the only controls; the overlay must never capture CHAT/window clicks.
   -------------------------------------------------------------------------- */
#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay {
  z-index:72!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
  color:var(--cockpit-text)!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-overlay[aria-hidden="true"] {
  display:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-status {
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  margin-top:-3vh!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) {
  width:72px!important;
  height:72px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--battle-cyan)!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--cockpit-shadow) 70%,transparent)) drop-shadow(0 10px 20px color-mix(in srgb,var(--cockpit-shadow) 45%,transparent))!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b {
  margin:0!important;
  padding:0!important;
  color:var(--cockpit-text)!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 2px color-mix(in srgb,var(--cockpit-surface) 90%,transparent),0 5px 18px var(--cockpit-shadow)!important;
}

html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b {
  color:#15354a!important;
  text-shadow:0 1px 0 rgba(255,255,255,.95),0 4px 14px rgba(255,255,255,.85),0 6px 18px rgba(24,64,87,.18)!important;
}

html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b {
  color:#eefbff!important;
  text-shadow:0 2px 3px rgba(0,0,0,.85),0 6px 20px rgba(0,0,0,.6)!important;
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status { gap:6px!important;margin-top:-1vh!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) { width:56px!important;height:56px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b { font-size:26px!important; }
}

/* --------------------------------------------------------------------------
   v2.9.9 instant pause feedback + optical pause alignment
   The pause state flips locally on the same frame; this block only fixes visual
   alignment and keeps the surrender confirmation stable while awaiting server.
   -------------------------------------------------------------------------- */
#battleHud[data-battle-ui="2.9.9"] .battle-pause-status {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  transform:translateY(4px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) {
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  margin-right:-7px!important;
  transform:translateY(1px)!important;
}

#battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b {
  display:block!important;
  font-size:34px!important;
  line-height:.92!important;
  letter-spacing:.075em!important;
}

#battleHud[data-battle-ui="2.9.9"] #confirmSurrender[aria-busy="true"] {
  cursor:progress!important;
  opacity:.82!important;
}

#battleHud[data-battle-ui="2.9.9"] #keepBattling:disabled,
#battleHud[data-battle-ui="2.9.9"] #confirmSurrender:disabled {
  pointer-events:none!important;
}

@media (max-width:700px) {
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status { gap:0!important;transform:translateY(2px)!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) { width:34px!important;height:34px!important;flex-basis:34px!important;margin-right:-6px!important; }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b { font-size:27px!important; }
}


/*
   v2.9.9 active roster arrow + refreshed utility buttons
   The active Pokemon slot needs an explicit pointer because up to six identical
   portraits may exist. Utility buttons are restyled to the supplied pill look
   in both light and dark themes.
*/
#battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
  width:132px!important;
  padding:8px 0 0!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions {
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  gap:10px!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle,
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
  min-height:50px!important;
  padding:0 14px!important;
  border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--battle-ui-accent) 28%,var(--battle-ui-border))!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:start!important;
  gap:10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(232,246,251,.97))!important;
  color:#1f89d7!important;
  box-shadow:0 9px 20px rgba(55,111,128,.14), inset 0 1px rgba(255,255,255,.96), inset 0 -1px rgba(79,171,207,.12)!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > :is(i,svg),
#battleHud[data-battle-ui="2.9.9"] #cancelBattle > :is(i,svg) {
  width:22px!important;
  height:22px!important;
  color:currentColor!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle > b {
  color:currentColor!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}
#battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle,
#battleHud[data-battle-ui="2.9.9"] #pauseBattle,
#battleHud[data-battle-ui="2.9.9"] #pauseBattle.is-active {
  border-color:rgba(71,166,215,.42)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(234,247,252,.98))!important;
  color:#2288d5!important;
}
#battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle:is(:hover,:focus-visible),
#battleHud[data-battle-ui="2.9.9"] #pauseBattle:is(:hover,:focus-visible),
#battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle[aria-expanded="true"] {
  transform:translateY(-1px)!important;
  border-color:rgba(48,155,214,.58)!important;
  background:linear-gradient(180deg,rgba(255,255,255,1),rgba(222,242,250,.99))!important;
  box-shadow:0 12px 22px rgba(39,102,121,.18), inset 0 1px rgba(255,255,255,.98), inset 0 -1px rgba(61,161,203,.14)!important;
}
#battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  border-color:rgba(233,124,138,.55)!important;
  background:linear-gradient(180deg,rgba(255,249,249,.99),rgba(255,234,236,.98))!important;
  color:#ee535a!important;
  box-shadow:0 9px 20px rgba(158,74,82,.14), inset 0 1px rgba(255,255,255,.96), inset 0 -1px rgba(245,127,140,.13)!important;
}
#battleHud[data-battle-ui="2.9.9"] #cancelBattle:is(:hover,:focus-visible) {
  transform:translateY(-1px)!important;
  border-color:rgba(231,92,109,.66)!important;
  background:linear-gradient(180deg,rgba(255,253,253,1),rgba(255,226,230,.99))!important;
  box-shadow:0 12px 22px rgba(160,72,82,.18), inset 0 1px rgba(255,255,255,.97), inset 0 -1px rgba(240,107,123,.15)!important;
}
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active,
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  box-shadow:0 10px 22px rgba(1,8,12,.28), inset 0 1px rgba(255,255,255,.06), inset 0 -1px rgba(255,255,255,.03)!important;
}
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle,
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #pauseBattle,
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #pauseBattle.is-active {
  border-color:rgba(90,176,226,.34)!important;
  background:linear-gradient(180deg,rgba(28,47,61,.97),rgba(19,34,46,.98))!important;
  color:#76c7ff!important;
}
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle:is(:hover,:focus-visible),
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #pauseBattle:is(:hover,:focus-visible),
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #battleTacticsToggle[aria-expanded="true"] {
  border-color:rgba(110,199,251,.52)!important;
  background:linear-gradient(180deg,rgba(35,58,75,.98),rgba(22,40,53,.99))!important;
}
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #cancelBattle {
  border-color:rgba(221,109,121,.42)!important;
  background:linear-gradient(180deg,rgba(59,34,40,.98),rgba(40,24,29,.99))!important;
  color:#ff808a!important;
}
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] #cancelBattle:is(:hover,:focus-visible) {
  border-color:rgba(238,127,140,.58)!important;
  background:linear-gradient(180deg,rgba(69,39,46,.99),rgba(46,27,33,1))!important;
}
.battle-stage .battle-roster-slot > .battle-roster-active-arrow {
  position:absolute!important;
  z-index:5!important;
  left:-15px!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#39b7ff!important;
  opacity:0!important;
  transform:translate(-2px,-50%) scale(.85)!important;
  filter:drop-shadow(0 2px 4px rgba(30,132,193,.24));
  transition:opacity .14s ease,transform .14s ease,color .14s ease!important;
  pointer-events:none!important;
}
.battle-stage .battle-roster-slot > .battle-roster-active-arrow svg {
  width:100%!important;
  height:100%!important;
  display:block!important;
}
html[data-game-theme="light"] .battle-stage .battle-roster-slot > .battle-roster-active-arrow {
  color:#35aefa!important;
}
html[data-game-theme="dark"] .battle-stage .battle-roster-slot > .battle-roster-active-arrow {
  color:#7bd8ff!important;
  filter:drop-shadow(0 3px 7px rgba(29,131,179,.38));
}
.battle-stage .battle-roster-slot.is-active > .battle-roster-active-arrow {
  opacity:1!important;
  transform:translate(0,-50%) scale(1)!important;
}
@media (max-width: 900px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel { width:120px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions { gap:8px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle,
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
    min-height:46px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:8px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > :is(i,svg),
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle > :is(i,svg) { width:20px!important;height:20px!important; }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b,
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle > b { font-size:10px!important; }
  .battle-stage .battle-roster-slot > .battle-roster-active-arrow { left:-13px!important;width:16px!important;height:16px!important; }
}


/*
   v2.9.9 pause polish + utility button containment
   The first pill-button pass overshot the available utility rail width and the
   pause badge icon looked too small/high. This pass keeps the buttons inside
   the battle frame and makes the pause mark read as one clean centered lockup.
*/
#battleHud[data-battle-ui="2.9.9"] .combat-main-row {
  grid-template-columns:minmax(364px,1fr) 154px 122px!important;
  gap:8px!important;
  align-items:end!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
  width:122px!important;
  min-width:122px!important;
  max-width:122px!important;
  padding:0!important;
  align-self:end!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions {
  gap:8px!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle,
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  min-height:44px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:8px!important;
  overflow:hidden!important;
}
#battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b,
#battleHud[data-battle-ui="2.9.9"] #cancelBattle > b {
  min-width:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-pause-status {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  transform:none!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) {
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
#battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b {
  font-size:48px!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}
html[data-game-theme="light"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) {
  color:#169ce6!important;
}
html[data-game-theme="dark"] #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) {
  color:#5fc9ff!important;
}
@media (max-width: 900px) {
  #battleHud[data-battle-ui="2.9.9"] .combat-main-row {
    grid-template-columns:minmax(0,1fr) 146px 114px!important;
    gap:6px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-panel {
    width:114px!important;
    min-width:114px!important;
    max-width:114px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions {
    gap:7px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button,
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle,
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button.is-active {
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:7px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > :is(i,svg),
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle > :is(i,svg) {
    width:19px!important;
    height:19px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .combat-utility-actions > button > b,
  #battleHud[data-battle-ui="2.9.9"] #cancelBattle > b {
    font-size:9px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status {
    gap:8px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > :is(i,svg) {
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  #battleHud[data-battle-ui="2.9.9"] .battle-pause-status > b {
    font-size:38px!important;
  }
}