/* V1.28Beta identity battle desktop duel-mini override */
@media (min-width: 900px) {
  html body:not(.maintenance-mode) #appRoot.identity-battle-app .arena {
    background:
      linear-gradient(180deg, rgba(5, 17, 35, 0.08), rgba(4, 12, 25, 0.16)),
      var(--identity-field-image) center / cover no-repeat !important;
}

/* Final high-specificity identity battle override. Earlier identity files repeat IDs. */
@media (min-width: 900px) {
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) {
    background: transparent !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #teamBoard#teamBoard.team-board,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring::before,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-ring-core.seat-ring-core {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.self-seat.self-seat {
    --identity-mini-card-w: clamp(226px, 12vw, 252px);
    --identity-mini-card-h: clamp(106px, 12vh, 138px);
    --identity-mini-art-w: clamp(82px, 5vw, 100px);
    --identity-mini-gap: clamp(6px, 0.45vw, 9px);
    width: var(--identity-mini-card-w) !important;
    min-width: var(--identity-mini-card-w) !important;
    max-width: var(--identity-mini-card-w) !important;
    height: var(--identity-mini-card-h) !important;
    min-height: var(--identity-mini-card-h) !important;
    max-height: var(--identity-mini-card-h) !important;
    display: grid !important;
    grid-template-columns: var(--identity-mini-art-w) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: var(--identity-mini-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: visible !important;
    transform: translate(-50%, -50%) !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring[data-seats="7"] .seat-fighter.seat-fighter,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring[data-seats="8"] .seat-fighter.seat-fighter,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring[data-seats="9"] .seat-fighter.seat-fighter,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring[data-seats="10"] .seat-fighter.seat-fighter {
    --identity-mini-card-w: clamp(210px, 11vw, 238px);
    --identity-mini-card-h: clamp(96px, 10.5vh, 122px);
    --identity-mini-art-w: clamp(74px, 4.6vw, 88px);
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-art.team-art {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    border: 1px solid rgba(212, 235, 255, 0.82) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(2, 8, 18, 0.16)),
      var(--team-art) center top / cover no-repeat !important;
    box-shadow:
      0 0 0 1px rgba(14, 30, 48, 0.45),
      0 10px 22px rgba(0, 0, 0, 0.26) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-info.team-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(4px, 0.32vw, 6px) !important;
    padding: clamp(6px, 0.44vw, 9px) !important;
    border: 1px solid rgba(206, 232, 255, 0.82) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(135deg, rgba(245, 252, 255, 0.94), rgba(227, 239, 247, 0.86) 46%, rgba(188, 211, 225, 0.78)),
      rgba(236, 245, 250, 0.88) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 10px 22px rgba(0, 0, 0, 0.22) !important;
    overflow: visible !important;
    color: #10283f !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-info.team-info header {
    position: absolute !important;
    left: calc(-1 * (var(--identity-mini-art-w) + var(--identity-mini-gap))) !important;
    top: clamp(-30px, -2.2vh, -22px) !important;
    z-index: 38 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: calc(var(--identity-mini-card-w) + 78px) !important;
    min-height: 24px !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(229, 244, 255, 0.92) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(16, 31, 47, 0.78), rgba(31, 53, 70, 0.56)) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-info.team-info header strong {
    color: #ffffff !important;
    font-size: clamp(0.72rem, 0.72vw, 0.9rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.36) !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-info.team-info header small {
    display: inline-flex !important;
    color: rgba(218, 245, 255, 0.92) !important;
    font-size: clamp(0.58rem, 0.58vw, 0.72rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-card-inscription {
    top: 6px !important;
    right: 5px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(74px, calc(var(--identity-mini-art-w) - 10px)) !important;
    max-width: calc(var(--identity-mini-art-w) - 10px) !important;
    padding: 3px 5px !important;
    border-radius: 8px 8px 8px 3px !important;
    transform: none !important;
    overflow: visible !important;
    z-index: 18 !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-skill {
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    width: auto !important;
    min-height: 24px !important;
    max-height: 30px !important;
    padding: 4px 7px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    z-index: 16 !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-mini-bars {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 4px !important;
    min-height: 0 !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-stat-stack {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-stat {
    min-width: 0 !important;
    min-height: 18px !important;
    padding: 2px 4px !important;
    border-radius: 6px !important;
    font-size: clamp(0.52rem, 0.54vw, 0.66rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-status-bar {
    min-height: 24px !important;
    height: auto !important;
    max-height: none !important;
    padding: 3px !important;
    border-radius: 8px !important;
    background: rgba(13, 30, 46, 0.1) !important;
    overflow: auto !important;
    align-content: start !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-equipment {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-height: 24px !important;
    max-height: 32px !important;
    overflow: visible !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .team-choice {
    min-height: 0 !important;
    max-height: 28px !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #seatRing#seatRing#seatRing#seatRing.seat-ring .seat-fighter.seat-fighter .identity-role-badge {
    top: clamp(-18px, -1.6vh, -12px) !important;
    right: clamp(-20px, -1.2vw, -12px) !important;
    z-index: 42 !important;
    overflow: visible !important;
    pointer-events: none !important;
    clip-path: none !important;
    mask-image: none !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden])) #sidePanel#sidePanel.side:not([hidden]) {
    --identity-battle-log-w: clamp(208px, 11.5vw, 226px);
    position: fixed !important;
    top: clamp(54px, 6.2vh, 72px) !important;
    right: clamp(6px, 0.55vw, 12px) !important;
    bottom: clamp(12px, 1vw, 18px) !important;
    left: auto !important;
    width: var(--identity-battle-log-w) !important;
    min-width: var(--identity-battle-log-w) !important;
    max-width: var(--identity-battle-log-w) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    align-content: stretch !important;
    margin: 0 !important;
    padding: clamp(9px, 0.72vw, 12px) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transform: none !important;
    z-index: 118 !important;
  }

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

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden])) #sidePanel#sidePanel.side:not([hidden]) > section:first-child {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden])) #sidePanel#sidePanel.side:not([hidden]) #log.log,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden])) #sidePanel#sidePanel.side:not([hidden]) .log {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 3px !important;
    white-space: normal !important;
  }

  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden])) #sidePanel#sidePanel.side:not([hidden]) .log article {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px 9px !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) > .utility.utility {
    position: fixed !important;
    left: max(14px, env(safe-area-inset-left)) !important;
    right: auto !important;
    top: max(68px, env(safe-area-inset-top)) !important;
    bottom: auto !important;
    z-index: 130 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    max-width: min(42vw, 520px) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) > .utility.utility > button.secondary-btn {
    min-width: 0 !important;
    min-height: 32px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot#appRoot.app.identity-battle-app #battle#battle#battle#battle.battle.identity-battle:not([hidden]) #cards#cards#cards.cards {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

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

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle {
    background: transparent !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle #seatRing.seat-ring::before,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle #seatRing.seat-ring::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 0 !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-ring-core {
    display: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-ring {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-board {
    overflow: visible !important;
    background: transparent !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-fighter,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-fighter.seat-fighter {
    --identity-mini-card-w: clamp(228px, 13.5vw, 292px);
    --identity-mini-card-h: clamp(108px, 13.2vh, 154px);
    --identity-mini-art-w: clamp(86px, 5.8vw, 120px);
    --identity-mini-gap: clamp(6px, 0.45vw, 10px);
    width: var(--identity-mini-card-w) !important;
    min-width: var(--identity-mini-card-w) !important;
    max-width: var(--identity-mini-card-w) !important;
    height: var(--identity-mini-card-h) !important;
    min-height: var(--identity-mini-card-h) !important;
    max-height: var(--identity-mini-card-h) !important;
    display: grid !important;
    grid-template-columns: var(--identity-mini-art-w) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: var(--identity-mini-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: visible !important;
    transform: translate(-50%, -50%) !important;
    contain: layout style !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-ring[data-seats="7"] .seat-fighter,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-ring[data-seats="8"] .seat-fighter,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-ring[data-seats="9"] .seat-fighter,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-ring[data-seats="10"] .seat-fighter {
    --identity-mini-card-w: clamp(216px, 12.4vw, 268px);
    --identity-mini-card-h: clamp(100px, 11.8vh, 136px);
    --identity-mini-art-w: clamp(78px, 5.1vw, 104px);
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-fighter::before,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-fighter::after,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-info::before,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-info::after {
    content: none !important;
    display: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-art {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
    border: 1px solid rgba(212, 235, 255, 0.82) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(2, 8, 18, 0.16)),
      var(--team-art) center top / cover no-repeat !important;
    box-shadow:
      0 0 0 1px rgba(14, 30, 48, 0.45),
      0 10px 22px rgba(0, 0, 0, 0.26) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(4px, 0.32vw, 7px) !important;
    padding: clamp(7px, 0.48vw, 10px) !important;
    border: 1px solid rgba(206, 232, 255, 0.82) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(135deg, rgba(245, 252, 255, 0.94), rgba(227, 239, 247, 0.86) 46%, rgba(188, 211, 225, 0.78)),
      rgba(236, 245, 250, 0.88) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 10px 22px rgba(0, 0, 0, 0.22) !important;
    overflow: visible !important;
    color: #10283f !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-info header {
    position: absolute !important;
    left: calc(-1 * (var(--identity-mini-art-w) + var(--identity-mini-gap))) !important;
    top: clamp(-30px, -2.2vh, -22px) !important;
    z-index: 38 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: calc(var(--identity-mini-card-w) + 72px) !important;
    min-height: 24px !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(229, 244, 255, 0.92) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(16, 31, 47, 0.78), rgba(31, 53, 70, 0.56)) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-info header strong {
    color: #ffffff !important;
    font-size: clamp(0.72rem, 0.72vw, 0.9rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.36) !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-info header small {
    display: inline-flex !important;
    color: rgba(218, 245, 255, 0.92) !important;
    font-size: clamp(0.58rem, 0.58vw, 0.72rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28) !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-card-inscription {
    top: 6px !important;
    right: 5px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(74px, calc(var(--identity-mini-art-w) - 10px)) !important;
    max-width: calc(var(--identity-mini-art-w) - 10px) !important;
    padding: 3px 5px !important;
    border-radius: 8px 8px 8px 3px !important;
    transform: none !important;
    overflow: visible !important;
    z-index: 18 !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-card-inscription small {
    display: block !important;
    font-size: 0.52rem !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-card-inscription strong {
    display: block !important;
    font-size: clamp(0.74rem, 0.78vw, 1rem) !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-skill {
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    width: auto !important;
    min-height: 26px !important;
    max-height: 32px !important;
    padding: 4px 7px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    z-index: 16 !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-skill .skill-name {
    font-size: clamp(0.58rem, 0.62vw, 0.74rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-mini-bars {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 4px !important;
    min-height: 0 !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-mini-row {
    min-height: 14px !important;
    gap: 5px !important;
    font-size: clamp(0.54rem, 0.55vw, 0.68rem) !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-mini-meter {
    height: 6px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-stat-stack {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-stat {
    min-width: 0 !important;
    min-height: 20px !important;
    padding: 2px 4px !important;
    border-radius: 6px !important;
    font-size: clamp(0.54rem, 0.56vw, 0.68rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-status-bar {
    min-height: 26px !important;
    max-height: none !important;
    height: auto !important;
    overflow: auto !important;
    align-content: start !important;
    padding: 3px !important;
    border-radius: 8px !important;
    background: rgba(13, 30, 46, 0.1) !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-equipment {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-height: 26px !important;
    max-height: 34px !important;
    overflow: visible !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-equipment .equipment-slot {
    min-width: 0 !important;
    min-height: 26px !important;
    height: 100% !important;
    border-radius: 7px !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .team-choice {
    min-height: 0 !important;
    max-height: 28px !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-fighter .identity-role-badge {
    top: clamp(-18px, -1.6vh, -12px) !important;
    right: clamp(-20px, -1.2vw, -12px) !important;
    z-index: 42 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-fighter .identity-role-badge,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .seat-fighter .identity-role-badge * {
    clip-path: none !important;
    mask-image: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle .cards,
  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle #cards.cards {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

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

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle #cards.cards > .action-card {
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle > .utility {
    position: fixed !important;
    left: max(14px, env(safe-area-inset-left)) !important;
    right: auto !important;
    top: max(14px, env(safe-area-inset-top)) !important;
    bottom: auto !important;
    z-index: 130 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: min(42vw, 520px) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body:not(.maintenance-mode) #appRoot.identity-battle-app #battle.identity-battle > .utility .secondary-btn {
    min-width: 0 !important;
    min-height: 32px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(221, 240, 255, 0.75) !important;
    background: rgba(8, 21, 34, 0.52) !important;
    color: #f4fbff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: blur(7px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.08) !important;
  }

  html body:not(.maintenance-mode).battle-controls-active #appRoot.identity-battle-app ~ #sidePanel.side:not([hidden]),
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) {
    --identity-battle-log-w: clamp(214px, 12.8vw, 252px);
    position: fixed !important;
    top: clamp(54px, 6.2vh, 72px) !important;
    right: clamp(10px, 0.8vw, 16px) !important;
    bottom: clamp(12px, 1vw, 18px) !important;
    left: auto !important;
    width: var(--identity-battle-log-w) !important;
    min-width: var(--identity-battle-log-w) !important;
    max-width: var(--identity-battle-log-w) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    align-content: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: clamp(9px, 0.75vw, 12px) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transform: none !important;
    z-index: 118 !important;
  }

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

  html body:not(.maintenance-mode).battle-controls-active #appRoot.identity-battle-app ~ #sidePanel.side:not([hidden]) > section:first-child,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) > section:first-child {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  html body:not(.maintenance-mode).battle-controls-active #appRoot.identity-battle-app ~ #sidePanel.side:not([hidden]) .status-line,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) .status-line {
    min-height: 0 !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  html body:not(.maintenance-mode).battle-controls-active #appRoot.identity-battle-app ~ #sidePanel.side:not([hidden]) h2,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) h2 {
    margin: 0 !important;
    font-size: clamp(15px, 1vw, 18px) !important;
    line-height: 1.15 !important;
  }

  html body:not(.maintenance-mode).battle-controls-active #appRoot.identity-battle-app ~ #sidePanel.side:not([hidden]) .log,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) .log {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 3px !important;
    white-space: normal !important;
  }

  html body:not(.maintenance-mode).battle-controls-active #appRoot.identity-battle-app ~ #sidePanel.side:not([hidden]) .log article,
  html body:not(.maintenance-mode).battle-controls-active:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) .log article {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px 9px !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.maintenance-mode).battle-controls-active.battle-log-collapsed:has(#appRoot.identity-battle-app #battle.identity-battle:not([hidden])) #sidePanel.side:not([hidden]) {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(calc(100% + 18px)) !important;
  }
}