/* Playing field. The reading layout keeps the same controls in document flow. */
.arena.table:not([data-reflow]) {
  --table-gold: oklch(77% .095 73);
  --table-edge: oklch(76% .064 75 / .33);
  --table-ink: oklch(17% .021 244);
  --table-ink-raised: oklch(23% .027 233);
}

body:not([data-contrast="true"]) .arena.table:not([data-reflow])::before {
  background:
    linear-gradient(180deg, oklch(12% .023 249 / .8), transparent 22% 66%, oklch(12% .02 249 / .9)),
    radial-gradient(ellipse at 50% 43%, oklch(57% .054 187 / .19), transparent 65%);
}

.arena:not([data-reflow]) .arena-hud {
  background: linear-gradient(180deg, oklch(13% .023 249 / .9), oklch(13% .023 249 / .28));
}

.arena:not([data-reflow]) .arena-turn h1 {
  color: var(--table-gold);
  font: 790 .86rem/1.1 var(--arena-display);
  letter-spacing: .065em;
}

.arena:not([data-reflow]) .arena-tools .icon-btn,
.arena:not([data-reflow]) .arena-tools .arena-history {
  min-inline-size: 48px;
  min-block-size: 48px;
  background: var(--table-ink);
  border-color: var(--table-edge);
  border-radius: .28rem;
}

.arena:not([data-reflow]) .arena-seat {
  border-radius: .25rem;
}

.arena:not([data-reflow]) .arena-seat-stat {
  background: var(--table-ink);
  border-color: transparent;
  border-radius: .15rem;
}

.arena:not([data-reflow]) .arena-seat[data-turn="true"] .arena-seat-stat {
  border-color: var(--table-edge);
}

.arena:not([data-reflow]) .arena-dock {
  background: linear-gradient(180deg, transparent, var(--table-ink) 65%);
}

.arena:not([data-reflow]) .hand-shelf .hand-heading {
  border: 0;
}

.arena:not([data-reflow]) .hand-shelf .arena-hand-label h2 {
  color: var(--table-gold);
  font: 800 .79rem/1.1 var(--arena-display);
  letter-spacing: .065em;
}

.arena:not([data-reflow]) .hand-shelf .hand-kit,
.arena:not([data-reflow]) .hand-shelf .gear-pin {
  color: var(--arena-paper);
  border-color: var(--table-edge);
  border-radius: .25rem;
  background: var(--table-ink);
}

.arena:not([data-reflow]) .hand-shelf :is(.hand-kit,.gear-pin):is(:hover,:focus-visible) {
  border-color: var(--table-gold);
  background: var(--table-ink-raised);
}

.arena:not([data-reflow]) .hand-shelf .arena-hand-strip {
  background: none;
}

.arena:not([data-reflow]) .arena-commands .btn {
  min-block-size: 48px;
  border-color: var(--table-edge);
  border-radius: .26rem;
  background: var(--table-ink-raised);
}

.arena:not([data-reflow]) .arena-commands .primary:not(.arena-door-action),
.arena:not([data-reflow]) .arena-door-label {
  color: oklch(21% .052 52);
  border-color: oklch(86% .10 75);
  border-radius: .25rem;
  background: linear-gradient(180deg, oklch(85% .10 77), oklch(74% .13 61));
  box-shadow: inset 0 1px oklch(96% .036 85 / .6), 0 2px oklch(40% .075 51);
}

.arena:not([data-reflow]) :is(.arena-commands .primary:not(.arena-door-action),.arena-door-label):hover {
  background: oklch(87% .10 77);
}

.arena:not([data-reflow]) .arena-commands .arena-door-action {
  background: transparent;
  border-color: transparent;
}

.arena:not([data-reflow]) .arena-countdown {
  border-color: var(--table-edge);
  border-radius: .24rem;
  color: var(--arena-paper);
  background: var(--table-ink);
}

.arena:not([data-reflow]) .arena-fight {
  --score-rail: clamp(5.6rem, 12vw, 10.5rem);
  width: min(100% - 2.5rem, 66rem);
  grid-template: minmax(0, 1fr) auto auto auto / minmax(0, 1fr);
  grid-template-areas: "art" "stakes" "impact" "command";
  justify-items: center;
  row-gap: .14rem;
  padding: 0 .3rem .56rem;
}

