body.is-match-view .fantasy-battle-view .fantasy-center-stage {
  top: 45%;
  width: min(52vw, 780px);
}

body.is-match-view .fantasy-battle-view .fantasy-altar-row {
  grid-template-columns: 104px minmax(0, 1fr) 104px;
}

body.is-match-view .fantasy-battle-view .fantasy-action-panel,
body.is-match-view .fantasy-battle-view .fantasy-action-hub .rule-panel {
  width: min(100%, 560px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat {
  width: clamp(250px, 25vw, 420px);
  gap: 0.24rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-top-left {
  top: 5.4%;
  left: 1.8%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-top-center {
  top: 3.1%;
  left: 34.2%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-top-right {
  top: 5.6%;
  right: 4.8%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-right {
  right: 4.6%;
  bottom: 18.5%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-center {
  left: 34%;
  bottom: 6.4%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-left {
  left: 2.3%;
  bottom: 24%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-handhint {
  position: absolute;
  top: -0.1rem;
  right: 12%;
  transform: translateY(-100%);
  z-index: 3;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-band {
  width: 100%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-cluster {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: end;
  gap: 0.55rem;
  width: 100%;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing {
  display: flex;
  align-items: flex-end;
  gap: 0.46rem;
  min-height: clamp(96px, 9vw, 136px);
  max-width: 44%;
  padding-bottom: 0.4rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-left {
  justify-content: flex-end;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-right {
  justify-content: flex-start;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-empty {
  visibility: hidden;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-hero-anchor {
  display: grid;
  justify-items: center;
  gap: 0.24rem;
  z-index: 1;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing .fantasy-mini-card {
  width: clamp(62px, 6.3vw, 92px);
  min-width: clamp(62px, 6.3vw, 92px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing .fantasy-mini-card img {
  border-radius: 14px;
  box-shadow:
    0 10px 20px rgba(18, 8, 4, 0.28),
    0 0 0 1px rgba(255, 231, 190, 0.08);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-left .fantasy-mini-card:nth-child(odd) {
  transform: translateY(0.2rem) rotate(-4deg);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-left .fantasy-mini-card:nth-child(even) {
  transform: rotate(-1.8deg);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-right .fantasy-mini-card:nth-child(odd) {
  transform: translateY(0.18rem) rotate(3.8deg);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing.is-right .fantasy-mini-card:nth-child(even) {
  transform: rotate(1.6deg);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero,
body.is-match-view .fantasy-battle-view .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero.is-empty {
  width: clamp(86px, 8.8vw, 126px);
  min-width: clamp(86px, 8.8vw, 126px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-center .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero,
body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-center .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero.is-empty {
  width: clamp(94px, 9.4vw, 136px);
  min-width: clamp(94px, 9.4vw, 136px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-caption {
  gap: 0.04rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-caption strong {
  font-size: 0.94rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-caption span {
  font-size: 0.72rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-flags {
  gap: 0.28rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-flag {
  min-height: 1.45rem;
  padding: 0.14rem 0.46rem;
  font-size: 0.62rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-health {
  margin-top: 0.06rem;
}

body.is-match-view .fantasy-battle-view .fantasy-mini-card-badge {
  bottom: -0.4rem;
}

@media (max-width: 1600px) {
  body.is-match-view .fantasy-battle-view .fantasy-center-stage {
    width: min(58vw, 760px);
  }

  body.is-match-view .fantasy-battle-view .fantasy-seat {
    width: clamp(220px, 23vw, 360px);
  }

  body.is-match-view .fantasy-battle-view .fantasy-seat-wing {
    max-width: 40%;
  }

  body.is-match-view .fantasy-battle-view .fantasy-seat-top-left {
    left: 1.2%;
  }

  body.is-match-view .fantasy-battle-view .fantasy-seat-top-right {
    right: 3.8%;
  }
}

body.is-match-view .fantasy-battle-view .fantasy-board.has-auto-grimoire-terremoto {
  animation: auto-grimoire-quake 0.24s ease-in-out 8;
}

body.is-match-view .fantasy-battle-view .fantasy-board.has-auto-grimoire-buco-nero {
  animation: auto-grimoire-blackout 0.36s ease-in-out 7;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-preview {
  width: min(100%, 760px);
  justify-items: center;
  gap: 0.9rem;
  text-align: center;
  overflow: hidden;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-preview-copy {
  display: grid;
  gap: 0.28rem;
  max-width: 540px;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-preview-copy span {
  color: #ffe0a4;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-preview-copy h3 {
  margin: 0;
  font-size: 1.5rem;
  color: #fff7de;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-preview-copy p {
  margin: 0;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-stage,
body.is-match-view .fantasy-battle-view .fantasy-auto-grimoire-stage {
  position: relative;
  display: grid;
  place-items: center;
  width: min(100%, 700px);
  min-height: 360px;
  padding: 1rem;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-aura {
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(255, 235, 186, 0.24), rgba(255, 235, 186, 0) 64%);
  filter: blur(12px);
  animation: auto-grimoire-aura 1800ms ease-in-out infinite;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-card-shell {
  position: relative;
  z-index: 2;
  width: clamp(180px, 19vw, 270px);
  filter: drop-shadow(0 24px 32px rgba(10, 6, 4, 0.34));
}

body.is-match-view .fantasy-battle-view .auto-grimoire-card-image {
  width: 100%;
  aspect-ratio: 0.7;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid rgba(255, 231, 190, 0.18);
  box-shadow:
    0 24px 40px rgba(10, 6, 4, 0.34),
    0 0 0 1px rgba(255, 248, 224, 0.08);
}

body.is-match-view .fantasy-battle-view .auto-grimoire-lightning,
body.is-match-view .fantasy-battle-view .auto-grimoire-spore,
body.is-match-view .fantasy-battle-view .auto-grimoire-orbit-card {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-lightning {
  width: 8px;
  height: 160px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(162, 220, 255, 0.96), rgba(255,255,255,0));
  clip-path: polygon(48% 0%, 66% 20%, 44% 22%, 72% 49%, 40% 52%, 58% 100%, 24% 63%, 42% 61%, 18% 34%, 40% 33%);
  box-shadow:
    0 0 16px rgba(127, 209, 255, 0.62),
    0 0 36px rgba(127, 209, 255, 0.34);
  animation: auto-grimoire-lightning 620ms ease-in-out infinite;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-lightning.bolt-1 { top: 18%; left: 28%; transform: rotate(-18deg); }
body.is-match-view .fantasy-battle-view .auto-grimoire-lightning.bolt-2 { top: 10%; left: 38%; transform: rotate(8deg); }
body.is-match-view .fantasy-battle-view .auto-grimoire-lightning.bolt-3 { top: 14%; right: 33%; transform: rotate(22deg); }
body.is-match-view .fantasy-battle-view .auto-grimoire-lightning.bolt-4 { top: 28%; right: 22%; transform: rotate(4deg); }
body.is-match-view .fantasy-battle-view .auto-grimoire-lightning.bolt-5 { top: 22%; left: 18%; transform: rotate(-30deg); }
body.is-match-view .fantasy-battle-view .auto-grimoire-lightning.bolt-6 { top: 8%; right: 18%; transform: rotate(32deg); }

body.is-match-view .fantasy-battle-view .auto-grimoire-spore {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(182, 255, 153, 0.96), rgba(83, 172, 74, 0.08));
  box-shadow:
    0 0 12px rgba(130, 255, 126, 0.48),
    0 0 22px rgba(77, 155, 67, 0.3);
  animation: auto-grimoire-spore 2200ms linear infinite;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-1 { top: 34%; left: 22%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-2 { top: 24%; left: 30%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-3 { top: 18%; left: 40%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-4 { top: 16%; left: 55%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-5 { top: 22%; right: 26%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-6 { top: 30%; right: 18%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-7 { top: 42%; left: 18%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-8 { top: 48%; left: 32%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-9 { top: 54%; left: 48%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-10 { top: 50%; right: 28%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-11 { top: 42%; right: 18%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-12 { top: 60%; right: 24%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-13 { top: 64%; left: 24%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-14 { top: 68%; left: 40%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-15 { top: 66%; right: 32%; }
body.is-match-view .fantasy-battle-view .auto-grimoire-spore.spore-16 { top: 72%; right: 20%; }

body.is-match-view .fantasy-battle-view .auto-grimoire-orbit-card {
  width: 44px;
  height: 64px;
  border-radius: 12px;
  border: 1px solid rgba(255, 231, 190, 0.16);
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,0.18), transparent 24%),
    linear-gradient(145deg, #7f4aa1 0%, #563370 58%, #362248 100%);
  box-shadow: 0 14px 22px rgba(19, 8, 26, 0.34);
  left: 50%;
  top: 50%;
  margin: -32px 0 0 -22px;
  animation: auto-grimoire-orbit 2400ms linear infinite;
}

body.is-match-view .fantasy-battle-view .auto-grimoire-preview.is-buco-nero .auto-grimoire-orbit-card,
body.is-match-view .fantasy-battle-view .fantasy-auto-grimoire-fx.is-buco-nero .auto-grimoire-orbit-card {
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,0.16), transparent 24%),
    linear-gradient(145deg, #3e3e55 0%, #201c2e 58%, #09080d 100%);
}

body.is-match-view .fantasy-battle-view .orbit-1 { animation-delay: 0ms; }
body.is-match-view .fantasy-battle-view .orbit-2 { animation-delay: -300ms; }
body.is-match-view .fantasy-battle-view .orbit-3 { animation-delay: -600ms; }
body.is-match-view .fantasy-battle-view .orbit-4 { animation-delay: -900ms; }
body.is-match-view .fantasy-battle-view .orbit-5 { animation-delay: -1200ms; }
body.is-match-view .fantasy-battle-view .orbit-6 { animation-delay: -1500ms; }
body.is-match-view .fantasy-battle-view .orbit-7 { animation-delay: -1800ms; }
body.is-match-view .fantasy-battle-view .orbit-8 { animation-delay: -2100ms; }
body.is-match-view .fantasy-battle-view .orbit-9 { animation-delay: -2400ms; }
body.is-match-view .fantasy-battle-view .orbit-10 { animation-delay: -2700ms; }

body.is-match-view .fantasy-battle-view .fantasy-auto-grimoire-fx {
  position: absolute;
  inset: 0;
  z-index: 11;
  pointer-events: none;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-grimoire-veil {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.02), rgba(12, 10, 10, 0.24));
}

body.is-match-view .fantasy-battle-view .fantasy-auto-grimoire-stage {
  position: absolute;
  inset: 15% 16% 20%;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-grimoire-title {
  position: absolute;
  left: 50%;
  bottom: 4%;
  transform: translateX(-50%);
  padding: 0.45rem 1rem;
  border-radius: 999px;
  background: rgba(18, 15, 14, 0.76);
  border: 1px solid rgba(255, 231, 190, 0.18);
  color: #fff6da;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-roll {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 0.28rem 0.56rem;
  border-radius: 999px;
  background: rgba(17, 18, 23, 0.86);
  border: 1px solid rgba(255, 231, 190, 0.16);
  color: #fff6dc;
  font-size: 0.72rem;
  font-weight: 900;
  box-shadow: 0 10px 20px rgba(8, 6, 4, 0.26);
}

body.is-match-view .fantasy-battle-view .fantasy-auto-roll.is-struck {
  background: linear-gradient(135deg, rgba(162, 220, 255, 0.94), rgba(81, 134, 222, 0.94));
  color: #10233d;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-target-strike,
body.is-match-view .fantasy-battle-view .fantasy-auto-target-ring {
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 999px;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-target-strike {
  width: 94px;
  height: 94px;
  border: 3px solid rgba(162, 220, 255, 0.92);
  box-shadow:
    0 0 0 8px rgba(162, 220, 255, 0.08),
    0 0 28px rgba(162, 220, 255, 0.32);
  animation: auto-grimoire-strike 1200ms ease-out infinite;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-target-ring {
  width: 100px;
  height: 100px;
  border: 2px solid rgba(182, 255, 153, 0.56);
  background: radial-gradient(circle, rgba(182,255,153,0.18), rgba(182,255,153,0));
  animation: fantasy-fx-pulse 1200ms ease-out infinite;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-target-ring.is-terremoto {
  border-color: rgba(255, 203, 126, 0.56);
  background: radial-gradient(circle, rgba(255,203,126,0.18), rgba(255,203,126,0));
}

body.is-match-view .fantasy-battle-view .fantasy-auto-target-ring.is-buco-nero {
  border-color: rgba(80, 84, 110, 0.72);
  background: radial-gradient(circle, rgba(12,12,18,0.4), rgba(12,12,18,0));
}

@keyframes auto-grimoire-aura {
  0%, 100% { transform: scale(0.94); opacity: 0.74; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes auto-grimoire-quake {
  0%, 100% { transform: translateX(0) translateY(0); }
  20% { transform: translateX(-8px) translateY(2px); }
  40% { transform: translateX(6px) translateY(-2px); }
  60% { transform: translateX(-4px) translateY(3px); }
  80% { transform: translateX(5px) translateY(-1px); }
}

@keyframes auto-grimoire-blackout {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(0.18); }
}

@keyframes auto-grimoire-lightning {
  0%, 100% { opacity: 0.3; transform: scaleY(0.92); }
  50% { opacity: 1; transform: scaleY(1.08); }
}

@keyframes auto-grimoire-spore {
  0% { transform: translateY(0) scale(0.76); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: translateY(-60px) scale(1.18); opacity: 0; }
}

@keyframes auto-grimoire-orbit {
  0% { transform: rotate(0deg) translateX(160px) rotate(0deg) scale(0.95); opacity: 0.2; }
  50% { opacity: 1; }
  100% { transform: rotate(360deg) translateX(160px) rotate(-360deg) scale(1.02); opacity: 0.2; }
}

@keyframes auto-grimoire-strike {
  0% { transform: translate(-50%, -50%) scale(0.7); opacity: 0; }
  25% { opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1.18); opacity: 0; }
}

body.is-match-view .fantasy-battle-view .fantasy-seat {
  width: clamp(290px, 27vw, 470px);
  gap: 0.4rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-band {
  width: 100%;
  transform-origin: center center;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-cluster {
  gap: 0.8rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing {
  gap: 0.65rem;
  min-height: clamp(118px, 10.8vw, 168px);
  max-width: 46%;
  padding-bottom: 0.65rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing .fantasy-mini-card {
  width: clamp(74px, 7vw, 110px);
  min-width: clamp(74px, 7vw, 110px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-wing .fantasy-mini-card img {
  border-radius: 16px;
  box-shadow:
    0 18px 28px rgba(18, 8, 4, 0.34),
    0 0 0 1px rgba(255, 231, 190, 0.12),
    0 0 24px rgba(255, 208, 128, 0.08);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero,
body.is-match-view .fantasy-battle-view .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero.is-empty {
  width: clamp(108px, 10vw, 154px);
  min-width: clamp(108px, 10vw, 154px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-center .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero,
body.is-match-view .fantasy-battle-view .fantasy-seat-bottom-center .fantasy-seat-hero-anchor .fantasy-mini-card.is-hero.is-empty {
  width: clamp(122px, 11vw, 170px);
  min-width: clamp(122px, 11vw, 170px);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-hero-anchor .fantasy-mini-card.is-hostile-portrait img {
  filter: saturate(0.88) hue-rotate(-18deg);
  box-shadow:
    0 20px 34px rgba(8, 6, 4, 0.42),
    0 0 0 1px rgba(255, 211, 132, 0.16),
    0 0 32px rgba(148, 255, 191, 0.18);
}

body.is-match-view .fantasy-battle-view .fantasy-seat.is-hostile .fantasy-seat-caption strong,
body.is-match-view .fantasy-battle-view .fantasy-seat.is-hostile .fantasy-seat-caption span {
  color: #d6ffd7;
}

body.is-match-view .fantasy-battle-view .fantasy-seat.is-hostile {
  filter:
    drop-shadow(0 0 18px rgba(186, 255, 173, 0.24))
    drop-shadow(0 0 38px rgba(104, 255, 177, 0.18));
}

body.is-match-view .fantasy-battle-view .fantasy-seat-caption strong {
  font-size: 1.02rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-caption span {
  font-size: 0.77rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-health {
  margin-top: 0.18rem;
  transform-origin: center center;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-turn-badge {
  margin-top: 0.28rem;
  padding: 0.34rem 1.14rem;
  box-shadow:
    0 16px 28px rgba(91, 43, 16, 0.34),
    0 0 0 1px rgba(255, 246, 216, 0.4),
    0 0 26px rgba(255, 210, 95, 0.16);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-dice-readout {
  position: absolute;
  z-index: 11;
  display: grid;
  justify-items: center;
  gap: 0.22rem;
  min-width: 98px;
  padding: 0.42rem 0.58rem 0.52rem;
  border-radius: 18px;
  transform: translate(-50%, -50%);
  background:
    linear-gradient(180deg, rgba(255, 246, 224, 0.12), rgba(255, 246, 224, 0)),
    rgba(18, 15, 20, 0.82);
  border: 1px solid rgba(255, 234, 190, 0.14);
  box-shadow:
    0 18px 28px rgba(8, 6, 4, 0.34),
    0 0 0 1px rgba(255, 244, 220, 0.06);
  backdrop-filter: blur(10px);
  pointer-events: none;
  animation: fantasy-seat-dice-pop 1800ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-dice-readout.is-attack {
  background:
    linear-gradient(180deg, rgba(255, 233, 191, 0.18), rgba(255, 233, 191, 0)),
    rgba(52, 24, 19, 0.86);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-dice-readout.is-defense {
  background:
    linear-gradient(180deg, rgba(193, 227, 255, 0.18), rgba(193, 227, 255, 0)),
    rgba(17, 26, 46, 0.84);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-dice-kicker {
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffdca4;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-dice-pair {
  display: flex;
  align-items: center;
  gap: 0.28rem;
}

body.is-match-view .fantasy-battle-view .fantasy-seat-die {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 251, 238, 0.98), rgba(242, 221, 184, 0.96));
  color: #4b2c13;
  font-size: 0.94rem;
  font-weight: 900;
  box-shadow:
    inset 0 -2px 0 rgba(112, 78, 45, 0.16),
    0 8px 18px rgba(8, 6, 4, 0.24);
}

body.is-match-view .fantasy-battle-view .fantasy-seat-dice-total {
  color: #fff4d8;
  font-size: 1.04rem;
  line-height: 1;
}

body.is-match-view .fantasy-battle-view .fantasy-auto-roll {
  min-width: 132px;
  padding: 0.42rem 0.72rem;
  font-size: 0.8rem;
  box-shadow:
    0 14px 26px rgba(8, 6, 4, 0.28),
    0 0 0 1px rgba(255, 236, 199, 0.14);
}

body.is-match-view .fantasy-battle-view .fantasy-auto-roll.is-struck {
  box-shadow:
    0 16px 28px rgba(35, 77, 146, 0.24),
    0 0 0 1px rgba(225, 244, 255, 0.24),
    0 0 22px rgba(118, 185, 255, 0.2);
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards {
  width: min(42vw, 560px);
  gap: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards::before,
body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards::after {
  display: none;
}

body.is-match-view .fantasy-battle-view .fantasy-hand-rack.is-unframed {
  padding: 0;
  min-height: 0;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards .battle-hand-card {
  filter: drop-shadow(0 18px 24px rgba(8, 6, 4, 0.32));
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards .battle-hand-card:hover {
  transform: translateY(-28px) rotate(var(--fan-rotate)) scale(1.08);
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards .battle-hand-shot img {
  border-radius: 18px;
  box-shadow:
    0 20px 32px rgba(8, 6, 4, 0.34),
    0 0 0 1px rgba(255, 226, 188, 0.16);
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.has-cards .battle-hand-overlay {
  left: 0.35rem;
  right: 0.35rem;
  bottom: 0.32rem;
  background: linear-gradient(180deg, rgba(23, 9, 6, 0.08), rgba(23, 9, 6, 0.92));
}

body.is-match-view .fantasy-battle-view .fantasy-hand-dock.is-empty {
  width: auto;
  min-width: 220px;
  padding: 0.7rem 0.92rem;
  border-radius: 22px;
  background: rgba(38, 22, 59, 0.66);
}

body.is-match-view .fantasy-battle-view .fantasy-hand-empty {
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(255, 233, 197, 0.78);
}

body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-attack-source .fantasy-seat-hero-anchor {
  animation: fantasy-seat-lunge 760ms cubic-bezier(0.2, 0.82, 0.2, 1);
}

body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-damage .fantasy-seat-hero-anchor {
  animation: fantasy-seat-hit-shake 720ms ease-out;
}

body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-block .fantasy-seat-hero-anchor {
  animation: fantasy-seat-guard 900ms ease-out;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-badge {
  min-width: 132px;
  padding: 0.52rem 0.82rem;
  box-shadow:
    0 20px 30px rgba(10, 6, 4, 0.3),
    0 0 0 1px rgba(255, 244, 221, 0.08);
  animation: fantasy-fx-badge-rise-deluxe 1680ms ease-out both;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-dice-flight {
  z-index: 10;
  animation: fantasy-fx-dice-flight-deluxe 1760ms cubic-bezier(0.16, 0.84, 0.2, 1) both;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-dice-cup {
  width: 30px;
  height: 30px;
  border-radius: 10px 10px 16px 16px;
  box-shadow:
    0 12px 20px rgba(35, 12, 6, 0.34),
    0 0 0 1px rgba(255, 220, 186, 0.16);
}

body.is-match-view .fantasy-battle-view .fantasy-fx-dice-face {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  font-size: 1.06rem;
  box-shadow:
    inset 0 -2px 0 rgba(112, 78, 45, 0.16),
    0 12px 18px rgba(31, 16, 8, 0.28);
}

body.is-match-view .fantasy-battle-view .fantasy-fx-hero-charge {
  animation: fantasy-hero-charge-deluxe 920ms cubic-bezier(0.16, 0.84, 0.2, 1) both;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-hero-charge::after {
  width: 150px;
  height: 40px;
  filter: blur(10px);
  animation: fantasy-hero-charge-trail-deluxe 920ms ease-out both;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-impact-flash {
  width: 196px;
  height: 196px;
  animation: fantasy-impact-flash-deluxe 720ms ease-out both;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-shield-burst {
  width: 170px;
  height: 170px;
  animation: fantasy-shield-burst-deluxe 1120ms ease-out both;
}

body.is-match-view .fantasy-battle-view .fantasy-fx-clash-burst {
  width: 126px;
  height: 126px;
  animation: fantasy-clash-burst-deluxe 880ms ease-out both;
}

@keyframes fantasy-seat-dice-pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.72);
  }
  18% {
    opacity: 1;
    transform: translate(-50%, calc(-50% - 4px)) scale(1.06);
  }
  75% {
    opacity: 1;
    transform: translate(-50%, calc(-50% - 10px)) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 20px)) scale(0.96);
  }
}

@keyframes fantasy-seat-lunge {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  35% {
    transform: translateY(-8px) scale(1.06);
  }
  60% {
    transform: translateY(2px) scale(0.98);
  }
}

@keyframes fantasy-seat-hit-shake {
  0%,
  100% {
    transform: translateX(0) rotate(0deg);
  }
  20% {
    transform: translateX(-5px) rotate(-2deg);
  }
  40% {
    transform: translateX(5px) rotate(2deg);
  }
  60% {
    transform: translateX(-4px) rotate(-1deg);
  }
  80% {
    transform: translateX(3px) rotate(1deg);
  }
}

@keyframes fantasy-seat-guard {
  0%,
  100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  40% {
    transform: translateY(-4px) scale(1.04);
    filter: brightness(1.15);
  }
}

@keyframes fantasy-fx-badge-rise-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, 20px) scale(0.78);
  }
  16% {
    opacity: 1;
    transform: translate(-50%, -8px) scale(1.08);
  }
  62% {
    opacity: 1;
    transform: translate(-50%, -16px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -46px) scale(1.05);
  }
}

@keyframes fantasy-fx-dice-flight-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.64) rotate(-16deg);
    left: var(--from-x);
    top: var(--from-y);
  }
  12% {
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1) rotate(7deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.94) rotate(18deg);
    left: var(--to-x);
    top: var(--to-y);
  }
}

@keyframes fantasy-hero-charge-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.74) rotate(-10deg);
    left: var(--from-x);
    top: var(--from-y);
  }
  18% {
    opacity: 1;
  }
  52% {
    transform: translate(-50%, -50%) scale(1.08) rotate(4deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.96) rotate(10deg);
    left: var(--to-x);
    top: var(--to-y);
  }
}

@keyframes fantasy-hero-charge-trail-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scaleX(0.28);
  }
  30% {
    opacity: 1;
    transform: translate(-50%, -50%) scaleX(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scaleX(1.24);
  }
}

@keyframes fantasy-impact-flash-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.48);
  }
  26% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.08);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.34);
  }
}

@keyframes fantasy-shield-burst-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.42);
  }
  30% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.28);
  }
}

.your-choice-notice {
  padding: 12px 16px;
  border: 2px solid #e7b96c;
  border-radius: 12px;
  background: #322112;
  color: #fff0cc;
  font-weight: 700;
}

/* Keep motion local to the player involved in the current sequential event. */
body.is-match-view .fantasy-battle-view .fantasy-turn-banner,
body.is-match-view .fantasy-battle-view .fantasy-board,
body.is-match-view .fantasy-battle-view .auto-grimoire-lightning,
body.is-match-view .fantasy-battle-view .auto-grimoire-aura { animation: none; }
body.is-match-view .fantasy-battle-view .fantasy-seat.is-combat-attacker,
body.is-match-view .fantasy-battle-view .fantasy-seat.is-combat-defender { transform: none; }
.presentation-step {
  position: fixed; right: 24px; bottom: 24px; z-index: 100;
  width: min(420px, calc(100vw - 32px)); box-sizing: border-box;
  max-height: calc(100svh - 32px); overflow: auto;
  display: grid; gap: 12px; padding: 20px;
  color: #fff5df; background: #2b211a;
  border: 2px solid #d9b26b; border-radius: 18px;
  box-shadow: 0 12px 36px #0008; pointer-events: auto;
}
.presentation-step strong { font-size: 1.2rem; line-height: 1.35; }
.presentation-step p { margin: 0; line-height: 1.5; }
.presentation-step small, .presentation-eyebrow { color: #e6cda5; }
.presentation-eyebrow { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.presentation-card { width: 86px; max-height: 126px; object-fit: contain; border-radius: 8px; }
.presentation-step button { padding: 10px 18px; cursor: pointer; }
body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-damage,
body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-block {
  outline: 2px solid #e7b96c; border-radius: 14px;
}
@media (prefers-reduced-motion: no-preference) {
  body.is-match-view .fantasy-battle-view .presentation-step {
    animation: presentation-appear 350ms ease-out both !important;
  }
}
@keyframes presentation-appear { from { opacity: 0; } to { opacity: 1; } }
.event-animation { display:flex; align-items:center; justify-content:center; gap:18px; min-height:160px; }
.event-portrait { display:grid; justify-items:center; gap:5px; text-align:center; width:110px; }
.event-portrait img { height:104px; width:74px; object-fit:contain; border-radius:8px; }
.presentation-step .event-portrait strong { font-size:.9rem; }
.event-arrow { color:#ffd27a; font-size:1.8rem; animation:event-strike 1800ms ease-in-out both; }
.event-attacker img { animation:event-strike 1800ms ease-in-out both; box-shadow:0 0 18px #ffa34d; }
.event-defender img { outline:2px solid #ffd27a; }
.event-damage img { animation:event-hit 1600ms ease-in-out both; outline:3px solid #f76c5e; }
.event-block img { animation:event-guard 1800ms ease-in-out both; outline:3px solid #76caff; }
.event-heal img { animation:event-guard 1800ms ease-in-out both; outline:3px solid #80d9a1; }
.event-impact { font-size:1.8rem; font-weight:900; color:#ff8b7b; animation:event-badge 2200ms ease-out both; }
.event-impact.is-block { color:#8ed7ff; font-size:3.5rem; }
.event-impact.is-heal { color:#8be4a4; }
.event-dice { display:flex; gap:8px; }
.event-dice span { padding:10px 16px; border-radius:10px; color:#35261b; background:#fff3d7; font-size:1.7rem; animation:event-die 1500ms ease-out both; }
.event-drawn-card { display:grid; place-items:center; width:60px; height:86px; background:#613585; border:2px solid #c6a2e0; border-radius:8px; animation:event-draw 1800ms ease-out both; }
.seat-event-visual { position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:15; padding:8px 12px; border-radius:12px; background:#412c18; color:#ffd788; border:2px solid currentColor; white-space:nowrap; font-weight:900; animation:event-badge 2200ms ease-out both; pointer-events:none; }
.seat-event-visual.is-damage { color:#ff8b7b; background:#4a1818; }
.seat-event-visual.is-block { color:#94d9ff; background:#162f49; }
.seat-event-visual.is-heal { color:#9be4b1; background:#173523; }
body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-attack-source .fantasy-seat-hero-anchor { animation:event-strike 1800ms ease-in-out both; }
body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-damage .fantasy-seat-hero-anchor { animation:event-hit 1600ms ease-in-out both; }
body.is-match-view .fantasy-battle-view .fantasy-seat.has-fx-block .fantasy-seat-hero-anchor { animation:event-guard 1800ms ease-in-out both; }
.event-animation.is-paused *, .seat-event-visual.is-paused { animation-play-state:paused; }
body.presentation-paused .fantasy-battle-view .fantasy-seat-hero-anchor { animation-play-state:paused !important; }
body.is-match-view .fantasy-battle-view .fantasy-seat { animation:none; }
body.is-match-view .fantasy-battle-view .presentation-card { animation:event-guard 2000ms ease-out both; }
@keyframes event-strike { 0%,100% {transform:translateX(0);} 35%,60% {transform:translateX(16px);} }
@keyframes event-hit { 0%,100% {transform:translateX(0);} 25% {transform:translateX(-7px);} 45% {transform:translateX(7px);} 65% {transform:translateX(-3px);} }
@keyframes event-guard { 0%,100% {filter:drop-shadow(0 0 0 transparent);} 40%,70% {filter:drop-shadow(0 0 16px #80cdff);} }
@keyframes event-badge { from {opacity:0; margin-top:10px;} 25%,100% {opacity:1; margin-top:0;} }
@keyframes event-die { from {transform:rotate(-15deg) scale(.75);} 60%,100% {transform:rotate(0) scale(1);} }
@keyframes event-draw { from {transform:translateX(26px) rotate(8deg);opacity:0;} to {transform:translateX(0) rotate(0);opacity:1;} }
@media(prefers-reduced-motion:reduce) {
  body.is-match-view .fantasy-battle-view .event-animation *,
  body.is-match-view .fantasy-battle-view .seat-event-visual,
  body.is-match-view .fantasy-battle-view .fantasy-seat .fantasy-seat-hero-anchor { animation:none; }
}

/* On smaller screens, keep decisions and cards in normal document flow. */
@media (max-width: 1400px), (max-height: 800px) {
  body.is-match-view { overflow: auto; }
  body.is-match-view .match-shell,
  body.is-match-view .match-scene-root,
  body.is-match-view .match-table-view {
    height: auto; max-height: none; overflow: visible;
  }
  body.is-match-view .fantasy-battle-view .fantasy-stage,
  body.is-match-view .fantasy-battle-view .fantasy-layout {
    height: auto; max-height: none; overflow: visible;
  }
  body.is-match-view .fantasy-battle-view .fantasy-board {
    display: flex; flex-direction: column; gap: 16px;
    height: auto; min-height: 0; max-height: none; overflow: visible;
  }
  body.is-match-view .fantasy-battle-view .fantasy-board-meta,
  body.is-match-view .fantasy-battle-view .fantasy-turn-banner,
  body.is-match-view .fantasy-battle-view .fantasy-seat-layer,
  body.is-match-view .fantasy-battle-view .fantasy-center-stage,
  body.is-match-view .fantasy-battle-view .fantasy-hand-dock {
    position: relative; inset: auto; transform: none;
    width: 100%; min-width: 0; max-width: none; overflow: visible;
  }
  body.is-match-view .fantasy-battle-view .fantasy-center-stage { order: 2; }
  body.is-match-view .fantasy-battle-view .fantasy-turn-banner { animation: none; }
  body.is-match-view .fantasy-battle-view .fantasy-seat-layer {
    order: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 12px; pointer-events: auto;
  }
  body.is-match-view .fantasy-battle-view .fantasy-hand-dock { order: 4; }
  body.is-match-view .fantasy-battle-view .fantasy-seat {
    position: relative; inset: auto; transform: none;
    width: 100%; min-width: 0;
  }
  body.is-match-view .fantasy-battle-view .fantasy-seat-cluster { gap: 4px; }
  body.is-match-view .fantasy-battle-view .fantasy-seat-wing { min-height: 0; gap: 3px; }
  body.is-match-view .fantasy-battle-view .fantasy-seat-wing .fantasy-mini-card {
    width: 44px; min-width: 44px;
  }
  body.is-match-view .fantasy-battle-view .fantasy-seat .fantasy-seat-hero-anchor .fantasy-mini-card {
    width: 86px; min-width: 86px;
  }
}
@media (max-width: 650px) {
  body.is-match-view .fantasy-battle-view .fantasy-seat-layer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@keyframes fantasy-clash-burst-deluxe {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  36% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.22);
  }
}
/* Home: Kinesis artwork and cool glass panels. */
body:not(.is-match-view){background:#081c25;color:#edf7f6;}
body:not(.is-match-view)::before,body:not(.is-match-view)::after{display:none;}
.arena-home{min-height:100vh;padding:28px clamp(20px,5vw,80px);box-sizing:border-box;background:linear-gradient(90deg,rgba(4,18,29,.88),rgba(5,22,33,.18) 65%,rgba(4,18,29,.6)),linear-gradient(0deg,#071b25 0%,transparent 45%),url('./asset/arena-background.webp') center/cover;}
.arena-home-nav{display:flex;align-items:center;gap:22px;max-width:1350px;margin:auto;}
.arena-home-nav>strong{margin-right:auto;letter-spacing:.18em;font-size:14px;color:#bbede7;}
.language-selector{display:flex;align-items:center;gap:8px;font-size:12px;color:#d1e5e7;}
.language-selector select{width:auto;min-width:95px;padding:8px 10px;background:#102c37;color:#e8fcf7;border:1px solid #527a81;border-radius:8px;}
.arena-home-content{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(30px,8vw,120px);max-width:1200px;min-height:calc(100vh - 180px);margin:0 auto;padding:55px 0;box-sizing:border-box;}
.arena-home-story{max-width:570px;}
.home-kicker{font-size:12px;letter-spacing:.24em;color:#a0e6da;}
.arena-home-story h1{margin:24px 0;font-family:Georgia,serif;font-size:clamp(68px,8vw,118px);line-height:.88;font-weight:500;letter-spacing:-.05em;color:#f5f6ec;text-shadow:0 6px 30px #082131;}
.arena-home-story h1 span{color:#8ce0d4;}
.arena-home-story p{max-width:470px;font-size:16px;line-height:1.65;color:#c1d7dc;}
.arena-home-story .home-tagline{font-size:20px;color:#f0f6f3;}
.home-stats{display:flex;gap:30px;margin-top:32px;color:#b5cdd1;font-size:13px;}
.home-stats b{display:block;font-size:24px;color:#e2fff5;margin-bottom:4px;}
.arena-home-entry .entry-grid{display:block;margin:0;}
.arena-home-entry .panel{padding:32px;background:rgba(7,27,39,.87);border:1px solid #52777e;border-radius:22px;box-shadow:0 18px 60px #03121e88;backdrop-filter:blur(18px);color:#f3fbf7;}
.arena-home-entry h2{color:#edfff8;font-family:Georgia,serif;font-size:28px;}
.arena-home-entry .section-heading p,.arena-home-entry .helper-text{color:#a9c5ce;line-height:1.6;}
.arena-home-entry .field-grid{display:block;}
.arena-home-entry .field label{color:#d7e8eb;}
.arena-home-entry input{background:#071f2a;color:#f0fffc;border:1px solid #4b717e;box-shadow:none;padding:15px;border-radius:10px;}
.arena-home-entry input:focus{outline:2px solid #7de5d4;outline-offset:2px;}
.arena-home-entry .button-row{margin-top:22px;}
.arena-home-entry .button{width:100%;background:linear-gradient(120deg,#7de3ce,#91cfea);border:0;color:#082c37;box-shadow:0 4px 24px #56c8b12a;font-weight:800;padding:15px;}
.arena-home .audio-toggle{background:#16353ddd;border:1px solid #5c858b;color:#e8f8f4;}
.arena-home footer{max-width:1200px;margin:0 auto;color:#9bb9c3;font-size:12px;letter-spacing:.03em;padding-bottom:15px;}
.draft-skip-note{color:#bfe8ed;font-size:12px;}
.hero-resource{position:relative;z-index:8;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 9px;width:fit-content;max-width:100%;margin:5px auto;padding:5px 9px;border:1px solid #758bd1;border-radius:12px;background:#101c39f2;color:#cbd8ff;font-size:11px;box-shadow:0 3px 12px #0009;}
.hero-resource.is-spectral{color:#aafce0;background:#0c302ff2;border-color:#4fbeaa;}
.resource-tokens{display:flex;gap:4px;}
.resource-token{font-size:15px;line-height:1;font-style:normal;color:#465066;}
.resource-token.is-filled{color:#9cbdff;text-shadow:0 0 8px #7c94ff;}
.is-spectral .resource-token.is-filled{color:#83ffdb;text-shadow:0 0 8px #57efd3;}
body.is-match-view .fantasy-seat.is-combat-attacker .fantasy-seat-hero-anchor{border-radius:12px;outline:3px solid #ff5261;outline-offset:4px;box-shadow:0 0 18px 9px #ed233d99,0 0 48px 16px #ff2d4844;}
body.is-match-view .fantasy-seat.is-combat-defender .fantasy-seat-hero-anchor{border-radius:12px;outline:3px solid #55b8ff;outline-offset:4px;box-shadow:0 0 18px 9px #2589f299,0 0 48px 16px #278dff44;}
body.is-match-view .fantasy-seat.is-combat-attacker .fantasy-seat-name{color:#ff9ea8;}
body.is-match-view .fantasy-seat.is-combat-defender .fantasy-seat-name{color:#94d6ff;}
@media(max-width:750px){.arena-home-content{grid-template-columns:1fr;gap:35px;padding:48px 0;}.arena-home-story h1{font-size:78px;}.arena-home-nav{gap:10px;flex-wrap:wrap;}.arena-home-nav>strong{width:100%;}.arena-home-entry .panel{padding:24px;}.home-stats{gap:28px;}.language-selector{flex-wrap:wrap;}}