/* Faster visuals and reduced animation cost, while respecting motion preferences. */
#mpSpeedBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#182237;border:1px solid #405471;border-radius:12px;padding:10px 14px;margin:12px 0}
#mpSpeedBar label{font-size:14px;font-weight:750;color:#ffda77}
#mpSpeedMode{font-size:15px;max-width:160px;padding:8px 12px;border:1px solid #64708b;border-radius:9px;color:white;background:#111a2f}
#mpSpeedBar small{font-size:12px;color:#b9c7e4;line-height:1.4}
.mp-mode-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(130px,1fr);gap:8px;align-items:end}
.mp-mode-row select{width:100%;min-height:44px;background:#171129;color:#fff;border:1px solid #68588b;border-radius:10px;padding:9px;font-size:15px}
.mp-mode-row label{margin:0!important}
.mp-mode-row input:disabled,.tw-pair input:disabled,#mineAutoSettings input:disabled{opacity:.48}
.mp-chicken{transition-duration:calc(.38s * var(--mp-speed-mult, .55))!important}
.rv-playing-card{animation-duration:calc(.3s * var(--mp-speed-mult, .55))!important}
@media(max-width:440px){#mpSpeedBar{gap:6px}#mpSpeedBar small{flex-basis:100%}.mp-mode-row{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.rv-playing-card{animation:none!important} .mp-chicken{transition:none!important}}
/* Give each autoplay decision its own full-width row on phones. */
.mp-auto .mp-grid3>.mp-mode-row{grid-column:1/-1}
.mp-auto .mp-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-auto .mp-grid3>.mp-mode-row label{min-width:0}
.mp-auto .mp-mode-row input,.mp-auto .mp-mode-row select{box-sizing:border-box;min-width:0;width:100%}
@media(max-width:360px){.mp-auto .mp-mode-row{grid-template-columns:1fr 1fr}}
/* The saved-coins confirmation should never permanently obscure autoplay fields. */
#coinsSavedStatus{animation:mpv15-toast 3s ease-out forwards;pointer-events:none!important}
@keyframes mpv15-toast{0%,65%{opacity:1}99%{opacity:0}100%{opacity:0;visibility:hidden}}