/* ===== Next Result Countdown v2.6.0 ===== */
.next-result-card{
    position:relative;
    overflow:hidden;
    margin:0 0 16px;
    border:1px solid rgba(250,204,21,.48);
    border-radius:16px;
    background:
        radial-gradient(circle at 92% 10%,rgba(250,204,21,.20),transparent 34%),
        linear-gradient(135deg,rgba(42,10,10,.97),rgba(127,29,29,.94));
    color:#fff;
    box-shadow:0 18px 45px rgba(20,6,6,.28);
}
.next-result-card:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:linear-gradient(180deg,var(--gold),var(--teal));
}
.next-result-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:22px 25px 18px 29px;
}
.next-result-copy{min-width:0}
.next-result-kicker{
    display:block;
    margin-bottom:7px;
    color:var(--gold);
    font-size:10px;
    font-weight:950;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.next-result-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.next-result-heading-row h2{margin:0;color:#fff;font-size:26px;letter-spacing:-.03em}
.next-result-copy p{margin:7px 0 0;color:#e8caca;font-size:12px}
.next-result-clock{display:flex;align-items:flex-start;gap:8px;flex:0 0 auto}
.next-result-clock>div{
    min-width:78px;
    padding:10px 9px 8px;
    border:1px solid rgba(250,204,21,.40);
    border-radius:12px;
    background:rgba(15,3,3,.58);
    text-align:center;
    box-shadow:inset 0 0 18px rgba(250,204,21,.06);
}
.next-result-clock strong{
    display:block;
    color:var(--gold);
    font:900 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.05em;
}
.next-result-clock span{
    display:block;
    margin-top:6px;
    color:#d7b8b8;
    font-size:8px;
    font-weight:850;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.next-result-clock>b{padding-top:13px;color:var(--gold);font-size:24px;line-height:1}
.next-result-status{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:9px 25px 10px 29px;
    border-top:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.16);
    color:#f4dddd;
    font-size:10px;
}
.next-result-status-dot{
    width:8px;
    height:8px;
    flex:0 0 auto;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 0 5px rgba(250,204,21,.12);
    animation:nextResultPulse 1.4s infinite;
}
.next-result-card.is-due{border-color:rgba(255,255,255,.55)}
.next-result-card.is-due .next-result-status-dot{
    background:#fff;
    box-shadow:0 0 0 5px rgba(255,255,255,.14);
    animation:nextResultPulse .75s infinite;
}
.next-result-card.is-due .next-result-status{color:#fff}
@keyframes nextResultPulse{50%{opacity:.42;transform:scale(.82)}}
html[data-theme="dark"] .next-result-card{
    background:
        radial-gradient(circle at 92% 10%,rgba(250,204,21,.17),transparent 34%),
        linear-gradient(135deg,#160303,#5f1010);
}
@media(max-width:760px){
    .next-result-main{align-items:flex-start;flex-direction:column;padding:19px 18px 16px 22px}
    .next-result-clock{width:100%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start}
    .next-result-clock>div{min-width:0;width:100%}
    .next-result-status{padding:9px 18px 10px 22px}
}
@media(max-width:430px){
    .next-result-heading-row h2{font-size:22px}
    .next-result-clock{gap:5px}
    .next-result-clock>div{padding:9px 5px 7px;border-radius:10px}
    .next-result-clock strong{font-size:25px}
    .next-result-clock>b{padding-top:12px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){
    .next-result-status-dot{animation:none!important}
}