.arena:not([data-reflow]) .arena-fight-caption {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.arena:not([data-reflow]) .arena-fight::before {
  width: min(95%, 56rem);
  height: 93%;
  border: 1px solid var(--table-edge);
  outline: 0;
  box-shadow: none;
  background: radial-gradient(ellipse, var(--field-light), transparent 70%);
}

.arena:not([data-reflow]) .score.arena-clash {
  grid-area: art;
  grid-template: auto / var(--score-rail) minmax(0, 1fr) var(--score-rail);
  width: 100%;
  align-self: center;
  padding: 0;
  gap: 0;
  pointer-events: none;
}

.arena:not([data-reflow]) .arena-versus {
  display: none;
}

.arena:not([data-reflow]) .score .arena-score {
  grid-template: auto auto auto / minmax(0, 1fr);
  grid-template-areas: "label" "token" "owner";
  justify-items: center;
  gap: .23rem;
  padding: .5rem .18rem;
  border-color: transparent;
  background: none;
  pointer-events: auto;
}

.arena:not([data-reflow]) .score .arena-score:is(:hover,:focus-visible) {
  background: var(--table-ink);
  border-color: var(--table-edge);
}

.arena:not([data-reflow]) .arena-score > span { max-width: 100%; }
.arena:not([data-reflow]) .arena-score-label { grid-area: label; color: var(--arena-paper); }
.arena:not([data-reflow]) .arena-score-token { grid-area: token; }
.arena:not([data-reflow]) .arena-score-caption { grid-area: owner; color: var(--arena-muted); }

.arena:not([data-reflow]) .arena-score strong {
  font-size: clamp(3.3rem, 6.7vw, 6.35rem);
  line-height: .9;
}

.arena:not([data-reflow]) .arena-score[data-wide="true"] strong {
  font-size: clamp(1.9rem, 3.7vw, 3.95rem);
}

.arena:not([data-reflow]) .arena-fight .arena-foes {
  --monster-width: min(94cqw, max(48px, calc((100cqh - .8rem) * 1.30)), 31rem);
  width: calc(100% - 2 * var(--score-rail));
  padding: .4rem .28rem;
  gap: .52rem;
}

.arena:not([data-reflow]) .arena-fight .arena-foes[data-count="2"] {
  --monster-width: min(48cqw, max(48px, calc((100cqh - .8rem) * .83)), 18rem);
}

.arena:not([data-reflow]) .arena-fight .arena-foes:is([data-count="3"],[data-formation="crowd"]) {
  --monster-width: min(31cqw, max(48px, calc((100cqh - .8rem) * .75)), 14rem);
}

.arena:not([data-reflow]) .arena-fight .arena-monster {
  min-inline-size: 48px;
  min-block-size: 48px;
  aspect-ratio: .82;
  gap: 0;
  padding: .2rem;
  border-color: var(--table-gold);
  border-radius: .44rem;
  background: var(--table-ink);
  box-shadow: 0 .45rem 1.45rem oklch(9% .019 254 / .78);
  transform: none;
}

.arena:not([data-reflow]) .arena-fight .arena-monster:hover {
  border-color: var(--arena-paper);
  background: var(--table-ink-raised);
}

.arena:not([data-reflow]) .arena-fight .arena-monster:is([data-refused="true"],[data-flee-card="resolved"]) {
  border-color: var(--arena-ice);
}

.arena:not([data-reflow]) .arena-fight .arena-monster[data-flee-card="active"] {
  border-color: var(--arena-ember);
  box-shadow: 0 0 0 1px var(--arena-ember), 0 .45rem 1.45rem oklch(9% .019 254 / .78);
}

.arena:not([data-reflow]) .arena-fight .arena-monster-art {
  border: 0;
  border-radius: .23rem .23rem 0 0;
}

.arena:not([data-reflow]) .arena-fight .arena-monster-top {
  position: absolute;
  z-index: 2;
  inset: .45rem .45rem auto auto;
  gap: .35rem;
  min-height: 0;
  padding: .22rem .32rem;
  color: var(--arena-paper);
  border: 1px solid var(--table-edge);
  border-radius: .22rem;
  background: var(--table-ink);
}

.arena:not([data-reflow]) .arena-fight .arena-monster-top strong {
  color: var(--arena-paper);
  font-size: 1.25rem;
}

.arena-monster-base {
  color: var(--arena-muted);
  font-size: .7em;
}

.arena:not([data-reflow]) .arena-fight .arena-monster:not([data-refused],[data-flee-card="resolved"]) .arena-monster-top > span {
  display: none;
}

.arena:not([data-reflow]) .arena-fight .arena-monster-name {
  flex: none;
  display: -webkit-box;
  min-height: 0;
  max-height: 2.8em;
  padding: .32rem .14rem;
  color: var(--arena-paper);
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.08;
}

.arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster {
  aspect-ratio: 1.30;
}

.arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster-name {
  font-size: clamp(.81rem, 1.55vw, 1.36rem);
}

.arena:not([data-reflow]) .arena-fight :is(.arena-command,.arena-impact) {
  width: min(100%, 34rem);
}

.arena:not([data-reflow]) .arena-fight .arena-stakes {
  min-height: 0;
  justify-items: center;
}

.arena:not([data-reflow]) .arena-fight .arena-stakes-button {
  min-block-size: 48px;
  padding-inline: .46rem;
}

.arena:not([data-reflow]) .arena-fight .arena-contract { text-align: center; }

.arena:not([data-reflow]) .arena-fight > .arena-command {
  padding: .27rem 0 .1rem;
}

.arena:not([data-reflow]) .arena-fight .arena-window {
  padding-inline: .08rem;
}

.arena:not([data-reflow]) .arena-fight .arena-window #arena-guidance-note {
  max-inline-size: none;
}

