/* Feel: small, quick feedback. Buttons give under the finger; a place's card settles in when you walk through the door.
   Reduced motion (system or the motion setting) turns all of this off through the existing rules. */
.sa button:not(:disabled){transition:transform 70ms ease-out,background-color 90ms ease-out}
.sa button:not(:disabled):active{transform:translateY(1px) scale(.985)}
.sa #place:not([hidden]) #place-card{animation:sa-card-in 190ms ease-out both}
.sa #place:not([hidden]) #interior{animation:sa-arrival 240ms ease-out both}
.sa #place:not([hidden]) #inside-player{animation:sa-step-in 260ms ease-out both}
@keyframes sa-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sa-step-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.sa[data-motion=reduced] button:active,.sa[data-motion=reduced] #place-card,.sa[data-motion=reduced] #interior,.sa[data-motion=reduced] #inside-player{animation:none!important;transition:none!important;transform:none!important}
.sa .meter-fill{transition:width 320ms ease-out}
.sa #cash.cash-up{animation:sa-cash-up 420ms ease-out}
.sa #cash.cash-down{animation:sa-cash-down 420ms ease-out}
@keyframes sa-cash-up{30%{transform:scale(1.12);background:var(--mustard)}}
@keyframes sa-cash-down{30%{transform:translateX(-3px);background:#d98a8a}60%{transform:translateX(2px)}}
.sa[data-motion=reduced] .meter-fill,.sa[data-motion=reduced] #cash{animation:none!important;transition:none!important}
/* The round/crowd box sat on top of the clock; it now lives in the fight panel. */
.sa .sa-fight .fight-paper .fight-match{position:static;transform:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:0 0 6px;background:none;font-size:12px}
.sa .sa-fight .fight-paper .fight-hype{width:140px;flex:none}
@media(max-width:700px){.sa .sa-fight .fight-paper{bottom:108px}}