/* V1.28Beta-battle-log-column2: keep desktop 1v1 battle report as a real right-side column. */
@media (min-width: 900px) {
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) {
    --battle-log-width-final: clamp(216px, 13.5vw, 258px) !important;
    --battle-log-top-final: clamp(52px, 6.2vh, 72px) !important;
    --battle-stage-edge-final: clamp(12px, 1vw, 18px) !important;
    --duel-stage-left-safe: clamp(18px, 1.6vw, 30px) !important;
    --duel-stage-right-safe: calc(var(--battle-log-width-final) + var(--battle-stage-edge-final) + clamp(14px, 1.2vw, 24px)) !important;
    --duel-stage-usable-width: calc(100vw - var(--duel-stage-left-safe) - var(--duel-stage-right-safe)) !important;
    --fighter-card-w: clamp(250px, 21.5vw, 392px) !important;
    --fighter-panel-w: clamp(96px, 7.6vw, 154px) !important;
    --fighter-inner-gap: clamp(8px, 0.72vw, 14px) !important;
    --fighter-gap: clamp(16px, 2.3vw, 54px) !important;
    --versus-size: clamp(44px, 4vw, 66px) !important;
    --fighter-card-h: min(calc(100dvh - clamp(190px, 18dvh, 230px)), clamp(470px, 62dvh, 620px)) !important;
    --combatant-w: calc(var(--fighter-panel-w) + var(--fighter-card-w) + var(--fighter-inner-gap)) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) {
    position: fixed !important;
    top: var(--battle-log-top-final, 56px) !important;
    right: var(--battle-stage-edge-final, 14px) !important;
    bottom: var(--battle-stage-edge-final, 14px) !important;
    left: auto !important;
    width: var(--battle-log-width-final, 280px) !important;
    min-width: var(--battle-log-width-final, 280px) !important;
    max-width: var(--battle-log-width-final, 280px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    align-content: stretch !important;
    justify-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: clamp(10px, 0.86vw, 14px) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) {
    inset: 0 var(--duel-stage-right-safe) 0 var(--duel-stage-left-safe) !important;
    width: auto !important;
    max-width: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active.battle-log-collapsed:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) {
    inset: 0 var(--duel-stage-left-safe) 0 var(--duel-stage-left-safe) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighters.fighters {
    --fighter-card-w: clamp(250px, 21.5vw, 392px) !important;
    --fighter-panel-w: clamp(96px, 7.6vw, 154px) !important;
    --fighter-inner-gap: clamp(8px, 0.72vw, 14px) !important;
    --fighter-gap: clamp(16px, 2.3vw, 54px) !important;
    --versus-size: clamp(44px, 4vw, 66px) !important;
    --fighter-card-h: min(calc(100dvh - clamp(190px, 18dvh, 230px)), clamp(470px, 62dvh, 620px)) !important;
    --combatant-w: calc(var(--fighter-panel-w) + var(--fighter-card-w) + var(--fighter-inner-gap)) !important;
    position: absolute !important;
    inset: var(--battle-stage-edge-final) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns:
      minmax(0, var(--combatant-w))
      var(--versus-size)
      minmax(0, var(--combatant-w)) !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: var(--fighter-gap) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .combatant.combatant {
    width: var(--combatant-w) !important;
    min-width: 0 !important;
    max-width: var(--combatant-w) !important;
    height: var(--fighter-card-h) !important;
    min-height: 0 !important;
    max-height: var(--fighter-card-h) !important;
    align-self: center !important;
    align-items: stretch !important;
    padding: 0 !important;
    gap: var(--fighter-inner-gap) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .you-combatant.you-combatant {
    grid-template-columns: var(--fighter-panel-w) var(--fighter-card-w) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .opponent-combatant.opponent-combatant {
    grid-template-columns: var(--fighter-card-w) var(--fighter-panel-w) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter.fighter,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel {
    height: var(--fighter-card-h) !important;
    min-height: var(--fighter-card-h) !important;
    max-height: var(--fighter-card-h) !important;
    align-self: stretch !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter.fighter {
    width: var(--fighter-card-w) !important;
    min-width: var(--fighter-card-w) !important;
    max-width: var(--fighter-card-w) !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    padding: clamp(7px, 0.62vw, 10px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel {
    width: var(--fighter-panel-w) !important;
    min-width: var(--fighter-panel-w) !important;
    max-width: var(--fighter-panel-w) !important;
    display: grid !important;
    grid-template-rows: minmax(44px, auto) minmax(46px, auto) minmax(34px, auto) minmax(34px, auto) minmax(34px, auto) minmax(28px, 1fr) !important;
    gap: clamp(6px, 0.58vw, 9px) !important;
    padding: clamp(7px, 0.68vw, 11px) !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) .fighter-panel.fighter-panel > * {
    min-width: 0 !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) .fighter-head.fighter-head {
    min-height: clamp(32px, 4.2vh, 44px) !important;
    margin: 0 0 clamp(5px, 0.52vw, 8px) !important;
    padding: clamp(5px, 0.5vw, 8px) clamp(7px, 0.68vw, 10px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) .character-face.character-face {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    transform: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) .avatar.avatar {
    background-size: var(--duel-portrait-size, auto 102%), cover, cover !important;
    background-position: var(--duel-portrait-position, center bottom), center center, center center !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) .fighter-panel.fighter-panel .status-bar.status-bar {
    min-height: 42px !important;
    max-height: clamp(78px, 11.5vh, 118px) !important;
    padding: clamp(5px, 0.52vw, 7px) !important;
    gap: 5px !important;
  }

  html body:not(.maintenance-mode).battle-controls-active.battle-log-collapsed:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) {
    display: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) > section.rules {
    display: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) > section:first-child {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: clamp(8px, 0.72vw, 12px) !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) .battle-status.status-line {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) h2 {
    flex: 0 0 auto !important;
    margin: 2px 0 0 !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) #log.log {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: clamp(8px, 0.7vw, 12px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) #log.log article,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #sidePanel#sidePanel.side:not([hidden]) #log.log p {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) #cards#cards#cards.cards.cards {
    left: calc(var(--duel-stage-left-safe) + (100vw - var(--duel-stage-left-safe) - var(--duel-stage-right-safe)) / 2) !important;
    right: auto !important;
    bottom: calc(max(16px, env(safe-area-inset-bottom)) + clamp(106px, 10.4dvh, 150px)) !important;
    width: min(760px, calc(var(--duel-stage-usable-width) - 80px)) !important;
    min-width: min(560px, calc(var(--duel-stage-usable-width) - 80px)) !important;
    max-width: calc(var(--duel-stage-usable-width) - 80px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translateX(-50%) !important;
    isolation: isolate !important;
  }

  html body:not(.maintenance-mode).battle-controls-active.battle-log-collapsed:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) #cards#cards#cards.cards.cards {
    left: 50% !important;
    width: min(760px, calc(100vw - 140px)) !important;
    min-width: min(560px, calc(100vw - 140px)) !important;
    max-width: calc(100vw - 140px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #battle#battle#battle.battle:not([hidden]) #cards#cards#cards.cards.cards::before,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #battle#battle#battle.battle:not([hidden]) #cards#cards#cards.cards.cards::after,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #cards#cards#cards.cards.cards > .action-card.action-card::before,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #cards#cards#cards.cards.cards > .action-card.action-card::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #cards#cards#cards.cards.cards > .action-card.action-card {
    background-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) #cards#cards#cards.cards.cards > button.action-card.action-card {
    box-shadow: none !important;
    filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]) #cards#cards#cards.cards.cards > button.action-card.action-card.chosen-action {
    box-shadow: none !important;
    filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) > :is(.language-toggle.language-toggle, .music-toggle.music-toggle, button#battleWallpaperToggle#battleWallpaperToggle.battle-wallpaper-toggle) {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) > :is(.language-toggle.language-toggle, .music-toggle.music-toggle, button#battleWallpaperToggle#battleWallpaperToggle.battle-wallpaper-toggle)::before,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) > :is(.language-toggle.language-toggle, .music-toggle.music-toggle, button#battleWallpaperToggle#battleWallpaperToggle.battle-wallpaper-toggle)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
  }
}

@media (min-width: 900px) and (max-width: 1100px) {
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) {
    --battle-log-width-final: clamp(186px, 18vw, 210px) !important;
    --duel-stage-left-safe: 12px !important;
    --duel-stage-right-safe: calc(var(--battle-log-width-final) + 20px) !important;
    --fighter-card-w: clamp(216px, 24vw, 250px) !important;
    --fighter-panel-w: clamp(78px, 8.6vw, 96px) !important;
    --fighter-inner-gap: 8px !important;
    --fighter-gap: 10px !important;
    --versus-size: 40px !important;
    --fighter-card-h: min(calc(100dvh - 190px), 540px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighters.fighters {
    --fighter-card-w: clamp(216px, 24vw, 250px) !important;
    --fighter-panel-w: clamp(78px, 8.6vw, 96px) !important;
    --fighter-inner-gap: 8px !important;
    --fighter-gap: 10px !important;
    --versus-size: 40px !important;
    --fighter-card-h: min(calc(100dvh - 190px), 540px) !important;
    --combatant-w: calc(var(--fighter-panel-w) + var(--fighter-card-w) + var(--fighter-inner-gap)) !important;
  }
}

/* V1.28Beta-desktop-battle-spread1:
   Desktop 1v1 battle standard: portraits sit on the outside, status panels face VS,
   and the center keeps a real breathing gap so portraits/frames never collide with VS. */
@media (min-width: 900px) {
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighters.fighters {
    --fighter-card-w: clamp(205px, 22vw, 230px) !important;
    --fighter-panel-w: clamp(74px, 7.6vw, 86px) !important;
    --fighter-inner-gap: 8px !important;
    --fighter-gap: clamp(18px, 2vw, 26px) !important;
    --versus-size: 40px !important;
    --fighter-card-h: clamp(450px, calc(100dvh - 230px), 560px) !important;
    --combatant-w: calc(var(--fighter-card-w) + var(--fighter-panel-w) + var(--fighter-inner-gap)) !important;
    grid-template-columns: var(--combatant-w) var(--versus-size) var(--combatant-w) !important;
    gap: var(--fighter-gap) !important;
    justify-content: center !important;
    align-items: center !important;
    width: min(100%, calc(var(--combatant-w) * 2 + var(--versus-size) + var(--fighter-gap) * 2)) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .you-combatant.you-combatant {
    grid-template-columns: var(--fighter-card-w) var(--fighter-panel-w) !important;
    gap: var(--fighter-inner-gap) !important;
    justify-self: end !important;
    width: var(--combatant-w) !important;
    min-width: var(--combatant-w) !important;
    max-width: var(--combatant-w) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .opponent-combatant.opponent-combatant {
    grid-template-columns: var(--fighter-panel-w) var(--fighter-card-w) !important;
    gap: var(--fighter-inner-gap) !important;
    justify-self: start !important;
    width: var(--combatant-w) !important;
    min-width: var(--combatant-w) !important;
    max-width: var(--combatant-w) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .you-combatant.you-combatant > .fighter.fighter,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .opponent-combatant.opponent-combatant > .fighter-panel.fighter-panel {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .you-combatant.you-combatant > .fighter-panel.fighter-panel,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .opponent-combatant.opponent-combatant > .fighter.fighter {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter.fighter {
    width: var(--fighter-card-w) !important;
    min-width: var(--fighter-card-w) !important;
    max-width: var(--fighter-card-w) !important;
    height: var(--fighter-card-h) !important;
    min-height: var(--fighter-card-h) !important;
    max-height: var(--fighter-card-h) !important;
    overflow: visible !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel {
    width: var(--fighter-panel-w) !important;
    min-width: var(--fighter-panel-w) !important;
    max-width: var(--fighter-panel-w) !important;
    height: var(--fighter-card-h) !important;
    min-height: var(--fighter-card-h) !important;
    max-height: var(--fighter-card-h) !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .versus.versus {
    justify-self: center !important;
    align-self: center !important;
    width: var(--versus-size) !important;
    min-width: var(--versus-size) !important;
    max-width: var(--versus-size) !important;
    height: var(--versus-size) !important;
    min-height: var(--versus-size) !important;
    max-height: var(--versus-size) !important;
    z-index: 6 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel :is(.fighter-head, .fighter-head b, .fighter-head span, .status-bar, .meter-row, .energy, .fatigue, .laziness, .fatigue-row, .choice, .stat-label, .stat-value, b, strong, span, em, small, .meter-row > b, .status-token, .status-token b, .status-token em, .equipment-slot, .equipment-slot b, .equipment-slot span) {
    color: #102033 !important;
    -webkit-text-fill-color: #102033 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .82), 0 0 8px rgba(255, 255, 255, .42) !important;
  }
}

@media (min-width: 1101px) {
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighters.fighters {
    --fighter-card-w: clamp(260px, 25vw, 320px) !important;
    --fighter-panel-w: clamp(90px, 8vw, 108px) !important;
    --fighter-inner-gap: clamp(8px, 0.75vw, 10px) !important;
    --fighter-gap: clamp(22px, 2.1vw, 34px) !important;
    --versus-size: clamp(48px, 4vw, 56px) !important;
    --fighter-card-h: clamp(500px, calc(100dvh - 230px), 640px) !important;
    --combatant-w: calc(var(--fighter-card-w) + var(--fighter-panel-w) + var(--fighter-inner-gap)) !important;
  }
}

@media (min-width: 1280px) {
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighters.fighters {
    --fighter-card-w: clamp(330px, 26vw, 500px) !important;
    --fighter-panel-w: clamp(100px, 7.8vw, 146px) !important;
    --fighter-inner-gap: clamp(10px, 0.8vw, 14px) !important;
    --fighter-gap: clamp(32px, 3.1vw, 62px) !important;
    --versus-size: clamp(58px, 4.2vw, 78px) !important;
    --fighter-card-h: clamp(560px, calc(100dvh - 230px), 720px) !important;
    --combatant-w: calc(var(--fighter-card-w) + var(--fighter-panel-w) + var(--fighter-inner-gap)) !important;
  }
}

/* V1.28Beta-battle-log-final-tight-actions1 */
@media (min-width: 900px) {
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighters.fighters {
    --fighter-card-w: clamp(212px, 20.3vw, 292px) !important;
    --fighter-panel-w: clamp(166px, 14.8vw, 238px) !important;
    --fighter-inner-gap: clamp(9px, 0.9vw, 14px) !important;
    --fighter-gap: clamp(18px, 2.1vw, 42px) !important;
    --versus-size: clamp(48px, 4.2vw, 64px) !important;
    --fighter-card-h: clamp(430px, calc(100dvh - 230px), 570px) !important;
    --combatant-w: calc(var(--fighter-card-w) + var(--fighter-panel-w) + var(--fighter-inner-gap)) !important;
    align-items: start !important;
    margin-top: clamp(0px, 0.5dvh, 6px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) {
    --fighter-panel-w: clamp(166px, 14.8vw, 238px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter.fighter {
    grid-template-rows: clamp(30px, 4.1dvh, 38px) minmax(0, 1fr) !important;
    gap: clamp(4px, 0.6dvh, 6px) !important;
    padding: clamp(4px, 0.55dvh, 6px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel {
    width: var(--fighter-panel-w) !important;
    min-width: var(--fighter-panel-w) !important;
    max-width: var(--fighter-panel-w) !important;
    overflow: visible !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel .equipment-slots.equipment-slots {
    min-height: clamp(66px, 8.5dvh, 86px) !important;
    grid-template-columns: repeat(3, minmax(42px, 1fr)) !important;
    gap: clamp(5px, 0.55vw, 7px) !important;
    padding: clamp(5px, 0.6vw, 7px) !important;
    overflow: visible !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .fighter-panel.fighter-panel .equipment-slot.equipment-slot {
    min-height: clamp(46px, 6.1dvh, 58px) !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .character-face.character-face {
    grid-template-rows: minmax(0, 1fr) clamp(48px, 6.1dvh, 64px) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) .avatar.avatar {
    background-position: var(--duel-portrait-position, var(--art-position, center 36%)), center center, center center !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards {
    left: calc((100vw - var(--battle-log-width-final, 236px) - var(--battle-stage-edge-final, 16px)) / 2) !important;
    right: auto !important;
    bottom: calc(env(safe-area-inset-bottom) + clamp(10px, 1.8dvh, 18px)) !important;
    z-index: 42 !important;
    width: clamp(420px, 40vw, 700px) !important;
    min-width: 0 !important;
    max-width: min(700px, calc(100vw - var(--battle-log-width-final, 236px) - 24px)) !important;
    height: clamp(78px, 8.4dvh, 92px) !important;
    min-height: clamp(78px, 8.4dvh, 92px) !important;
    max-height: clamp(78px, 8.4dvh, 92px) !important;
    padding: 0 !important;
    gap: clamp(9px, 1vw, 13px) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards::before,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards::after,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.action-card::before,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.action-card::after {
    content: none !important;
    display: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.action-card {
    height: clamp(78px, 8.4dvh, 92px) !important;
    min-height: clamp(78px, 8.4dvh, 92px) !important;
    max-height: clamp(78px, 8.4dvh, 92px) !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: var(--action-panel-art, none) !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.attack {
    background-image: var(--action-attack-panel-art, var(--action-panel-art, none)) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.defend {
    background-image: var(--action-defend-panel-art, var(--action-panel-art, none)) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.charge {
    background-image: var(--action-charge-panel-art, var(--action-panel-art, none)) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)) #appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app) #battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle) #cards#cards#cards.cards.cards > .action-card.action-card > span {
    position: absolute !important;
    left: 42% !important;
    right: 7% !important;
    top: 50% !important;
    bottom: auto !important;
    z-index: 3 !important;
    display: block !important;
    max-width: none !important;
    transform: translateY(-50%) !important;
    color: #f9fbff !important;
    -webkit-text-fill-color: #f9fbff !important;
    font-size: clamp(15px, 2dvh, 21px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .95), 0 0 10px color-mix(in srgb, var(--action-solid) 30%, transparent) !important;
  }
}