/* Phase 27: Spark/Boost live prize carousel cohesion */
.en-sparkMiniPanel,
.en-boostRevealPanel{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.24);border-radius:28px;background:linear-gradient(135deg,rgba(12,12,12,.92),rgba(212,175,55,.08));box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);padding:clamp(18px,3vw,34px);}
.en-sparkMiniHead,
.en-boostRevealHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;}
.en-sparkMiniHead h2,
.en-boostRevealHead h2{margin:0;color:#fff8e7;font-size:clamp(1.35rem,2.4vw,2.4rem);letter-spacing:-.04em;}
.en-sparkMiniHead p,
.en-boostRevealHead p{margin:.4rem 0 0;color:rgba(255,248,226,.74);max-width:62ch;}
.en-sparkMiniTrack,
.en-boostPublicTrack{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;}
.en-sparkMiniCard,
.en-boostPublicCard{position:relative;scroll-snap-align:start;min-height:250px;border:1px solid rgba(212,175,55,.28);border-radius:24px;background:radial-gradient(220px 140px at 50% 0%,rgba(255,222,109,.18),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));padding:16px;display:flex;flex-direction:column;gap:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.en-sparkMiniImg,
.en-boostPublicImg{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);}
.en-sparkMiniCard strong,
.en-boostPublicCard strong{color:#fff8e7;font-size:1.02rem;line-height:1.08;}
.en-sparkMiniPrize,
.en-boostPublicPrize{display:inline-flex;align-self:flex-start;border:1px solid rgba(212,175,55,.28);border-radius:999px;padding:6px 10px;color:#f5d56a;background:rgba(212,175,55,.10);font-weight:900;}
.en-sparkMiniDesc,
.en-boostPublicDesc{color:rgba(255,248,226,.76);font-size:.9rem;line-height:1.35;}
.en-sparkMiniMeta,
.en-boostPublicMeta{margin-top:auto;color:rgba(255,248,226,.62);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;}
html[data-en-theme="light"] .en-sparkMiniPanel,
html[data-en-theme="light"] .en-boostRevealPanel{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(212,175,55,.12));box-shadow:0 18px 54px rgba(37,28,6,.12);}
html[data-en-theme="light"] .en-sparkMiniHead h2,
html[data-en-theme="light"] .en-boostRevealHead h2,
html[data-en-theme="light"] .en-sparkMiniCard strong,
html[data-en-theme="light"] .en-boostPublicCard strong{color:#171109;}
html[data-en-theme="light"] .en-sparkMiniHead p,
html[data-en-theme="light"] .en-boostRevealHead p,
html[data-en-theme="light"] .en-sparkMiniDesc,
html[data-en-theme="light"] .en-boostPublicDesc{color:rgba(23,17,9,.72);}
@media(max-width:720px){.en-sparkMiniTrack,.en-boostPublicTrack{grid-auto-columns:minmax(78vw,1fr);}.en-sparkMiniHead,.en-boostRevealHead{display:block;}.en-sparkMiniPanel,.en-boostRevealPanel{border-radius:22px;padding:16px;}}

/* Phase 27 hard override: Boost public cards should match Spark carousel even when shortcode inline CSS exists. */
.en-boostRevealPanel{border-color:rgba(212,175,55,.24)!important;background:linear-gradient(135deg,rgba(12,12,12,.92),rgba(212,175,55,.08))!important;border-radius:28px!important;box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;}
.en-boostPublicTrack{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(230px,1fr)!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:4px 2px 12px!important;}
.en-boostPublicCard{flex:none!important;scroll-snap-align:start!important;min-height:250px!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:24px!important;background:radial-gradient(220px 140px at 50% 0%,rgba(255,222,109,.18),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:9px!important;}
.en-boostPublicImg{aspect-ratio:16/10!important;border-radius:18px!important;border-color:rgba(255,255,255,.12)!important;}
.en-boostPublicPrize{color:#f5d56a!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:999px!important;padding:6px 10px!important;background:rgba(212,175,55,.10)!important;font-size:.95rem!important;align-self:flex-start!important;}
@media(max-width:720px){.en-boostPublicTrack{grid-auto-columns:minmax(78vw,1fr)!important;}}