/* Super Bii Run (public/arcade/run.js). Arcade tokens come from arcade.css. One canvas fills the CRT; on top only the
   dark castle's bands (darkcastle.css's serif: gold "BONFIRE LIT", red "YOU DIED") and, in a versus round once you're
   down, the "still running" card. */
.ag-stage[data-kind="run"] { touch-action: none; cursor: pointer; -webkit-user-select: none; user-select: none; }
.ag-stage[data-kind="run"] .br-wrap { position: absolute; inset: 0; }
.ag-stage[data-kind="run"] .br-cv { display: block; image-rendering: pixelated; image-rendering: crisp-edges; }
.ag-stage[data-kind="run"] .br-band { position: absolute; left: 0; right: 0; top: 34%; z-index: 3; height: clamp(76px, 15vh, 130px);
  display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0;
  background: linear-gradient(180deg, rgba(10, 7, 4, 0) 0%, rgba(10, 7, 4, .82) 28%, rgba(10, 7, 4, .82) 72%, rgba(10, 7, 4, 0) 100%); }
.ag-stage[data-kind="run"] .br-band[hidden] { display: none; }
.ag-stage[data-kind="run"] .br-band span { font-family: "Trajan Pro", "Cinzel", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Serif", serif;
  font-weight: 400; font-size: clamp(28px, 8vw, 54px); letter-spacing: .14em; padding-left: .14em; line-height: 1; white-space: nowrap; }
.ag-stage[data-kind="run"] .br-band.lit span { color: #f0d38f; text-shadow: 0 0 14px rgba(255, 166, 64, .55), 0 0 2px rgba(255, 220, 150, .8); }
.ag-stage[data-kind="run"] .br-band.died span { color: #b3141c; text-shadow: 0 0 18px rgba(179, 20, 28, .5); }
.ag-stage[data-kind="run"] .br-band.lit.on { animation: br-band 2.6s ease forwards; }
.ag-stage[data-kind="run"] .br-band.died.on { animation: br-in 1.4s ease forwards; }
.ag-stage[data-kind="run"] .br-band.on span { animation: br-word 2.6s cubic-bezier(.2, .7, .2, 1) forwards; }
@keyframes br-band { 0% { opacity: 0; } 14% { opacity: 1; } 72% { opacity: 1; } 100% { opacity: 0; } }
@keyframes br-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes br-word { 0% { transform: scale(.94); } 100% { transform: scale(1.04); } }
.ag-stage[data-kind="run"] .br-wait { position: absolute; left: 0; right: 0; top: 24%; z-index: 4; pointer-events: none;
  padding: 14px 16px 18px; text-align: center; background: rgba(0, 0, 0, .8); border-top: 2px solid #3d1a20; border-bottom: 2px solid #3d1a20; }
.ag-stage[data-kind="run"] .br-wait[hidden] { display: none; }
.ag-stage[data-kind="run"] .br-wait p { margin: 0; }
.ag-stage[data-kind="run"] .br-lbl { font: 400 16px/1.3 var(--font); color: #ff9aa2; }
.ag-stage[data-kind="run"] .br-final { font: 400 72px/1 var(--ac-pixel, "Jersey 10"); color: #ffd23f; }
.ag-stage[data-kind="run"] .br-for { margin-top: 8px; font: 400 34px/1 var(--ac-pixel, "Jersey 10"); color: #fff5f5; overflow-wrap: anywhere; }
.ag-stage[data-kind="run"] .br-for:empty { display: none; }
@media (prefers-reduced-motion: reduce) {
  .ag-stage[data-kind="run"] .br-band.on, .ag-stage[data-kind="run"] .br-band.on span { animation: none; opacity: 1; }
}