/* 15.1.42.1 mobile pass 3 — presentación horizontal real y draft táctil. */

/* Ningún control de combate puede sobrevivir fuera de screenBattle. */
body:not(.battleActive) .f2dTouchControls,
body.f2dTouchRoundsOverlay .f2dTouchControls {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.f2dMobileLandscapeUi {
  width: 100vw;
  height: var(--f2d-viewport-height, 100dvh);
  min-height: 0;
  overflow: hidden;
  overscroll-behavior: none;
}
body.f2dMobileLandscapeUi .app {
  width: 100vw !important;
  height: var(--f2d-viewport-height, 100dvh) !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.f2dMobileLandscapeUi .screen.active {
  width: 100%;
  height: 100%;
  min-height: 0;
}

/* Home: composición deliberada para teléfono apaisado, no desktop encogido. */
body.f2dMobileLandscapeUi.homeActive .homeCinematicScreen { min-height: 100%; height: 100%; }
body.f2dMobileLandscapeUi.homeActive .homeMenuGrid {
  width: 100%;
  height: 100%;
  min-height: 0;
  grid-template-columns: minmax(245px, 42vw) 1fr !important;
  align-items: center;
  justify-content: stretch;
  gap: 16px;
  padding: max(14px, env(safe-area-inset-top)) max(26px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));
}
body.f2dMobileLandscapeUi.homeActive .homeMenuPanel { gap: 14px; align-content: center; }
body.f2dMobileLandscapeUi.homeActive .mainGameTitle {
  margin-bottom: 8px;
  font-size: clamp(2.45rem, 8.4vh, 4.3rem);
  line-height: .84;
  letter-spacing: -.025em;
}
body.f2dMobileLandscapeUi.homeActive .homeTagline {
  max-width: 340px !important;
  margin: 0;
  font-size: clamp(.78rem, 2.7vh, 1rem);
  line-height: 1.35;
}
body.f2dMobileLandscapeUi.homeActive .homeMenuButtons { width: 230px; gap: 3px !important; }
body.f2dMobileLandscapeUi.homeActive .homeNavButton {
  min-height: 0;
  padding: 5px 3px !important;
  font-size: clamp(1.05rem, 4.3vh, 1.55rem);
  letter-spacing: .015em;
}
body.f2dMobileLandscapeUi.homeActive .homeCopyright { bottom: 6px; font-size: .62rem; }

/* Selección: scroll vertical de pantalla. La geometría de las tarjetas de modo
   vive únicamente en selectionModeIntegration15117.css. */
body.f2dMobileLandscapeUi[data-f2d-screen="select"] #screenSelect {
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: max(5px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));
}
body.f2dMobileLandscapeUi[data-f2d-screen="select"] .qualitySelectionRoot,
body.f2dMobileLandscapeUi[data-f2d-screen="select"] .qualityFlowShell {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body.f2dMobileLandscapeUi[data-f2d-screen="select"] .selectionCleanHeader,
body.f2dMobileLandscapeUi[data-f2d-screen="select"] .rosterOnlyHeader {
  position: sticky;
  top: 0;
  z-index: 40;
  min-height: 44px;
  padding: 5px 8px !important;
  border-radius: 10px;
  background: rgba(3, 8, 18, .92);
  backdrop-filter: blur(10px);
}
body.f2dMobileLandscapeUi[data-f2d-screen="select"] .selectionCleanHeader h2 {
  letter-spacing: .015em !important;
  line-height: .98 !important;
}
/* Batalla: mantiene el HUD Smash anclado abajo y comparte geometría con el editor. */
body.f2dMobileLandscapeUi.battleActive {
  --f2d-battle-app-padding: 0px;
  --f2d-battle-top-reserve: 0px;
  --f2d-battle-available-height: var(--f2d-viewport-height, 100dvh);
  --f2d-hud-bottom-gap: max(4px, env(safe-area-inset-bottom));
  --f2d-hud-side-gap: max(5px, env(safe-area-inset-left));
}
body.f2dMobileLandscapeUi.battleActive.f2dTouchEditorOpen {
  --f2d-battle-top-reserve: 52px;
  --f2d-battle-available-height: calc(var(--f2d-viewport-height, 100dvh) - var(--f2d-battle-top-reserve));
}
body.f2dMobileLandscapeUi.battleActive .battleViewport {
  width: min(var(--f2d-viewport-width, 100vw), calc(var(--f2d-battle-available-height) * 16 / 9)) !important;
  height: min(var(--f2d-battle-available-height), calc(var(--f2d-viewport-width, 100vw) * 9 / 16)) !important;
  max-width: var(--f2d-viewport-width, 100vw) !important;
  max-height: var(--f2d-battle-available-height) !important;
  border-radius: 0 !important;
}
body.f2dMobileLandscapeUi.battleActive.f2dTouchEditorOpen .battleViewport {
  position: absolute !important;
  inset: var(--f2d-battle-top-reserve) auto auto 50% !important;
  margin: 0 !important;
  transform: translateX(-50%);
}
body.f2dMobileLandscapeUi.battleActive .battleQuickBar { top: 5px !important; left: 5px !important; gap: 4px !important; }
body.f2dMobileLandscapeUi.battleActive .battleQuickBar button { min-height: 0; padding: 5px 7px !important; font-size: .66rem !important; border-radius: 7px !important; }
body.f2dMobileLandscapeUi.battleActive .battleClock { top: 5px; right: 5px; transform: scale(.7); transform-origin: top right; }

/* Contrato visual 15.1.42.11: una sola fila inferior P1→P4, compacta y completa. */
body.f2dMobileLandscapeUi.battleActive {
  --f2d-hud-safe-height: clamp(54px, 15vh, 64px);
}
body.f2dMobileLandscapeUi.battleActive .smashHud {
  left: max(5px, env(safe-area-inset-left)) !important;
  right: max(5px, env(safe-area-inset-right)) !important;
  top: auto !important;
  bottom: var(--f2d-hud-bottom-gap) !important;
  z-index: 36 !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-content: end !important;
  align-items: end !important;
  gap: clamp(2px, .42vw, 5px) !important;
  height: auto !important;
  max-height: var(--f2d-hud-safe-height) !important;
}
body.f2dMobileLandscapeUi.battleActive .smashHud[data-player-count="1"] { grid-template-columns: minmax(0, min(520px, 100%)) !important; justify-content: center; }
body.f2dMobileLandscapeUi.battleActive .smashHud[data-player-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.f2dMobileLandscapeUi.battleActive .smashHud[data-player-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
body.f2dMobileLandscapeUi.battleActive .smashHud[data-player-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer {
  position: relative;
  min-width: 0 !important;
  min-height: 0 !important;
  height: clamp(54px, 15vh, 62px) !important;
  max-height: 62px !important;
  grid-template-columns: clamp(24px, 6vh, 31px) minmax(0, 1fr) minmax(25px, auto) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: clamp(2px, .38vw, 5px) !important;
  padding: 3px 4px !important;
  border-width: 1px !important;
  border-radius: 9px !important;
  box-shadow: 0 4px 0 rgba(0,0,0,.18) !important;
  backdrop-filter: blur(2px) !important;
  overflow: hidden !important;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashPortrait {
  width: clamp(24px, 6vh, 31px) !important;
  height: clamp(24px, 6vh, 31px) !important;
  aspect-ratio: 1;
  border-width: 2px !important;
  border-radius: 7px !important;
  font-size: clamp(12px, 3.2vh, 16px) !important;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashHudData { min-width: 0; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashHudData > strong { font-size: clamp(8px, 2.05vh, 10px) !important; line-height: 1; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashHudData > small { display: block !important; margin-top: 0; font-size: clamp(7px, 1.72vh, 8.5px) !important; line-height: 1; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashLives { margin-top: 1px !important; min-height: 9px !important; gap: 1px !important; overflow: visible !important; white-space: nowrap; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .heart { font-size: clamp(8px, 2.15dvh, 11px) !important; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .heartMore,
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .heartCount,
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashScore,
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashDeaths { padding: 1px 3px !important; font-size: clamp(6px, 1.55vh, 7.5px) !important; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashDamage {
  align-self: center !important;
  min-width: 28px !important;
  font-size: clamp(17px, 4.7vh, 24px) !important;
  line-height: .86;
  letter-spacing: -.025em !important;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashDamage span { font-size: clamp(7px, 1.9vh, 9px) !important; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .uniqueWorldHud {
  width: 100%;
  min-width: 0 !important;
  grid-template-columns: minmax(22px, 1fr) auto;
  gap: 2px;
  margin-top: 1px !important;
  transform: none !important;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .uniqueWorldHud > span { min-width: 0; height: 4px; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .uniqueWorldHud > b { font-size: clamp(6px, 1.55vh, 7.5px) !important; letter-spacing: 0; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .hudResourceCorner {
  position: static !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1px !important;
  margin-top: 1px;
  max-width: 100%;
  overflow: hidden;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .resourceChip {
  min-width: 0;
  max-width: 100%;
  padding: 1px 3px !important;
  border-radius: 5px !important;
  font-size: clamp(6px, 1.55dvh, 7.5px) !important;
  line-height: 1;
  letter-spacing: 0;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudCompact1514211 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 3px;
  width: 100%;
  color: #f5f3ff;
}
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudCompact1514211 > span { display: inline-flex; align-items: baseline; gap: 2px; min-width: 0; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudCompact1514211 small { font-size: clamp(7px, 1.65dvh, 8px); line-height: 1; color: #d8b4fe; text-transform: none; white-space: nowrap; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudCompact1514211 b { font-size: clamp(10px, 2.55dvh, 13px); line-height: 1; color: #fff; white-space: nowrap; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudCompact1514211 i { font-size: .68em; font-style: normal; color: #c4b5fd; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudNeed1514211 { justify-content: flex-end; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudNeed1514211 small { color: #fde68a; }
body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .roundsHudTimed1514211 em { font-size: clamp(7px, 1.65dvh, 8px); font-style: normal; color: #fde68a; white-space: nowrap; }
body.f2dMobileLandscapeUi.battleActive .f2dTouchControls [data-touch-btn],
body.f2dMobileLandscapeUi.battleActive .f2dTouchControls .f2dTouchStick {
  margin: 0 !important;
  width: min(var(--s, 64px), clamp(44px, 15vh, 62px)) !important;
  height: min(var(--s, 64px), clamp(44px, 15vh, 62px)) !important;
  top: min(
    calc(var(--y, 50%) + var(--f2d-viewport-offset-y, 0px)),
    calc(var(--f2d-viewport-height, 100vh) - var(--f2d-hud-safe-height) - var(--f2d-hud-bottom-gap) - 7px - (min(var(--s, 64px), clamp(44px, 15vh, 62px)) * .5))
  ) !important;
}


/* Editor táctil: sólo reserva la barra; el HUD sigue abajo con la misma autoridad. */
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchEditorBar { min-height: 52px; height: 52px; padding-top: 5px; padding-bottom: 5px; gap: 6px; }
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchEditorIdentity small { display: none; }
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchEditorIdentity strong { font-size: 13px; }
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchEditorBar select { min-width: 96px; padding: 5px 6px; font-size: 10px; }
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchVisiblePlayersLabel select { min-width: 42px; }
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchEditorActions button { min-height: 0; padding: 6px 8px; font-size: 11px; }
body.f2dMobileLandscapeUi.f2dTouchEditorOpen .f2dTouchEditorHint { top: 57px; max-width: 64vw; padding: 4px 9px; font-size: 10px; }

/* Rounds touch: el jugador toca y desplaza cartas; el joystick no intercepta. */
body.f2dTouchRoundsOverlay .roundsModeOverlay { pointer-events: auto; }
body.f2dTouchRoundsOverlay .roundsModeOverlay:not(.roundsDraftSpectator1514220):not(.roundsDraftPaused1514220):not(.roundsDraftInputLocked15123) .roundsDraftCards,
body.f2dTouchRoundsOverlay .roundsModeOverlay:not(.roundsDraftSpectator1514220):not(.roundsDraftPaused1514220):not(.roundsDraftInputLocked15123) .roundsDraftCard {
  pointer-events: auto !important;
  cursor: pointer !important;
}
body.f2dTouchRoundsOverlay .roundsModeOverlay.roundsDraftSpectator1514220 .roundsDraftCard,
body.f2dTouchRoundsOverlay .roundsModeOverlay.roundsDraftPaused1514220 .roundsDraftCard {
  filter: saturate(.65) brightness(.82);
}
body.f2dTouchRoundsOverlay .roundsModeOverlay.roundsDraftPaused1514220 .roundsTouchConfirm151421,
body.f2dTouchRoundsOverlay .roundsModeOverlay.roundsDraftSpectator1514220 .roundsTouchConfirm151421 {
  opacity: .68;
  cursor: not-allowed;
}
body.f2dTouchRoundsOverlay .roundsDim { backdrop-filter: blur(1px); }
body.f2dTouchRoundsOverlay .roundsTopHud {
  left: 5px;
  right: 5px;
  top: 5px;
  gap: 5px;
  align-items: start;
}
body.f2dTouchRoundsOverlay .roundsOwnedGroup { max-width: 34vw; padding: 5px 7px; border-radius: 10px; }
body.f2dTouchRoundsOverlay .roundsOwnedGroup small { margin-bottom: 2px; font-size: .58rem; }
body.f2dTouchRoundsOverlay .roundsOwnedList { gap: 3px; max-height: 30px; overflow: hidden; }
body.f2dTouchRoundsOverlay .roundsOwnedCard { padding: 2px 4px; font-size: .55rem; }
body.f2dTouchRoundsOverlay .roundsOwnedCard b { width: 15px; height: 15px; }
body.f2dTouchRoundsOverlay .roundsScore15139 { display: grid !important; max-width: 40vw; padding: 4px 6px; border-radius: 10px; }
body.f2dTouchRoundsOverlay .roundsScore15139 > em { font-size: .52rem; }
body.f2dTouchRoundsOverlay .roundsScore15139 > div > span { padding: 1px 4px; }
body.f2dTouchRoundsOverlay .roundsScore15139 > div > span small { font-size: .48rem; max-width: 70px; }
body.f2dTouchRoundsOverlay .roundsScore15139 > div > span b { font-size: .78rem; }
body.f2dTouchRoundsOverlay .roundsDraftCenter {
  inset: 45px 4px 4px !important;
  grid-template-rows: auto minmax(0, 1fr) 25px !important;
  gap: 4px !important;
  padding: 0 !important;
}
body.f2dTouchRoundsOverlay .roundsDraftHeading {
  width: 100% !important;
  max-width: none !important;
  padding: 3px 7px 4px !important;
  border-radius: 8px;
  background: rgba(3,5,16,.94) !important;
}
body.f2dTouchRoundsOverlay .roundsDraftHeading > span { font-size: .55rem; letter-spacing: .08em; }
body.f2dTouchRoundsOverlay .roundsDraftHeading > strong { margin-top: 1px; font-size: clamp(1rem, 4.8vh, 1.45rem); letter-spacing: .01em; }
body.f2dTouchRoundsOverlay .roundsDraftHeading > small { margin-top: 2px; font-size: .58rem; }
body.f2dTouchRoundsOverlay .roundsSeriesProgress15139 { width: min(700px, 86vw); gap: 2px; padding: 2px 4px 3px; }
body.f2dTouchRoundsOverlay .roundsSeriesGoal15139 { display: flex; justify-content: center; gap: 8px; align-items: baseline; }
body.f2dTouchRoundsOverlay .roundsSeriesGoal15139 strong { font-size: .66rem; }
body.f2dTouchRoundsOverlay .roundsSeriesGoal15139 small { font-size: .52rem; }
body.f2dTouchRoundsOverlay .roundsSeriesPlayers15139 { gap: 3px; }
body.f2dTouchRoundsOverlay .roundsSeriesPlayer15139 { padding: 2px 5px; min-height: 24px; }
body.f2dTouchRoundsOverlay .roundsSeriesPlayer15139 small { font-size: .53rem; }
body.f2dTouchRoundsOverlay .roundsSeriesPlayer15139 b { font-size: .9rem; }
body.f2dTouchRoundsOverlay .roundsSeriesPlayer15139 span { font-size: .42rem; }
body.f2dTouchRoundsOverlay .roundsDraftCardViewport15137 {
  width: min(760px, 96vw) !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y !important;
  scrollbar-width: thin;
  scrollbar-color: var(--f2d-scrollbar-thumb) var(--f2d-scrollbar-track);
}
body.f2dTouchRoundsOverlay .roundsDraftCards {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 3px 4px 46px !important;
}
body.f2dTouchRoundsOverlay .roundsDraftCard {
  grid-template-rows: 72px minmax(78px, auto);
  min-height: 150px;
  height: auto;
  border-radius: 12px;
  transform: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
body.f2dTouchRoundsOverlay .roundsDraftCard.selected {
  border-color: color-mix(in srgb, var(--rounds-touch-player-color, #f8fafc) 72%, #fde68a);
  box-shadow: 0 0 0 3px var(--rounds-touch-player-accent, rgba(248,250,252,.30)), 0 9px 24px rgba(0,0,0,.35);
}
body.f2dTouchRoundsOverlay .roundsDraftCard.chosen {
  border-color: #fde68a;
  filter: brightness(1.12) saturate(1.06);
  box-shadow: 0 0 0 3px rgba(250,204,21,.24), 0 9px 24px rgba(0,0,0,.38);
}
body.f2dTouchRoundsOverlay .roundsCardArt { min-height: 0 !important; height: 72px !important; }
body.f2dTouchRoundsOverlay .roundsCardArt::after { inset: 6px; border-radius: 8px; }
body.f2dTouchRoundsOverlay .roundsCardArt span { font-size: clamp(2rem, 10vh, 3.2rem); }
body.f2dTouchRoundsOverlay .roundsCardText { min-height: 78px !important; padding: 6px 7px 8px !important; }
body.f2dTouchRoundsOverlay .roundsCardText strong { font-size: .84rem !important; letter-spacing: .005em !important; }
body.f2dTouchRoundsOverlay .roundsCardText p { margin-top: 3px !important; font-size: .62rem !important; line-height: 1.22 !important; }
body.f2dTouchRoundsOverlay .roundsDraftTimer { width: min(440px, 58vw) !important; height: 14px !important; margin: 0 !important; overflow: visible !important; }
body.f2dTouchRoundsOverlay .roundsDraftTimer b { font-size: .58rem; }
.roundsTouchConfirm151421 { display: none; }
body.f2dTouchRoundsOverlay .roundsTouchConfirm151421 {
  display: block;
  position: fixed;
  right: max(8px, env(safe-area-inset-right));
  bottom: max(8px, env(safe-area-inset-bottom));
  z-index: 2147483200;
  width: min(176px, 29vw);
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 10px;
  font-size: clamp(.68rem, 2.8vh, .82rem);
  font-weight: 1000;
  pointer-events: auto;
  touch-action: manipulation;
}
body.f2dTouchRoundsOverlay .roundsBuildDetails { left: 5px; right: 5px; top: 45px; max-width: none; max-height: calc(100vh - 54px); overflow: auto; }

@media (max-width: 760px), (max-height: 370px) {
  body.f2dMobileLandscapeUi.homeActive .homeMenuGrid { padding-left: 20px; grid-template-columns: minmax(220px, 48vw) 1fr !important; }
  body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer { grid-template-columns: 27px minmax(0,1fr) auto !important; height: 46px !important; }
  body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashPortrait { width: 27px !important; height: 27px !important; }
  body.f2dMobileLandscapeUi.battleActive #screenBattle #hud.smashHud > .smashHudPlayer .smashDamage { font-size: 20px !important; }
  body.f2dTouchRoundsOverlay .roundsDraftCenter { inset: 41px 4px 4px !important; }
  body.f2dTouchRoundsOverlay .roundsDraftHeading > small { display: none; }
  body.f2dTouchRoundsOverlay .roundsSeriesProgress15139 { width: 94vw; }
}

/* Modo Foto touch: la escena completa es el área de drag y cada acción vive
   en un borde seguro, sin reconstruir los controles de escritorio. */
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .pauseMenuCard,
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive #pausePhotoPanel,
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoPanelHeader {
  display: contents;
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoPanelHeader h3,
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoControlsGrid,
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoModePanel .tiny {
  display: none;
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoBackButton {
  position: fixed;
  top: max(8px, env(safe-area-inset-top));
  left: max(8px, env(safe-area-inset-left));
  z-index: 3;
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 12px;
  background: rgba(8, 15, 31, .84);
  backdrop-filter: blur(7px);
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoZoomControls {
  position: fixed;
  top: max(8px, env(safe-area-inset-top));
  right: max(8px, env(safe-area-inset-right));
  z-index: 3;
  display: grid;
  grid-template-columns: 42px auto 42px;
  align-items: center;
  gap: 5px;
  padding: 4px;
  border: 1px solid rgba(125, 211, 252, .28);
  border-radius: 14px;
  background: rgba(8, 15, 31, .84);
  backdrop-filter: blur(7px);
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoZoomControls button {
  min-width: 42px;
  min-height: 38px;
  padding: 4px;
  font-size: 1.25rem;
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoZoomControls .pill {
  padding: 5px 8px;
  font-size: .68rem;
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoActionRow {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(10px, env(safe-area-inset-bottom));
  z-index: 3;
  margin: 0;
}
body.f2dMobileLandscapeUi.battleActive .pauseMenuOverlay.photoModeActive .photoCaptureButton {
  min-width: 116px;
  min-height: 48px;
  padding: 7px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #e2e8f0, #94a3b8);
  color: #07101f;
  text-shadow: none;
  box-shadow: 0 8px 28px rgba(0,0,0,.42), inset 0 0 0 3px rgba(255,255,255,.38);
}