/* Steel, jade and gold. All controls retain the shared compact layout. */
body[data-mini="slash"] { --accent: #71e4da; --surface: #122b38; background: #080f1b; }
body[data-mini="slash"] .mini-stage { border-color: #6c989f; border-radius: 13px 13px 0 0; box-shadow: 0 0 0 1px #020b13, inset 0 0 0 3px #b1f5ed06; }
body[data-mini="slash"] .mini-hud { background: linear-gradient(#071420f5, #071420e8 65%, #07142000); }
body[data-mini="slash"] .mini-hud > span:first-child { border-color: #75d9d657; background: #0b2430ed; }
body[data-mini="slash"] .mini-hud .score-symbol { color: #85f6dc; }
body[data-mini="slash"] .mini-hud strong { color: #d9fff1; }
body[data-mini="slash"] .mini-hud button { border-color: #71b7bf55; background: #193343; }
body[data-mini="slash"] .mini-buddy { border-color: #6c989f; border-top-color: #d4f8f31a; border-radius: 0 0 13px 13px; background: linear-gradient(110deg, #173c48, #101d2d 80%); }
body[data-mini="slash"] .buddy-talk { color: #dbf4f0; border-color: #73e1d621; background: #15313b; }
body[data-mini="slash"] .mini-panel { border-radius: 18px; border-color: #cfa66b; background: radial-gradient(ellipse at 50% 0, #225164, #101c2c 76%); box-shadow: inset 0 1px #ffe9b83b, inset 0 0 0 4px #eac78408, 0 18px 50px #0008; }
body[data-mini="slash"] .mini-hero::before { border-color: #7de7da66; box-shadow: 0 0 0 9px #7cded809, 0 0 0 10px #8cebdd20; }
body[data-mini="slash"] .mini-play { border-radius: 12px; border-color: #fff0c2; background: linear-gradient(135deg, #fff1bd, #dfb365 70%, #b78945); }
body[data-mini="slash"] .cast-choice { border-radius: 10px; background: linear-gradient(140deg, #345463, #0a1a28); }
body[data-mini="slash"] .cast-choice[aria-pressed="true"] { border-color: #ffda8b; background: linear-gradient(140deg, #6b5c3b, #203b40); box-shadow: 0 0 0 2px #ecc98226, inset 0 1px #fff4; }

/* Explicit actions stay comfortably tappable without taking arena space. */
body[data-mini="slash"] .mini-play { display: flex; justify-content: center; gap: 9px; width: min(100%, 210px); min-height: 52px; font-size: 16px; font-weight: 800; }
body[data-mini="slash"] .mini-play svg { width: 19px; height: 19px; }
body[data-mini="slash"] .mini-hint { white-space: pre-line; color: #c6dedf; }
body[data-mini="slash"] .mini-hud button { width: 44px; height: 36px; }
body[data-mini="slash"] .mini-overlay[data-mode="pause"] .mini-message { font-size: 24px; }

/* Results describe the actual round, with gold reserved for a new record. */
body[data-mini="slash"] .panel-status { margin: 0; color: #a9e9df; font-size: 13px; font-weight: 750; text-align: center; }
body[data-mini="slash"] .run-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; margin: 0; padding: 10px 0; border-block: 1px solid #87c6c530; background: #04162066; }
body[data-mini="slash"] .run-summary > div { min-width: 0; text-align: center; }
body[data-mini="slash"] .run-summary > div + div { border-left: 1px solid #87c6c530; }
body[data-mini="slash"] .run-summary dt { color: #a9c3ca; font-size: 10px; }
body[data-mini="slash"] .run-summary dd { margin: 5px 0 0; color: #effff9; font-size: 21px; font-weight: 800; font-variant-numeric: tabular-nums; }
body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-message { font-size: clamp(32px,9vw,46px); line-height: 1.1; }
body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-hero { height: 90px; width: 110px; }
body[data-mini="slash"] .mini-overlay[data-mode="result"] .panel-portrait { height: 90px; width: 90px; }
body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-hero::before { height: 80px; width: 80px; }
body[data-mini="slash"] .mini-overlay[data-record="true"] .mini-best { color: #ffe1a0; border: 1px solid #dbb66066; padding: 5px 14px; border-radius: 4px; background: #6e54242b; }
body[data-mini="slash"] .mini-overlay[data-record="true"] .mini-panel { border-color: #ffe1a0; }
body[data-mini="slash"] .mini-overlay[data-mode="pause"] .mini-hero { display: none; }

@media(max-height:650px) {
    body[data-mini="slash"] .mini-overlay { padding: 8px; }
    body[data-mini="slash"] .mini-panel { gap: 7px; padding: 12px; }
    body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-hero { display: none; }
    body[data-mini="slash"] .run-summary { padding: 7px 0; }
    body[data-mini="slash"] .mini-play { min-height: 48px; height: 48px; }
}
@media(prefers-reduced-motion:reduce) {
    body[data-mini="slash"] .mini-overlay { backdrop-filter: none; }
    body[data-mini="slash"] .mini-play:active { transform: none; }
}

body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-panel { gap: 8px; }
body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-hint { display: block; font-size: 11px; }
@media(min-height:651px) and (max-height:740px) {
    body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-hero { height: 72px; }
    body[data-mini="slash"] .mini-overlay[data-mode="result"] .panel-portrait { height: 72px; width: 72px; }
    body[data-mini="slash"] .mini-overlay[data-mode="result"] .mini-hero::before { height: 64px; width: 64px; }
}

/* A single brief shower celebrates a strong run without taking layout space. */
body[data-mini="slash"] .result-sparkles { display: none; position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
body[data-mini="slash"] .mini-overlay[data-rain="true"] .result-sparkles { display: block; }
body[data-mini="slash"] .result-sparkles span { position: absolute; top: -32px; left: 9%; font-size: 23px; opacity: 0; animation: slash-result-sparkle 1.2s ease-out both; }
body[data-mini="slash"] .result-sparkles span:nth-child(2) { left: 25%; animation-delay: .1s; }
body[data-mini="slash"] .result-sparkles span:nth-child(3) { left: 41%; animation-delay: .2s; }
body[data-mini="slash"] .result-sparkles span:nth-child(4) { left: 59%; animation-delay: .05s; }
body[data-mini="slash"] .result-sparkles span:nth-child(5) { left: 75%; animation-delay: .15s; }
body[data-mini="slash"] .result-sparkles span:nth-child(6) { left: 91%; animation-delay: .25s; }
body[data-mini="slash"] .mini-overlay[data-celebrate="true"] .mini-message { color: #ffe4a3; text-shadow: 0 0 18px #efbe5b55; }
@keyframes slash-result-sparkle { 0% { transform: translateY(0) rotate(-15deg); opacity: 0; } 15% { opacity: .9; } 100% { transform: translateY(180px) rotate(35deg); opacity: 0; } }
@media(prefers-reduced-motion:reduce) {
    body[data-mini="slash"] .mini-overlay[data-rain="true"] .result-sparkles { display: none; }
}

/* Secondary practice action shares the existing start/result panel. */
body[data-mini="slash"] .slash-practice { min-height: 44px; width: min(100%,210px); padding: 8px; border-color: #79d9c957; border-radius: 10px; background: #092732; color: #b3f3e3; font-size: 12px; }
body[data-mini="slash"] .mini-overlay[data-practice="true"] .game-ranking-open { display: none; }