.arena-fight[data-clash-rail] .arena-score-token {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .16rem .34rem;
}

.arena-score-edge {
  padding: .18rem .34rem;
  border: 1px solid currentColor;
  border-radius: .18rem;
  font: 750 .68rem/1 var(--arena-ui);
  overflow-wrap: anywhere;
}

.arena-fight[data-clash-rail] .arena-versus small {
  color: var(--table-gold, var(--arena-muted));
  font: 750 .57rem/1 var(--arena-ui);
  letter-spacing: .05em;
  text-transform: uppercase;
}

@media (max-width: 780px) and (min-height: 651px) and (orientation: portrait) {
  .arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-versus {
    min-inline-size: 2.5rem;
    gap: .15rem;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-versus small { display: none; }
}

.arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-stakes-button {
  position: relative;
  isolation: isolate;
  padding-inline: .92rem;
  border-color: transparent;
  color: var(--table-gold);
}

.arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-stakes-button::before {
  position: absolute;
  z-index: -1;
  inset: .38rem .18rem;
  border: 1px solid var(--table-edge);
  border-radius: .18rem;
  background: var(--table-ink);
  box-shadow: inset 0 0 0 2px var(--table-ink-raised);
  content: "";
}

.arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-stakes-button:is(:hover,:focus-visible)::before {
  border-color: currentColor;
}

.arena-fight[data-clash-rail] .arena-prize {
  padding-inline-start: 0;
  border: 0;
}

.arena:not([data-reflow]) .arena-fight[data-clash-rail] > .arena-command {
  padding-inline: .32rem;
  border-block-start: 1px solid var(--table-edge);
  background: linear-gradient(180deg, var(--table-ink), transparent);
}

.arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-window-copy > p {
  color: var(--table-gold);
}

@media (min-width: 781px) and (min-height: 521px) {
  .arena:not([data-reflow]) .arena-fight[data-clash-rail]:has(.arena-foes[data-count="1"]) .arena-clash {
    width: min(100%, max(49rem, calc(33rem + 2 * var(--score-rail))));
  }
  .arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-foes[data-count="1"] { pointer-events: none; }
  .arena:not([data-reflow]) .arena-fight[data-clash-rail] .arena-foes[data-count="1"] .arena-monster { pointer-events: auto; }
}

@media (min-width: 1180px) and (min-height: 680px) {
  .arena[data-combat-stage]:not([data-reflow]) .player-list > :is(:nth-child(1 of :not(.arena-own-seat)),:nth-last-child(1 of :not(.arena-own-seat))) {
    position: static;
  }
}

@media (max-width: 780px) and (orientation: portrait) {
  .arena:not([data-reflow]) .arena-hud { padding-inline: .45rem; }
  .arena:not([data-reflow]) .arena-turn h1 { font-size: .76rem; }
  .arena:not([data-reflow]) .arena-fight {
    --score-rail: clamp(3.35rem, 16vw, 4.8rem);
    width: min(100%, 35rem);
    padding: 0 .38rem .25rem;
  }
  .arena:not([data-reflow]) .arena-score strong { font-size: 2.6rem; }
  .arena:not([data-reflow]) .arena-score[data-wide="true"] strong { font-size: 1.55rem; }
  .arena:not([data-reflow]) .arena-score-label { font-size: .54rem; letter-spacing: 0; }
  .arena:not([data-reflow]) .arena-score-caption { font-size: .56rem; }
  .arena:not([data-reflow]) .arena-fight .arena-monster-name {
    font: 770 .72rem/1.08 var(--arena-ui);
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster-name {
    font: 770 .77rem/1.08 var(--arena-ui);
  }
}

@media (max-width: 780px) and (min-height: 651px) and (orientation: portrait) {
  .arena:not([data-reflow]) .arena-fight {
    grid-template: auto minmax(0, 1fr) auto auto auto / minmax(0, 1fr);
    grid-template-areas: "forces" "art" "stakes" "impact" "command";
  }
  .arena:not([data-reflow]) .arena-fight .arena-clash {
    grid-area: forces;
    grid-template-columns: 1fr auto 1fr;
    width: min(100%, 27rem);
  }
  .arena:not([data-reflow]) .arena-fight .arena-score {
    grid-template: auto auto / auto minmax(0, 1fr);
    grid-template-areas: "token label" "token owner";
    justify-items: start;
    column-gap: .37rem;
    padding: .18rem .31rem;
  }
  .arena:not([data-reflow]) .arena-fight .arena-enemy {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "label token" "owner token";
    justify-items: end;
  }
  .arena:not([data-reflow]) .arena-fight .arena-versus { display: grid; }
  .arena:not([data-reflow]) .arena-fight .arena-foes:not([data-count="1"]) { width: 100%; gap: .27rem; }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] {
    --monster-width: min(93cqw, max(48px, calc((100cqh - .8rem) * 1.12)), 21rem);
    width: min(100%, 22rem);
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster {
    aspect-ratio: 1.12;
  }
}

@media (max-width: 380px) and (max-height: 650px) and (orientation: portrait) {
  .arena:not([data-reflow]) .arena-seats { padding-block: .1rem; }
  .arena:not([data-reflow]) .arena-seat { gap: .17rem; }
  .arena:not([data-reflow]) .arena-seat-status[data-secondary="true"] { display: none; }
  .arena:not([data-reflow]) .arena-command[data-turn-decision] .arena-window-copy > p {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] {
    --monster-width: min(98cqw, max(48px, calc(100cqh * 1.43)));
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster {
    aspect-ratio: 1.43;
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster-art img {
    object-position: center top;
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster-name {
    font-size: .70rem;
    padding-block: .22rem;
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes {
    padding-block: .22rem;
  }
  .arena:not([data-reflow]) .arena-fight .arena-monster-top {
    inset: .27rem .27rem auto auto;
    padding: .12rem .19rem;
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes:not([data-count="1"]) .arena-monster-name {
    font-size: .61rem;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .arena:not([data-reflow]) .arena-fight,
  .arena:not([data-reflow]) .arena-board:has(.arena-return) .arena-fight {
    grid-template: minmax(0, 1fr) auto auto auto / minmax(0, 1fr) minmax(10rem, .85fr);
    grid-template-areas: "art forces" "art stakes" "art impact" "art command";
    width: 100%;
    column-gap: .38rem;
    padding-inline: .45rem;
  }
  .arena:not([data-reflow]) .arena-fight .arena-foes { width: 100%; }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] .arena-monster { aspect-ratio: 1.02; }
  .arena:not([data-reflow]) .arena-fight .arena-foes[data-count="1"] {
    --monster-width: min(95cqw, max(48px, calc((100cqh - .8rem) * 1.02)), 17rem);
  }
  .arena:not([data-reflow]) .score.arena-clash {
    grid-area: forces;
    align-self: end;
    grid-template-columns: minmax(0, 1fr) 1.35rem minmax(0, 1fr);
  }
  .arena:not([data-reflow]) .arena-versus { display: grid; align-self: center; }
  .arena:not([data-reflow]) .score .arena-score { padding: .26rem .12rem; gap: .15rem; }
  .arena:not([data-reflow]) .arena-score strong { font-size: 2.75rem; }
  .arena:not([data-reflow]) .arena-score[data-wide="true"] strong { font-size: 1.6rem; }
  .arena:not([data-reflow]) .arena-score-label { font-size: .6rem; }
  .arena:not([data-reflow]) .arena-fight .arena-stakes-button {
    padding-inline: .1rem;
    gap: .3rem;
  }
}

@media (forced-colors: active) {
  .arena:not([data-reflow]) .arena-fight .arena-monster,
  .arena:not([data-reflow]) .arena-commands .btn { border-color: ButtonText; }
  .arena:not([data-reflow]) .arena-fight .arena-monster:focus-visible,
  .arena:not([data-reflow]) .arena-commands .btn:focus-visible { outline-color: Highlight; }
}

body[data-contrast="true"] .arena:not([data-reflow]) { --table-edge: var(--arena-trim); }

.arena-command[data-submission] .arena-window-copy { flex: 1 1 0; }
.arena-command[data-submission] .arena-window-copy > p { color: var(--arena-ice); }
.arena-command[data-submission] .arena-window-default {
  max-width: none;
  color: var(--arena-paper);
  line-height: 1.17;
  white-space: normal;
  overflow-wrap: anywhere;
}
.arena-submission-art {
  display: grid;
  flex: none;
  place-items: center;
  width: 2.05rem;
  height: 2.2rem;
  border: 1px solid var(--arena-trim);
  border-radius: .2rem;
  background: var(--table-ink,var(--canvas));
}
.arena-submission-art .icon { width: 1rem; height: 1rem; }

/* During a returned roll, keep the summary beside the decision instead of above its scores. */
.arena:not([data-reflow],[data-gear-docked]) .arena-board:has(.arena-fight[data-return-roll]) {
  grid-template-rows: minmax(0,1fr);
}
.arena:not([data-reflow]) .arena-fight[data-return-roll] {
  grid-template: auto minmax(0,1fr) auto auto / minmax(0,1fr);
  grid-template-areas: "notice" "art" "stakes" "command";
}
.arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-return {
  grid-area: notice;
  margin-block: 0;
  padding-block: 0;
  border-color: var(--table-edge);
  background: var(--table-ink);
}
.arena[data-reflow]:has(.arena-fight[data-return-roll]) .arena-hand-strip { margin-inline: 0; }

@media (max-width: 780px) and (min-height: 651px) and (orientation: portrait) {
  .arena:not([data-reflow]) .arena-fight[data-return-roll] {
    grid-template: auto auto minmax(0,1fr) auto auto / minmax(0,1fr);
    grid-template-areas: "notice" "forces" "art" "stakes" "command";
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .arena:not([data-reflow]) .arena-board > .arena-fight[data-return-roll] {
    grid-template: auto minmax(0,1fr) auto / minmax(0,1fr) minmax(10rem,.85fr);
    grid-template-areas: "notice forces" "art stakes" "art command";
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-return {
    inline-size: 100%;
    align-self: center;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-stakes { align-self: center; }
}

@media (max-width: 380px) and (max-height: 650px) and (orientation: portrait) {
  .arena:not([data-reflow]) .arena-fight[data-return-roll] {
    grid-template-rows: auto minmax(48px,1fr) auto auto;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-score {
    grid-template-rows: auto auto;
    grid-template-areas: "label" "token";
    min-block-size: 48px;
    gap: .1rem;
    padding: .06rem;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-score strong { font-size: 2.08rem; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-score[data-wide="true"] strong { font-size: 1.42rem; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-score-caption { display: none; }
}

@media (max-width: 380px) and (max-height: 650px) and (orientation: portrait), (max-height: 520px) and (orientation: landscape) {
  .arena:not([data-reflow]) .arena-fight[data-return-roll] > .arena-command {
    grid-template-columns: auto minmax(0,1fr);
    column-gap: .25rem;
    padding-block: .1rem .18rem;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-window { grid-area: 1 / 1; padding: 0; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-commands {
    grid-area: 1 / 2;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .25rem;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-commands .btn {
    min-width: 48px;
    padding: .24rem .26rem;
    gap: .22rem;
    font-size: .71rem;
    line-height: 1.18;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-countdown { padding-inline: .25rem; gap: .14rem; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-countdown .icon { width: .78rem; height: .78rem; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-window:has(.arena-window-note[data-sending="true"]) {
    flex-direction: column-reverse;
    gap: .1rem;
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-window-copy > p,
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-window-note:not([data-sending="true"]),
  .arena:not([data-reflow])[data-roll] .arena-fight[data-return-roll] #flee-board-status {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-window-note[data-sending="true"] { min-inline-size: 0; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-window-note[data-sending="true"] small { font-size: .61rem; }
  .arena:not([data-reflow])[data-roll] .arena-fight[data-return-roll] .arena-stakes {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .23rem;
    max-width: 100%;
  }
  .arena:not([data-reflow])[data-roll] .arena-fight[data-return-roll] .arena-flee-status {
    flex: 0 0 48px;
    justify-content: center;
    padding: 0;
  }
  .arena:not([data-reflow])[data-roll] .arena-fight[data-return-roll] .arena-flee-status .arena-die-face { display: none; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-die {
    margin: 0;
    padding: .25rem .35rem;
    gap: .34rem;
    border-color: var(--table-edge);
    background: var(--table-ink);
  }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-die .arena-die-face { width: 1.8rem; padding: .16rem; }
  .arena:not([data-reflow]) .arena-fight[data-return-roll] .arena-die-copy dl { gap: .06rem .33rem; }
}