/* ==========================================================================
   CricScoring - broadcast/animations/six/six.css
   SIX - accent, text, panel lift
   Moved from legacy overlay.html  lines 80-80, 512-512, 1318-1322
   ==========================================================================
   Per-event styles: they may be replaced or extended by a theme
   without touching the shared animation layer.
   ========================================================================== */

.bs-six { color: #a855f7; color: #e9d5ff; text-shadow: 0 4px 10px rgba(0,0,0,0.6), 0 0 10px rgba(168,85,247,0.4); }

.splash-bowler[data-fx="six"] { --fx:#b98cff; --fx-soft:rgba(185,140,255,.55); }

.splash-bowler.active[data-fx="six"]{ animation: panelLift .55s cubic-bezier(.16,1,.3,1) both; }
@keyframes panelLift{
    0%  { transform: skewX(var(--skew)) translateZ(0) translate3d(0,16px,0) scale3d(1,.85,1) }
    100%{ transform: skewX(var(--skew)) translateZ(0) translate3d(0,0,0)    scale3d(1,1,1) }
}

/* SIX keeps the lift entrance (the panel rises instead of shaking). */
.splash-bowler[data-fx="six"]{
    --fx: var(--ev-six, #b98cff);
    --fx-soft: var(--ev-six-soft, rgba(185,140,255,.55));
}
.bs-six{
    color: var(--ev-six-text, #e9d5ff);
    text-shadow: 0 4px 10px rgba(0,0,0,0.6), 0 0 10px rgba(168,85,247,0.4);
}