/* Golden Plinko & Jackpot luxury chrome; keeps maximum vertical playfield on mobile. */
body[data-mini="drop"] {
    --accent: #ffd659;
    --surface: #131b34;
    background: #070b18;
}
body[data-mini="drop"] .mini-stage {
    border-color: #e6be5a99;
    border-radius: 14px 14px 0 0;
    box-shadow: inset 0 1px #fff3c433, 0 8px 28px #0006;
}
body[data-mini="drop"] .mini-hud > span:first-child {
    border-color: #ffd65966;
    background: linear-gradient(135deg, #2d2240, #121c36);
}
.drop-panel-state {
    margin: 0;
    color: #ffd659;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .14em;
}
.drop-result-summary {
    margin: 0;
    width: 100%;
    padding: 9px 4px;
    border-block: 1px solid #ffd65938;
    color: #fff8dc;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.mini-overlay[data-mode="result"] .mini-hero {
    height: 112px;
}
.mini-overlay[data-mode="result"] .panel-portrait {
    width: 112px;
    height: 112px;
}
.mini-overlay[data-mode="result"] .mini-hero::before {
    width: 96px;
    height: 96px;
}
.mini-overlay[data-record="true"] .mini-panel,
.mini-overlay[data-jackpot="true"] .mini-panel {
    border-color: #ffe484;
    box-shadow: inset 0 1px #fff5cc88, 0 0 28px #ffd6593d, 0 20px 48px #0008;
}
.mini-overlay[data-record="true"] .drop-panel-state::before,
.mini-overlay[data-jackpot="true"] .drop-panel-state::before {
    content: '👑 ';
}

/* Keep independent score, ball stock and time within the existing 43px HUD. */
body[data-mini="drop"] .mini-hud { gap: 6px; }
body[data-mini="drop"] .mini-hud > span:first-child { min-width: 0; padding-inline: 7px; flex: 1; overflow: hidden; font-size: clamp(12px, 4vw, 18px); }
body[data-mini="drop"] .mini-hud > span:first-child strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
body[data-mini="drop"] .drop-ammo { flex: 0 0 auto; gap: 5px; font-size: 14px; padding: 4px 7px; border: 1px solid #ffd65955; border-radius: 8px; background: #121c33; }
.drop-ball-icon { display: inline-block; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #ffeec0; background: radial-gradient(circle at 30% 25%, #fff9df 0 16%, #ffd659 27%, #c88820 85%); }
body[data-mini="drop"] .drop-ammo[data-empty="true"] { border-color: #ff91c9; }
body[data-mini="drop"] .mini-time { margin-left: 0; min-width: 34px; white-space: nowrap; flex: 0 0 auto; font-size: 14px !important; }
body[data-mini="drop"] .mini-hud button { flex: 0 0 42px; }