/* Quiet motion: the board and every hit target stay anchored. */
html.painted .btn,
.arcade-flow .af-button {
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    filter 220ms ease,
    transform 130ms ease;
}
@media (hover: hover) and (pointer: fine) {
  html.painted .btn:not(:disabled):hover {
    filter: brightness(1.025) !important;
    box-shadow:
      0 4px 0 #06132e,
      inset 0 1px 0 #ffffff55,
      0 0 0 2px #a9d7ff22;
    transform: none !important;
  }
  .arcade-flow .af-button:not(:disabled):hover {
    background: #112c55;
    border-color: #93c4ff;
    filter: none;
    box-shadow:
      0 4px 0 #04132b,
      inset 0 1px 0 #ffffff22,
      0 0 0 2px #a9d7ff1c;
    transform: none;
  }
  .arcade-flow .af-button.primary:not(:disabled):hover {
    background: #ffce35;
    box-shadow:
      0 5px 0 #9a6419,
      inset 0 1px 0 #fff9,
      0 0 0 2px #ffe58d33;
  }
  .arcade-flow .af-button[aria-pressed='true']:hover {
    background: #174a83;
    border-color: #ffdf70;
  }
  .arcade-flow .af-roster-item img {
    transition: scale 240ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  .arcade-flow .af-roster-item:hover img {
    scale: 1.025;
  }
}
html.painted .btn:not(:disabled):active,
.arcade-flow .af-button:not(:disabled):active {
  transform: translateY(2px) !important;
  filter: brightness(0.99) !important;
}
.arcade-flow {
  background-position:
    center,
    calc(50% + var(--splash-x, 0px) * -0.22) calc(50% + var(--splash-y, 0px) * -0.22) !important;
  background-size:
    auto,
    max(105vw, 186.6vh) auto !important;
}
.arcade-flow .af-hero {
  transform: translate(calc(var(--splash-x, 0px) * 0.35), calc(var(--splash-y, 0px) * 0.25));
}
.arcade-flow .af-character {
  transform-origin: 50% 96%;
  animation: crewIdle 5.4s ease-in-out infinite;
}
.arcade-flow .af-hero[data-character='tito'] .af-character {
  animation-duration: 6.2s;
}
.arcade-flow .af-hero[data-character='olivia'] .af-character {
  animation-duration: 4.6s;
}
.arcade-flow .af-picked-character {
  animation:
    crewChoose 340ms cubic-bezier(0.2, 0.7, 0.2, 1) both,
    crewIdle 5.4s 340ms ease-in-out infinite;
}
.arcade-flow .af-roster-item[aria-pressed='true'] img {
  scale: 1.035;
}
.arcade-flow .af-roster-item[aria-pressed='false'] img {
  filter: brightness(0.9);
}
.arcade-flow .af-progress {
  text-shadow:
    0 2px 3px #03132b,
    0 0 8px #03132bcc;
}
.af-route-enter {
  animation: arcadeEnter 300ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
[data-direction='back'] .af-route-enter {
  --route-x: -18px;
}
.result[data-outcome='win']:not(.restored) .result-portrait {
  animation: crewWin 650ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.result[data-character='amora'] {
  --winner-tilt: -5deg;
}
.result[data-character='tito'] {
  --winner-tilt: 4deg;
}
.result[data-character='olivia'] {
  --winner-tilt: -3deg;
}
@keyframes crewIdle {
  0%,
  100% {
    scale: 1;
    rotate: 0deg;
  }
  50% {
    scale: 1.006 1.012;
    rotate: 0.25deg;
  }
}
@keyframes crewChoose {
  from {
    opacity: 0.4;
    translate: -12px 3px;
    scale: 0.97;
  }
  to {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@keyframes arcadeEnter {
  from {
    opacity: 0;
    translate: var(--route-x, 18px) 0;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes crewWin {
  0% {
    opacity: 0;
    translate: 0 12px;
    rotate: 0deg;
    scale: 0.9;
  }
  45% {
    opacity: 1;
    translate: 0 -6px;
    rotate: var(--winner-tilt, 3deg);
    scale: 1.06;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    rotate: 0deg;
    scale: 1;
  }
}
html.reduced .arcade-flow *,
html.reduced .result *,
html.reduced .btn {
  animation: none !important;
  transition: none !important;
  translate: none !important;
  rotate: none !important;
  scale: 1 !important;
}
html.reduced .arcade-flow .af-hero {
  transform: none !important;
}
html.reduced .arcade-flow {
  background-position: center !important;
}
@media (prefers-reduced-motion: reduce) {
  .arcade-flow *,
  .result * {
    animation: none !important;
    transition: none !important;
    translate: none !important;
    rotate: none !important;
    scale: 1 !important;
  }
  .arcade-flow .af-hero {
    transform: none !important;
  }
  .arcade-flow {
    background-position: center !important;
  }
}

.result .actions > .btn:last-child:nth-child(even) {
  grid-column: 1/-1;
}
html[data-page-hidden='true'] .af-character,
html[data-page-hidden='true'] .splash-token img {
  animation-play-state: paused !important;
}

/* Stable button material: hover changes only the edge, never adds a second silhouette. */
html.painted .btn {
  --rest-shadow: 0 4px 0 #06132e;
  box-shadow: var(--rest-shadow);
  filter: none !important;
}
html.painted .btn.primary,
html.painted .hud-bottom .btn.hint {
  --rest-shadow: 0 4px 0 #996419;
}
html.painted .btn:not(:disabled):hover {
  box-shadow: var(--rest-shadow) !important;
  filter: none !important;
  border-color: #bddbff;
}
html.painted .btn.primary:not(:disabled):hover,
html.painted .hud-bottom .btn.hint:not(:disabled):hover {
  border-color: #fff1b1;
}
html.painted .btn:focus:not(:focus-visible) {
  outline: none;
}
html.painted .btn:focus-visible {
  outline: 2px solid #d7ecff;
  outline-offset: 4px;
}
html.painted .hud-bottom .btn:nth-child(2) {
  --button-fill: linear-gradient(#1c3a60, #1c3a60);
  background: var(--button-fill) !important;
  color: #e4efff !important;
  border-color: #54779f;
  box-shadow: 0 4px 0 #06132e !important;
}
html.painted .hud-bottom .btn:nth-child(2):disabled {
  background: #29466c !important;
  color: #b7c8de !important;
  box-shadow: 0 3px 0 #06132e !important;
}
.arcade-flow .af-button:not(:disabled):hover {
  box-shadow: 0 4px 0 #04132b;
  filter: none;
  border-color: #93c4ff;
}
.arcade-flow .af-button.primary:not(:disabled):hover {
  box-shadow: 0 5px 0 #9a6419;
}

/* End of src/feel.css */

/* End of assets/feel-DZKodDIT.css */