body.broadcast-page{background:radial-gradient(ellipse at 50% 0,#173d70,#080f20 65%);color:#edf3ff}.broadcast-page .broadcast-header{height:76px;padding:14px 24px;display:flex;gap:24px;background:#09162c;border-bottom:1px solid #314e76}.broadcast-header>div:first-child{display:flex;align-items:center;gap:20px}.broadcast-header b{font-size:28px;letter-spacing:.05em}.broadcast-tag{font-size:12px;font-weight:800;letter-spacing:.15em;color:#d4b572;border:1px solid #a18446;border-radius:5px;padding:8px}.broadcast-clock{margin-left:auto;text-align:right}.broadcast-clock time{display:block;font-size:22px;font-weight:700}.broadcast-clock small{color:#9fb4d0;font-size:10px;letter-spacing:.12em}.broadcast-page .broadcast-layout{max-width:none;padding:20px;display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,3fr) minmax(185px,.8fr);gap:18px;align-items:start}.broadcast-history,.broadcast-payout,.next-drawing{border:1px solid #2c466c;border-radius:12px;background:#0b1b32;padding:20px}.broadcast-page h2{font-size:15px;letter-spacing:.12em;color:#dce8fc;margin:0 0 12px}.broadcast-history>p,.broadcast-payout p{font-size:12px;color:#a4b8d1;line-height:1.6}.broadcast-history{max-height:calc(100vh - 118px);overflow:auto}.broadcast-history .history-day{margin-top:18px}.broadcast-history .history-day h3{font-size:14px;line-height:1.5;color:#b3c8e4;border-color:#2c466c}.broadcast-history .history-day>p{font-size:12px;color:#8ea5c5}.broadcast-history .history-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:14px 6px;background:#122845}.broadcast-history .history-result time{grid-column:1/-1;font-size:14px;text-align:center;margin-bottom:10px}.broadcast-history .history-number strong{font-size:clamp(26px,2.8vw,48px);color:#f6e1a8}.broadcast-history .history-number small{font-size:10px}.broadcast-center{min-width:0}.next-heading{display:flex;justify-content:space-between;align-items:center;color:#9eb9e0;letter-spacing:.15em;font-size:12px;font-weight:800}.next-drawing{text-align:center;margin-bottom:14px;background:linear-gradient(120deg,#15335b,#172747)}.next-drawing h1{font-size:24px;margin:10px 0 4px;color:#fff}.next-drawing time{font-size:15px;color:#b9cce6}#countdown{font-size:clamp(42px,5.2vw,86px);font-weight:800;line-height:1.15;margin-top:8px;font-variant-numeric:tabular-nums;letter-spacing:.04em}#broadcast-state{border:1px solid #42628c;border-radius:20px;padding:6px 10px;font-size:10px;letter-spacing:.05em;transition:background .4s,color .4s}.broadcast-page[data-state="LIVE DRAWING"] #broadcast-state{background:#a12e36;color:#fff;border-color:#d46467}.broadcast-page[data-state="DRAWING SOON"] #broadcast-state{background:#a57928;color:#fff}.broadcast-page[data-state="RESULTS"] #broadcast-state{background:#1d6558;color:#fff}.broadcast-page .machine-game-name{font-size:22px;padding:12px}.machine-game-name small{display:block;font-size:12px;color:#9db5d4;letter-spacing:0;margin-top:4px}.broadcast-page .basket-rack{gap:6px;padding:8px}.broadcast-page .draw-basket h3{font-size:14px;margin-top:10px}.broadcast-page .draw-basket p{font-size:10px}.broadcast-page .draw-stage .result-board{padding:12px;margin:8px}.broadcast-page .draw-stage .winner{display:flex;flex-direction:column;gap:4px;padding:8px}.broadcast-page .draw-stage .winner span{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none!important;font-size:clamp(30px,3.8vw,60px);font-weight:800;color:#f6e1a8}.broadcast-page .draw-stage .winner small{font-size:11px}.broadcast-payout h2{font-size:17px;letter-spacing:.06em}.payout-line{padding:24px 0;border-bottom:1px solid #2c466c}.payout-line span{display:block;color:#b9cce6;font-size:16px}.payout-line strong{display:block;color:#f6e1a8;font-size:clamp(34px,3vw,54px);margin-top:8px;font-variant-numeric:tabular-nums}.broadcast-payout small{color:#92aacb;font-size:11px}#live-status{color:#a5bad6;font-size:12px;margin:12px 4px}#motion-fallback{padding:64px 20px;text-align:center;color:#a5bad6}.broadcast-page footer{padding:10px;font-size:11px}.broadcast-page .draw-stage{transition:border-color .4s}.broadcast-page[data-state="LIVE DRAWING"] .draw-stage{border-color:#7292bb}@media(max-width:1000px){.broadcast-page .broadcast-layout{grid-template-columns:190px minmax(0,1fr)}.broadcast-payout{grid-column:1/-1;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.payout-line{padding:8px 18px}.broadcast-page .basket-rack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.broadcast-page .broadcast-header{height:auto;padding:12px;flex-wrap:wrap}.broadcast-header b{font-size:20px}.broadcast-page .broadcast-layout{grid-template-columns:1fr;padding:10px}.broadcast-center{grid-row:1}.broadcast-history{max-height:none}.broadcast-payout{grid-column:auto}.broadcast-page .winners{grid-template-columns:repeat(3,1fr)}.broadcast-page .broadcast-clock time{font-size:16px}}@media(prefers-reduced-motion:reduce){.broadcast-page *{transition:none!important}}


/* The machines appear only during the scheduled official result presentation. */
.broadcast-page:not([data-state="LIVE DRAWING"]) .basket-rack,
.broadcast-page:not([data-state="LIVE DRAWING"]) #machine,
.broadcast-page:not([data-state="LIVE DRAWING"]) #motion-fallback{display:none!important}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .machine-viewport{display:none!important}

/* Official results: one physical-looking, distinct-color ball per place. */
.broadcast-page .draw-stage .result-board{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:16px 20px 24px}
.broadcast-page .draw-stage .result-board h2{text-align:center;font-size:15px;letter-spacing:.14em;margin-bottom:6px}
.official-result-time{display:block;text-align:center;font-size:16px;color:#c6d8ed;margin:0 0 20px;font-variant-numeric:tabular-nums}
.broadcast-page .draw-stage .winners{display:flex;flex-direction:column;gap:18px;align-items:center}
.broadcast-page .draw-stage .winner,.broadcast-page .draw-stage .winner.revealed{display:flex;flex-direction:row;justify-content:center;gap:30px;min-height:0;width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.broadcast-page .draw-stage .winner small{font-size:20px;font-weight:700;letter-spacing:.02em;color:#dbe7f6;min-width:100px;text-align:right}
.broadcast-page .draw-stage .winner span{--ball-light:#ffe696;--ball-color:#d69b21;--ball-dark:#795008;position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 100px;width:100px;height:100px;margin:0;border-radius:50%;border:1px solid #ffffff35;color:#142033;font-size:43px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 50% 50%,#fffefa 0%,#e9e9e0 45%,#c7c8bc 47%,transparent 49%),radial-gradient(circle at 30% 23%,#ffffff 0%,var(--ball-light) 17%,var(--ball-color) 56%,var(--ball-dark) 100%);box-shadow:inset -9px -12px 15px #0005,inset 4px 5px 10px #fff6,0 12px 13px -7px #000b!important;text-shadow:0 1px 0 #fff}
.broadcast-page .draw-stage #tier-2 span{--ball-light:#a6e2ff;--ball-color:#258ccb;--ball-dark:#13456d}
.broadcast-page .draw-stage #tier-3 span{--ball-light:#ffb6b0;--ball-color:#d75b56;--ball-dark:#792d37}
.broadcast-page .draw-stage .winner span::after{content:'';position:absolute;top:9px;left:18px;width:29px;height:12px;border-radius:50%;background:linear-gradient(#ffffff9c,#ffffff00);transform:rotate(-30deg);pointer-events:none}
@media(max-width:650px){.broadcast-page .draw-stage .winner span{width:88px;height:88px;flex-basis:88px;font-size:38px}.broadcast-page .draw-stage .winner small{font-size:18px}.official-result-time{font-size:14px}}

/* Let the central broadcast read as one continuous presentation. */
.broadcast-page .broadcast-center .draw-stage,
.broadcast-page .broadcast-center .next-drawing,
.broadcast-page .broadcast-center .machine-game-name,
.broadcast-page .broadcast-center .result-board{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.broadcast-page .broadcast-center .draw-stage{overflow:visible}
.broadcast-page .broadcast-center .machine-game-name{padding:4px 12px 0}
.broadcast-page .broadcast-center .result-board{margin:0;padding:12px 16px 20px}
.broadcast-page .broadcast-center .next-drawing{padding:10px 16px 0;margin:0}
.broadcast-page .broadcast-center .next-heading{justify-content:center;gap:16px;flex-wrap:wrap}
.broadcast-page .broadcast-center #live-status{text-align:center;margin:12px 0}
.broadcast-page .broadcast-center .draw-basket{border:0;border-radius:0;background:transparent}

/* Soley Play broadcast identity. */
.broadcast-page .broadcast-header{background:#0b1528}
.soley-logo{display:block;width:228px;height:64px;object-fit:contain}
@media(max-width:650px){.soley-logo{width:180px;height:54px}.broadcast-header>div:first-child{gap:12px}}

.broadcast-page .soley-logo{width:280px;height:68px;object-fit:contain;object-position:center}
.broadcast-page #next-name[hidden]{display:none}
.broadcast-page:not([data-state="LIVE DRAWING"]) .machine-game-name{display:none}
@media(max-width:650px){.broadcast-page .soley-logo{width:210px;height:58px}}

.broadcast-page .broadcast-header{position:relative}
.broadcast-page .broadcast-header .soley-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.45)}
@media(max-width:800px){.broadcast-page .broadcast-header{padding-top:76px;height:auto;min-height:124px}.broadcast-page .broadcast-header .soley-logo{top:0;transform:translateX(-50%) scale(1.3)}}

/* Historical results use the same numbered spheres as official results. */
.broadcast-history .history-number{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.broadcast-history .history-number strong{display:flex;align-items:center;justify-content:center;width:clamp(42px,4.3vw,66px);height:clamp(42px,4.3vw,66px);border-radius:50%;font-size:clamp(19px,2vw,29px);font-weight:900;line-height:1;color:#10171d;font-variant-numeric:tabular-nums;border:1px solid #ffffff55;background:radial-gradient(ellipse 36% 42% at 50% 50%,#faf9f1 0 92%,#273039 94% 99%,transparent 100%),radial-gradient(circle at 25% 18%,#ffffffb0,transparent 29%),radial-gradient(circle at 32% 26%,var(--ball-light),var(--ball-color) 58%,var(--ball-dark));box-shadow:inset -4px -6px 8px #0005,inset 2px 3px 5px #fff6,0 6px 8px -4px #000b;text-shadow:none}
.broadcast-history .history-result{gap:6px;padding:14px 3px 18px}
@media(max-width:650px){.broadcast-history .history-number strong{width:66px;height:66px;font-size:29px}}

.broadcast-page .broadcast-center .next-drawing{padding:4px 16px 22px}

/* Broadcast monitor layout: fill the screen with balanced, scalable columns. */
@media(min-width:1001px) and (min-height:600px){
 body.broadcast-page{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 .broadcast-page .broadcast-header{flex:0 0 clamp(72px,9vh,100px);height:auto;min-height:0}
 .broadcast-page .broadcast-layout{flex:1;min-height:0;width:100%;padding:clamp(12px,1.6vh,22px);gap:clamp(14px,1.4vw,28px);grid-template-columns:minmax(220px,1fr) minmax(0,2.65fr) minmax(210px,1fr);align-items:stretch}
 .broadcast-page .broadcast-history,.broadcast-page .broadcast-payout{min-height:0;max-height:none;padding:clamp(14px,1.5vw,28px);border-radius:14px}
 .broadcast-page .broadcast-history{overflow:auto;scrollbar-width:thin}
 .broadcast-page .broadcast-history h2,.broadcast-page .broadcast-payout h2{font-size:clamp(14px,1.15vw,22px);text-align:center;line-height:1.4}
 .broadcast-page #history-days{display:flex;flex-direction:column;min-height:calc(100% - 40px);justify-content:space-evenly;gap:12px}
 .broadcast-page .history-day{margin-top:0}
 .broadcast-page .history-day h3{font-size:clamp(13px,1vw,19px);margin:12px 0}
 .broadcast-page .history-result time{font-size:clamp(13px,1.05vw,20px)}
 .broadcast-page .history-number strong{width:clamp(44px,4.4vw,84px);height:clamp(44px,4.4vw,84px);font-size:clamp(21px,2.1vw,40px)}
 .broadcast-page .history-number small{font-size:clamp(10px,.8vw,15px);white-space:nowrap}
 .broadcast-page .broadcast-payout{display:flex;flex-direction:column}
 .broadcast-page .payout-line{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0}
 .broadcast-page .payout-line:last-of-type{border-bottom:0}
 .broadcast-page .payout-line span{font-size:clamp(18px,1.4vw,27px)}
 .broadcast-page .payout-line strong{font-size:clamp(38px,3.5vw,68px)}
 .broadcast-page .broadcast-center{min-height:0;display:flex;flex-direction:column}
 .broadcast-page .broadcast-center .next-drawing{flex:0 0 auto;padding:4px 8px clamp(10px,2vh,24px)}
 .broadcast-page .next-heading{font-size:clamp(12px,1.05vw,20px)}
 .broadcast-page .next-drawing time,.broadcast-page .official-result-time{font-size:clamp(14px,1.2vw,23px)}
 .broadcast-page #countdown{font-size:clamp(52px,7.8vh,94px);margin-top:6px}
 .broadcast-page .broadcast-center .draw-stage{flex:1;min-height:0;display:flex;flex-direction:column}
 .broadcast-page .broadcast-center .result-board{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 8px 12px}
 .broadcast-page .draw-stage .result-board h2{font-size:clamp(14px,1.1vw,21px)}
 .broadcast-page .official-result-time{margin-bottom:8px}
 .broadcast-page .draw-stage .winners{flex:1;min-height:0;justify-content:space-around;gap:10px}
 .broadcast-page .draw-stage .winner{gap:clamp(20px,3vw,58px)}
 .broadcast-page .draw-stage .winner small{font-size:clamp(20px,1.7vw,33px);min-width:120px}
 .broadcast-page .draw-stage .winner span{width:clamp(90px,15vh,166px);height:clamp(90px,15vh,166px);flex-basis:clamp(90px,15vh,166px);font-size:clamp(40px,6.4vh,72px)}
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-center .draw-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.34fr);grid-template-rows:auto minmax(0,1fr);align-items:center}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name{grid-column:1/-1}
 .broadcast-page[data-state="LIVE DRAWING"] .basket-rack{min-width:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board{align-self:stretch;padding:8px 0}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner{flex-direction:column;gap:5px}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner small{font-size:14px;min-width:0;text-align:center}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner span{width:clamp(65px,10vh,110px);height:clamp(65px,10vh,110px);flex-basis:clamp(65px,10vh,110px);font-size:clamp(28px,4.4vh,48px)}
 .broadcast-page[data-state="LIVE DRAWING"] .official-result-time{font-size:12px}
}

@media(min-width:1001px) and (min-height:600px){.broadcast-page .broadcast-history{display:flex;flex-direction:column}.broadcast-page #history-days{flex:1;min-height:0}.broadcast-page .history-day{flex-shrink:0}}

.broadcast-live{display:inline-flex;align-items:center;gap:9px;color:#f5f7fc;font-size:12px;font-weight:800;letter-spacing:.14em;white-space:nowrap}
.broadcast-live-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#f14f60;box-shadow:0 0 0 4px #f14f601c}

.broadcast-page .next-heading .next-drawing-title{margin:0;color:#f3f6ff;font-size:clamp(24px,2.3vw,44px);font-weight:800;letter-spacing:.08em;line-height:1.15}
.broadcast-page .broadcast-center .next-heading{margin-bottom:10px}

/* Single-result broadcast layout. */
.broadcast-page .basket-rack{grid-template-columns:minmax(320px,720px);justify-content:center}
.broadcast-page .winners{grid-template-columns:1fr;max-width:440px;margin-inline:auto}

/* Futuristic broadcast machine and neon result presentation. */
body.broadcast-page{position:relative;background:#03040d;color:#f5f7ff;font-family:Inter,Segoe UI,Arial,sans-serif}
body.broadcast-page::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,#143d7b80 0,transparent 34%),radial-gradient(circle at 18% 52%,#63148a45 0,transparent 31%),radial-gradient(circle at 84% 50%,#0c6bb84d 0,transparent 30%),linear-gradient(180deg,#02030b,#09051a 64%,#02030a);z-index:-2}
body.broadcast-page::after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(90deg,transparent 49.8%,#4dc8ff0e 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#bd50ff08 50%,transparent 50.2%);background-size:90px 90px;mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent);z-index:-1}
.broadcast-page .broadcast-header{border-bottom-color:#3c63aa80;background:linear-gradient(180deg,#090b1df5,#050714e8);box-shadow:0 12px 35px #0009,0 1px 22px #238dff24}
.broadcast-page .broadcast-header .soley-logo{background:transparent!important;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #ffbf4560);isolation:isolate}
.broadcast-page .broadcast-live{padding:8px 13px;border:1px solid #ff4f6a70;border-radius:999px;background:#31071699;box-shadow:inset 0 0 16px #ff234522}
.broadcast-page .broadcast-live-dot{background:#ff193f;box-shadow:0 0 8px #ff193f,0 0 20px #ff193f,0 0 0 4px #ff193f1c;animation:live-beacon 1.35s ease-in-out infinite}
.broadcast-history,.broadcast-payout{border-color:#3e5d9690;background:linear-gradient(160deg,#0b1634e8,#080b1ee8);box-shadow:inset 0 1px 0 #ffffff0d,0 18px 60px #0007,0 0 26px #3d29a319}
.broadcast-history h2,.broadcast-payout h2{color:#e8f4ff;text-shadow:0 0 16px #39baff88}
.broadcast-page .history-result{border:1px solid #3e57916b;border-radius:13px!important;background:linear-gradient(145deg,#111e42d9,#090e26d9)!important;box-shadow:inset 0 0 20px #1678df12}
.broadcast-page .next-drawing{position:relative;padding-top:7px!important}
.broadcast-page .next-drawing::after{content:'';display:block;width:min(420px,72%);height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#30bdff,#bb4fff,transparent);box-shadow:0 0 12px #42c8ff}
.broadcast-page .next-drawing-title{text-shadow:0 0 13px #4d9dff80,0 0 30px #7850ff55}
.broadcast-page #countdown{color:#fff;text-shadow:0 0 9px #4bc3ff,0 0 28px #385cff88;font-variant-numeric:tabular-nums}
.broadcast-page #broadcast-state{border-color:#5b7cf0;background:#101940;color:#bfe6ff;box-shadow:inset 0 0 14px #377cff29,0 0 15px #377cff1c}
.broadcast-page[data-state="LIVE DRAWING"] #broadcast-state{border-color:#ff315b;background:#450719;color:#fff;box-shadow:0 0 22px #ff194d6b}
.broadcast-page[data-state="RESULTS"] #broadcast-state{border-color:#bc47ff;background:#301054;color:#fff;box-shadow:0 0 24px #b731ff66}
.machine-game-name{display:flex;align-items:center;justify-content:center;gap:14px!important;padding:7px 12px!important;color:#fff;text-align:center}
.machine-game-name>span{font-size:clamp(16px,1.45vw,26px);font-weight:900;letter-spacing:.13em;text-shadow:0 0 14px #28c7ff}
.machine-game-name>strong{padding:5px 12px;border:1px solid #7c54ff88;border-radius:999px;color:#bfe6ff;font-size:11px;letter-spacing:.16em;box-shadow:inset 0 0 12px #723cff30}
.machine-game-name small{margin:0!important;color:#a7bddc!important}
.machine-viewport{position:relative;min-width:0;min-height:0;display:grid;place-items:center;isolation:isolate;overflow:hidden;border:1px solid #397dc76b;border-radius:26px;background:radial-gradient(circle at 50% 44%,#0e2453 0,#08091b 48%,#02030b 78%);box-shadow:inset 0 0 60px #050510,0 0 45px #235eff22}
.machine-viewport::before,.machine-viewport::after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
.machine-viewport::before{width:88%;aspect-ratio:1;top:10%;border:1px solid #3ebcff35;box-shadow:0 0 65px #1f8cff26,inset 0 0 70px #943aff1c;animation:halo-breathe 3.8s ease-in-out infinite}
.machine-viewport::after{width:72%;height:22%;bottom:-8%;background:#923bff3c;filter:blur(42px)}
.machine-aurora{position:absolute;inset:-35%;z-index:-1;background:conic-gradient(from 90deg,transparent,#0eafff25,transparent,#bd31ff2b,transparent);animation:aurora-spin 16s linear infinite}
.broadcast-page .machine-viewport .basket-rack{width:100%;height:100%;min-height:0;padding:0!important;display:grid;place-items:center}
.broadcast-page .machine-viewport .draw-basket{position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);border:0!important;background:transparent!important;overflow:hidden}
.broadcast-page .machine-viewport .draw-basket h3{margin:7px 0 0;color:#eaf7ff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 12px #30bcff}
.broadcast-page .machine-viewport .draw-basket p{margin:2px 0 0;color:#9fc8ee;font-size:10px;letter-spacing:.18em}
.broadcast-page .machine-viewport .draw-basket canvas{align-self:center;width:100%;height:auto;max-height:100%;aspect-ratio:1000/620!important;object-fit:contain;filter:saturate(1.12) contrast(1.04)}
.broadcast-page .machine-viewport .draw-basket canvas{border:0!important;background:transparent!important;border-radius:0!important}
.extraction-status{position:absolute;left:50%;bottom:12px;z-index:4;width:min(420px,72%);transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 15px;border:1px solid #3fbef77a;border-radius:999px;background:#050a1dcc;box-shadow:inset 0 0 18px #1f8eff2a,0 0 25px #1f8eff24;color:#dbf5ff;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.extraction-status i,.extraction-status b{height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#37d1ff,#b347ff);background-size:200% 100%;animation:scan-line 1.2s linear infinite}.extraction-status b{transform:scaleX(-1)}
.broadcast-page .result-board{position:relative}
.broadcast-pale-results[hidden]{display:none!important}.broadcast-pale-results,.broadcast-super-pale-prize{margin-top:14px;padding-top:13px;border-top:1px solid #7fa9d260}.broadcast-pale-results h3{margin:0 0 9px;color:#ffe2a0;font-size:clamp(14px,1.1vw,19px);letter-spacing:.06em}.broadcast-pale-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-variant-numeric:tabular-nums}.broadcast-pale-row small{color:#b9cce6;font-size:clamp(11px,.9vw,15px);white-space:nowrap}.broadcast-pale-row strong{color:#fff;font-size:clamp(15px,1.35vw,24px);white-space:nowrap}.broadcast-super-pale-prize{display:flex;flex-direction:column;gap:3px}.broadcast-super-pale-prize span{color:#ffe2a0;font-weight:850;letter-spacing:.06em}.broadcast-super-pale-prize strong{color:#fff;font-size:clamp(18px,1.7vw,29px);font-variant-numeric:tabular-nums}.broadcast-super-pale-prize small{color:#b9cce6;line-height:1.25}
.broadcast-pale-results{margin-top:5px;padding-top:0;border-top:0}.broadcast-pair-prize{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:14px;padding-top:13px;border-top:1px solid #7fa9d260;text-align:center}.broadcast-pair-prize span{color:#ffe2a0;font-weight:850;letter-spacing:.06em}.broadcast-pair-prize strong{color:#fff;font-size:clamp(18px,1.7vw,29px);font-variant-numeric:tabular-nums}.broadcast-pair-prize small{color:#b9cce6;line-height:1.25}.broadcast-super-pale-prize{margin-top:12px}
.broadcast-page .result-board::before{content:'';position:absolute;inset:10% 4%;z-index:-1;opacity:0;background:radial-gradient(circle,#5939ff25,transparent 67%);transition:opacity .5s}
.broadcast-page[data-state="RESULTS"] .result-board::before{opacity:1;animation:result-aura 2.8s ease-in-out infinite}
.broadcast-page .draw-stage .winners{max-width:none!important}
.broadcast-page .draw-stage .winner,.broadcast-page .draw-stage .winner.revealed{position:relative}
.broadcast-page .draw-stage .winner span{isolation:isolate;border:1px solid #ffffff55!important;color:#10171d!important;background:radial-gradient(ellipse 36% 42% at 50% 50%,#faf9f1 0 92%,#273039 94% 99%,transparent 100%),radial-gradient(circle at 25% 18%,#ffffffb0,transparent 29%),radial-gradient(circle at 32% 26%,var(--ball-light),var(--ball-color) 58%,var(--ball-dark))!important;box-shadow:inset -7px -9px 12px #0005,inset 4px 5px 8px #fff6,0 15px 30px #000b!important;text-shadow:none}
.broadcast-page .draw-stage .winner span::before{content:none}
.broadcast-page .draw-stage .winner span::after{content:'';position:absolute;top:69%;left:34%;width:32%;height:2px;border-radius:2px;background:#10171d;transform:none;filter:none}
.broadcast-page .draw-stage .winner span.has-portrait,.broadcast-history .history-number strong.has-portrait{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;text-shadow:none!important}
.broadcast-page .draw-stage .winner span.has-portrait::after{content:none}
.broadcast-page .draw-stage .winner:not(.revealed) span{filter:saturate(.2);opacity:.38;box-shadow:inset -10px -13px 16px #0007,0 0 0 6px #ffffff08!important}
.broadcast-page .draw-stage .winner.revealed{animation:winner-arrival .8s cubic-bezier(.2,.86,.25,1.2) both}
.broadcast-page .draw-stage .winner.revealed span::before{animation:none}
.broadcast-page[data-state="RESULTS"] .winner.settled span{animation:result-float 3s ease-in-out infinite}
.broadcast-page[data-state="RESULTS"] .winner:nth-child(2) span{animation-delay:.25s}.broadcast-page[data-state="RESULTS"] .winner:nth-child(3) span{animation-delay:.5s}
.broadcast-page[data-state="RESULTS"] #result-heading{color:#fff;text-shadow:0 0 10px #53c8ff,0 0 24px #a144ff;animation:title-glow 2.2s ease-in-out infinite}
.official-result-time{color:#b9d5f2}
.payout-line strong{text-shadow:0 0 18px #f4c95a55}
@keyframes live-beacon{50%{opacity:.45;transform:scale(.78)}}
@keyframes aurora-spin{to{transform:rotate(360deg)}}
@keyframes halo-breathe{50%{transform:scale(1.025);opacity:.68}}
@keyframes scan-line{to{background-position:-200% 0}}
@keyframes winner-arrival{0%{opacity:0;transform:translateY(-28px) scale(.45);filter:blur(8px)}65%{filter:blur(0)}100%{opacity:1;transform:none}}
@keyframes result-ring{0%{transform:scale(.78);opacity:.75}100%{transform:scale(1.35);opacity:0}}
@keyframes result-float{50%{transform:translateY(-7px);filter:brightness(1.12)}}
@keyframes result-aura{50%{opacity:.5;transform:scale(1.06)}}
@keyframes title-glow{50%{letter-spacing:.2em;filter:brightness(1.25)}}
@keyframes live-title-pulse{0%,100%{transform:scale(.975);filter:brightness(.94)}50%{transform:scale(1.025);filter:brightness(1.16)}}
@keyframes extracted-ball-arrival{0%{opacity:0;transform:translate(-50%,-18px) scale(.3) rotate(-20deg)}62%{opacity:1;transform:translate(-50%,5px) scale(1.09) rotate(4deg)}100%{opacity:1;transform:translate(-50%,0) scale(1) rotate(0)}}

@media(min-width:1001px) and (min-height:600px){
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-center .draw-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(300px,1fr) auto;gap:7px}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name{grid-column:auto}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport{min-height:0}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board{align-self:auto;padding:5px 0 8px}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board h2,.broadcast-page[data-state="LIVE DRAWING"] .official-result-time{display:none}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,58px);padding:8px 8% 4px}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner{flex-direction:column;gap:9px}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner small{font-size:clamp(14px,1vw,18px)}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner span{width:clamp(72px,10vh,112px);height:clamp(72px,10vh,112px);flex-basis:clamp(72px,10vh,112px);font-size:clamp(32px,4.7vh,52px)}
}
@media(max-width:1000px){
 body.broadcast-page{overflow:auto}
 .broadcast-page .broadcast-layout{grid-template-columns:1fr!important}
 .broadcast-page .broadcast-center{grid-row:1}.broadcast-history{grid-row:2}.broadcast-payout{grid-row:3}
 .broadcast-page .machine-viewport{min-height:clamp(430px,72vw,680px)}
 .broadcast-page .draw-stage .winners{flex-direction:row;justify-content:space-evenly;gap:12px}
 .broadcast-page .draw-stage .winner,.broadcast-page .draw-stage .winner.revealed{flex-direction:column;gap:12px}
 .broadcast-page .draw-stage .winner small{min-width:0;text-align:center}
}
@media(max-width:650px){
 .machine-game-name{flex-wrap:wrap}.machine-game-name small{flex-basis:100%}
 .broadcast-page .machine-viewport{min-height:420px;border-radius:18px}
 .extraction-status{bottom:8px;width:88%;font-size:8px;padding:7px 10px}
 .broadcast-page .draw-stage .winners{display:grid;grid-template-columns:repeat(3,1fr)}
 .broadcast-page .draw-stage .winner span{width:72px;height:72px;flex-basis:72px;font-size:32px}
 .broadcast-page .draw-stage .winner small{font-size:13px}
 .broadcast-page .draw-stage .winner small{position:static!important;right:auto!important;order:2;text-align:center!important}
}
@media(prefers-reduced-motion:reduce){.machine-aurora,.extraction-status i,.extraction-status b,.broadcast-live-dot,.winner,.winner span,.winner span::before{animation:none!important}}

.broadcast-audio{display:grid;width:42px;height:42px;min-width:42px;padding:0;place-items:center;border:1px solid #385d8b;border-radius:10px;background:#102747;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.broadcast-audio:hover{background:#183762}.broadcast-audio.sound-on{border-color:#64d9ff;box-shadow:0 0 14px #35c9ff55}
.broadcast-fullscreen{display:grid;width:42px;height:42px;min-width:42px;padding:0;place-items:center;border:1px solid #385d8b;border-radius:10px;background:#102747;color:#fff;cursor:pointer}.broadcast-fullscreen:hover,.broadcast-fullscreen.is-active{border-color:#64d9ff;background:#183762}.broadcast-fullscreen:focus-visible{outline:2px solid #ffe38a;outline-offset:3px}.broadcast-fullscreen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.broadcast-fullscreen.is-active svg{transform:rotate(180deg)}

/* Full-screen drawing takeover. The normal schedule/history layout returns after results. */
.machine-message,.draw-tagline{display:none}
@media(min-width:801px){
 body.broadcast-page[data-state="LIVE DRAWING"]{height:100dvh;overflow:hidden}
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-history,
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-payout,
 .broadcast-page[data-state="LIVE DRAWING"] .next-drawing{display:none!important}
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-layout{display:block!important;width:100vw!important;max-width:none!important;height:calc(100dvh - 76px);margin:0!important;padding:0!important}
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-center{width:100%;height:100%;max-width:none}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:100%;height:100%;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name{position:relative;z-index:8;justify-self:center;display:flex!important;flex-wrap:wrap;width:min(720px,72vw);gap:5px 18px!important;margin:6px 0;padding:8px 28px!important;border:2px solid #55c9ff;border-radius:999px;background:linear-gradient(180deg,#071632f2,#060817db);box-shadow:inset 0 0 24px #2d7cff38,0 0 10px #44caff,0 0 32px #8b3cff55}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name{animation:live-title-pulse 2.1s ease-in-out infinite;transform-origin:50% 0}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name>span{flex-basis:100%;font-size:clamp(27px,3vw,52px);line-height:1;font-weight:950}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name>strong{font-size:clamp(12px,1vw,17px);padding:5px 24px}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-game-name small{font-size:clamp(10px,.8vw,13px)!important}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport{width:100%;height:100%;min-height:0!important;border-inline:0;border-radius:0;background:radial-gradient(circle at 50% 47%,#183b83 0,#150d43 34%,#07091f 61%,#02030c 82%);box-shadow:inset 0 0 90px #03030d, inset 0 0 180px #6c23d72b}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .basket-rack{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;grid-template-columns:minmax(0,1fr)!important;justify-content:center!important}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket{width:100%;height:100%;grid-template-rows:0 0 minmax(0,1fr)}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket h3,
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket p{visibility:hidden;margin:0!important}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket canvas{justify-self:center;align-self:center;width:min(100%,calc((100dvh - 250px)*1.6129));height:auto;max-width:none;max-height:100%;aspect-ratio:1000/620!important;object-fit:contain}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message{position:absolute;top:50%;z-index:5;display:flex;flex-direction:column;transform:translateY(-50%);color:#f0f6ff;font-size:clamp(18px,1.65vw,29px);font-weight:800;line-height:1.42;letter-spacing:.065em;text-shadow:0 0 13px #45aaff;transition:opacity .3s}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message i{width:48px;height:3px;margin-top:12px;border-radius:3px;background:#fff;box-shadow:0 0 8px #24c7ff,0 0 18px #24c7ff}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message-left{left:clamp(26px,4vw,76px);align-items:flex-start}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message-right{right:clamp(26px,4vw,76px);align-items:flex-end;text-align:right}
 .broadcast-page[data-state="LIVE DRAWING"]:has(.winner.revealed) .machine-message-right{opacity:0}
 .broadcast-page[data-state="LIVE DRAWING"] .extracted-ball{--extract-color:#ffc62d;position:absolute;left:50%;top:1.5%;z-index:11;display:none;width:clamp(104px,10vw,148px);height:clamp(104px,10vw,148px);transform:translateX(-50%);border:3px solid #fff;border-radius:50%;place-items:center;background:#fff;box-shadow:0 0 0 8px color-mix(in srgb,var(--extract-color) 28%,transparent),0 0 22px var(--extract-color),0 0 58px var(--extract-color)}
 .broadcast-page[data-state="LIVE DRAWING"] .extracted-ball::before,.broadcast-page[data-state="LIVE DRAWING"] .extracted-ball::after{content:'';position:absolute;inset:-18px;border:2px solid var(--extract-color);border-radius:50%;box-shadow:0 0 18px var(--extract-color)}
 .broadcast-page[data-state="LIVE DRAWING"] .extracted-ball::after{inset:-30px;border-style:dashed;opacity:.7;animation:aurora-spin 7s linear infinite}
 .broadcast-page[data-state="LIVE DRAWING"] .extracted-ball[data-tier="2"]{--extract-color:#28c8ff}.broadcast-page[data-state="LIVE DRAWING"] .extracted-ball[data-tier="3"]{--extract-color:#ef42fa}
 .broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="winner"] .extracted-ball{display:grid;animation:extracted-ball-arrival .72s cubic-bezier(.18,.84,.3,1.18) both}
 .broadcast-page[data-state="LIVE DRAWING"] .extracted-ball>span{display:grid;width:86%;height:86%;border-radius:50%;place-items:center;color:#080b18!important;font-size:clamp(45px,5vw,76px);font-weight:950;line-height:1;box-shadow:inset -12px -15px 18px #0004,inset 8px 9px 14px #fff9;text-shadow:0 1px 1px #fff}
 .broadcast-page[data-state="LIVE DRAWING"] .extraction-status{bottom:9px;width:min(430px,38vw);font-size:clamp(10px,.8vw,13px);padding:9px 18px}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board{position:relative;z-index:7;align-self:auto!important;padding:2px 0 7px!important;background:linear-gradient(180deg,transparent,#03040de8 25%)!important}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board h2,
 .broadcast-page[data-state="LIVE DRAWING"] .official-result-time{display:none!important}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winners{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(820px,76vw);margin:0 auto!important;padding:3px 0 5px!important;gap:clamp(24px,5vw,90px)!important}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner{flex-direction:column!important;gap:6px!important;padding:0!important}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner small{min-width:0!important;font-size:clamp(18px,1.6vw,27px)!important;text-align:center}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-stage .winner span{width:clamp(74px,9vh,106px)!important;height:clamp(74px,9vh,106px)!important;flex-basis:clamp(74px,9vh,106px)!important;font-size:clamp(34px,4.6vh,52px)!important}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-tagline{display:block;width:max-content;max-width:90vw;margin:4px auto 0;padding:5px 24px;border:1px solid #863eff88;border-radius:999px;color:#cfe2ff;font-size:clamp(9px,.75vw,12px);letter-spacing:.24em;text-align:center;box-shadow:inset 0 0 16px #4b2eff25,0 0 17px #2ac8ff20}
}

/* Brighter centered history/results page shown between drawings. */
@keyframes studio-drift{0%,100%{background-position:0% 50%,50% 50%,100% 50%}50%{background-position:12% 38%,62% 60%,88% 42%}}
@keyframes studio-rays{0%{transform:translate3d(-3%,-2%,0) rotate(-2deg);opacity:.38}50%{transform:translate3d(3%,2%,0) rotate(2deg);opacity:.68}100%{transform:translate3d(-3%,-2%,0) rotate(-2deg);opacity:.38}}
body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]){background:linear-gradient(135deg,#08183c 0%,#152c68 35%,#331262 67%,#071936 100%);background-size:180% 180%;animation:studio-drift 15s ease-in-out infinite}
body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"])::before{background:radial-gradient(circle at 50% 38%,#309bff7a 0,transparent 29%),radial-gradient(circle at 16% 46%,#8a36da72 0,transparent 34%),radial-gradient(circle at 86% 48%,#057bd879 0,transparent 32%),linear-gradient(135deg,#07122b,#261052 52%,#071b3a);background-size:150% 150%;animation:studio-drift 18s ease-in-out infinite}
body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"])::after{inset:-12%;opacity:.6;background:conic-gradient(from 220deg at 50% 42%,transparent 0 9%,#27bfff18 11%,transparent 14% 29%,#c64dff1d 32%,transparent 36% 57%,#2f72ff1c 61%,transparent 66%);background-size:auto;mask-image:radial-gradient(ellipse at center,#000 0 58%,transparent 83%);animation:studio-rays 12s ease-in-out infinite}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-layout{width:100%;margin-inline:auto;align-items:stretch}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-history,
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-payout{border-color:#67baff70;background:linear-gradient(155deg,#102652d9,#19133ed9);box-shadow:inset 0 1px 0 #ffffff24,inset 0 0 45px #237eff13,0 16px 50px #02051080,0 0 30px #7045ff25;backdrop-filter:blur(12px)}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-center{justify-content:center;text-align:center}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing{align-self:center;width:min(100%,760px);padding-inline:clamp(22px,5vw,70px);border:1px solid #5ec8ff4d;border-radius:24px;background:linear-gradient(145deg,#102e63b8,#251458b8);box-shadow:inset 0 0 38px #3a7dff1d,0 0 35px #3a90ff28;backdrop-filter:blur(10px)}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage{display:grid;place-items:center;flex:1;width:100%}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{width:min(100%,700px);margin:auto!important;padding:18px 28px!important;border:1px solid #72bfff4d!important;border-radius:28px!important;background:linear-gradient(145deg,#10264bc7,#19113ec7)!important;box-shadow:inset 0 0 44px #2d8cff20,0 20px 60px #02040d80,0 0 36px #8a38ff22!important;backdrop-filter:blur(12px)!important}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winners{width:min(100%,530px);margin-inline:auto}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winner{position:relative;width:100%;flex-direction:column!important;justify-content:center;align-items:center;gap:0!important}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winner small{position:absolute;right:calc(50% + clamp(63px,8.5vh,101px));min-width:0!important;text-align:right!important;white-space:nowrap}
@media(min-width:1601px){
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing,
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{width:100%}
}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #countdown{background:linear-gradient(180deg,#fff,#a9ddff 48%,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 13px #32baff)}

/* Neon studio set visible through the transparent WebGL machine canvas. */
.broadcast-page[data-state="LIVE DRAWING"] .machine-viewport,
.broadcast-page[data-state="RESULTS"] .machine-viewport{background:radial-gradient(circle at 18% 36%,#0ed8ff3d 0,transparent 28%),radial-gradient(circle at 82% 38%,#f13dff42 0,transparent 30%),radial-gradient(circle at 50% 4%,#ffc94d2e 0,transparent 26%),radial-gradient(circle at 50% 78%,#7038ff38 0,transparent 37%),linear-gradient(145deg,#07041d 0,#150a43 44%,#0a1745 72%,#08031d 100%)!important;background-size:135% 135%,145% 145%,120% 120%,145% 145%,100% 100%!important;animation:studio-color-drift 10s ease-in-out infinite!important}
@keyframes studio-color-drift{0%,100%{background-position:0% 42%,100% 42%,50% 0,50% 100%,0 0}50%{background-position:13% 52%,87% 34%,56% 8%,44% 90%,0 0}}
.broadcast-page[data-state="LIVE DRAWING"] .machine-viewport::after,.broadcast-page[data-state="RESULTS"] .machine-viewport::after{inset:-18%;width:auto;height:auto;bottom:auto;border-radius:0;background:conic-gradient(from 205deg at 50% 48%,transparent 0 8%,#24d6ff28 11%,transparent 15% 29%,#ff45e92c 33%,transparent 38% 56%,#ffd45b22 60%,transparent 65%);filter:blur(7px);opacity:.9;animation:aurora-spin 19s linear infinite}
.broadcast-page[data-state="LIVE DRAWING"] .machine-viewport::before,.broadcast-page[data-state="RESULTS"] .machine-viewport::before{inset:-6%;top:-14%;width:auto;aspect-ratio:auto;border:0;border-radius:0;background:linear-gradient(111deg,transparent 0 16%,#1edcff00 17%,#1edcff4a 25%,#1edcff08 34%,transparent 41%),linear-gradient(249deg,transparent 0 16%,#ff3ce900 17%,#ff3ce94f 25%,#ff3ce909 34%,transparent 41%),radial-gradient(ellipse at 50% 0,#ffd36a70 0,#ffbf301a 22%,transparent 49%);box-shadow:none;filter:blur(5px);mix-blend-mode:screen;opacity:.92;animation:studio-beam-sweep 8s ease-in-out infinite alternate}
@keyframes studio-beam-sweep{0%{transform:translateX(-1.8%) scaleX(.98);opacity:.72}45%{transform:translateX(1.4%) scaleX(1.04);opacity:1}100%{transform:translateX(-.4%) scaleX(1);opacity:.84}}
.broadcast-page[data-state="LIVE DRAWING"] .machine-viewport,.broadcast-page[data-state="RESULTS"] .machine-viewport{background:radial-gradient(ellipse at 50% 88%,#f9cb6238 0,#733cff22 24%,transparent 52%),linear-gradient(180deg,transparent 0 67%,#08091d12 67%,#040515b8 100%),repeating-linear-gradient(90deg,transparent 0 15.7%,#9edbff12 15.85%,transparent 16%),linear-gradient(90deg,#12d9ff13 0,transparent 24%,transparent 76%,#ff42e718 100%),radial-gradient(circle at 18% 36%,#0ed8ff3d 0,transparent 28%),radial-gradient(circle at 82% 38%,#f13dff42 0,transparent 30%),radial-gradient(circle at 50% 4%,#ffc94d2e 0,transparent 26%),radial-gradient(circle at 50% 78%,#7038ff38 0,transparent 37%),linear-gradient(145deg,#07041d 0,#150a43 44%,#0a1745 72%,#08031d 100%)!important;background-size:100% 100%,100% 100%,100% 67%,100% 100%,135% 135%,145% 145%,120% 120%,145% 145%,100% 100%!important;animation:studio-set-drift 11s ease-in-out infinite!important}
.broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket canvas,.broadcast-page[data-state="RESULTS"] .machine-viewport .draw-basket canvas{transform:translateY(-22px)}
@keyframes studio-set-drift{0%,100%{background-position:50% 100%,0 0,0 0,0 0,0% 42%,100% 42%,50% 0,50% 100%,0 0}50%{background-position:54% 96%,0 0,4% 0,0 0,13% 52%,87% 34%,56% 8%,44% 90%,0 0}}
.broadcast-page[data-state="LIVE DRAWING"] .machine-aurora,
.broadcast-page[data-state="RESULTS"] .machine-aurora{inset:-20%;opacity:.9;background:conic-gradient(from 210deg at 50% 48%,transparent 0 8%,#1abfff30 10%,transparent 14% 29%,#cf3dff3d 32%,transparent 36% 56%,#296eff35 60%,transparent 64%);filter:blur(2px);animation:aurora-spin 22s linear infinite}

.selection-preview{display:none}
.broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="closeup"] .selection-preview{position:absolute;left:50%;top:2%;z-index:13;display:grid;width:clamp(200px,21vw,300px);height:clamp(200px,21vw,300px);transform:translateX(-50%);place-items:center;border:3px solid #84e3ff;border-radius:50%;background:#071026ee;box-shadow:0 0 0 10px #3bbfff20,0 0 35px #38caff,0 0 85px #9c37ffad;animation:ball-closeup 3.05s cubic-bezier(.18,.84,.25,1) both}
.broadcast-page .selection-preview>span{position:relative;display:grid;width:88%;height:88%;place-items:center;border:1px solid #ffffff85;border-radius:50%;color:#10171d;font-size:clamp(32px,3.4vw,49px);font-weight:950;line-height:1;background:radial-gradient(ellipse 36% 42% at 50% 50%,#faf9f1 0 92%,#273039 94% 99%,transparent 100%),radial-gradient(circle at 25% 18%,#ffffffb0,transparent 29%),radial-gradient(circle at 32% 26%,var(--ball-light),var(--ball-color) 58%,var(--ball-dark));box-shadow:inset -9px -11px 14px #0005,inset 5px 6px 10px #fff8,0 8px 18px #000a;text-shadow:none}
.broadcast-page .selection-preview>span::after{content:'';position:absolute;top:69%;left:34%;width:32%;height:2px;border-radius:2px;background:#10171d}
@keyframes ball-closeup{0%{opacity:.5;transform:translateX(-50%) translateY(145px) scale(.14);filter:blur(2px)}18%{opacity:1;transform:translateX(-50%) translateY(74px) scale(.38);filter:blur(0)}48%{transform:translateX(-50%) translateY(12px) scale(.82)}68%,100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.08)}}
@media(min-width:801px) and (max-width:1100px){
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message{font-size:12px;opacity:.78}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message-left{left:18px}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-message-right{right:18px}
}

/* Reference sequence: one featured prize during extraction, then all results. */
@media(min-width:801px){
  .broadcast-page[data-state="LIVE DRAWING"] .result-board{position:absolute!important;left:50%;bottom:48px;top:auto;z-index:12;width:min(1300px,max(620px,58vw));transform:translateX(-50%);padding:8px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:opacity .35s,transform .35s}
 .broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="mixing"] .result-board:not(:has(.winner.revealed)),
 .broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="extracting"] .result-board:not(:has(.winner.revealed)),
 .broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="camera-closeup"] .result-board:not(:has(.winner.revealed)),
 .broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="closeup"] .result-board:not(:has(.winner.revealed)){opacity:0;pointer-events:none;transform:translateX(-50%) translateY(18px) scale(.9)}
 .broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="camera-closeup"] .result-board{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(18px) scale(.9)!important}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner{display:flex!important;visibility:hidden}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner.revealed{visibility:visible}
  .broadcast-page[data-state="LIVE DRAWING"] .result-board .winners{display:flex!important;flex-direction:row!important;justify-content:center;width:auto;margin:0!important;padding:0!important;gap:clamp(24px,4vw,120px)!important}
 .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner.revealed:not(.featured){flex-direction:column!important;gap:5px!important}
  .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner.revealed:not(.featured) small{font-size:clamp(16px,1vw,36px)!important}
  .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner.revealed:not(.featured) span{width:clamp(72px,8vh,180px)!important;height:clamp(72px,8vh,180px)!important;flex-basis:clamp(72px,8vh,180px)!important;font-size:clamp(32px,3.6vh,80px)!important}
  .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner.featured span{width:clamp(105px,11vh,240px)!important;height:clamp(105px,11vh,240px)!important;flex-basis:clamp(105px,11vh,240px)!important;font-size:clamp(46px,5vh,120px)!important}
  .broadcast-page[data-state="LIVE DRAWING"] .result-board .winner.featured small{font-size:clamp(22px,1.8vw,62px)!important;text-shadow:0 0 12px var(--ball-color)}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-tagline{display:none}

 body.broadcast-page[data-state="RESULTS"]{height:100dvh;overflow:hidden}
 .broadcast-page[data-state="RESULTS"] .broadcast-history,
 .broadcast-page[data-state="RESULTS"] .broadcast-payout,
 .broadcast-page[data-state="RESULTS"] .next-drawing{display:none!important}
 .broadcast-page[data-state="RESULTS"] .broadcast-layout{display:block!important;width:100vw!important;max-width:none!important;height:calc(100dvh - 76px);margin:0!important;padding:0!important}
 .broadcast-page[data-state="RESULTS"] .broadcast-center{width:100%;height:100%;max-width:none}
 .broadcast-page[data-state="RESULTS"] .draw-stage{position:relative;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;width:100%;height:100%;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden}
 .broadcast-page[data-state="RESULTS"] .machine-game-name{position:relative;z-index:8;justify-self:center;display:flex!important;flex-wrap:wrap;width:min(720px,72vw);gap:5px 18px!important;margin:6px 0;padding:8px 28px!important;border:2px solid #55c9ff;border-radius:999px;background:linear-gradient(180deg,#071632f2,#060817db);box-shadow:inset 0 0 24px #2d7cff38,0 0 10px #44caff,0 0 32px #8b3cff55}
 .broadcast-page[data-state="RESULTS"] .machine-game-name>span{flex-basis:100%;font-size:clamp(27px,3vw,52px);line-height:1;font-weight:950}
 .broadcast-page[data-state="RESULTS"] .machine-viewport{display:grid!important;width:100%;height:100%;min-height:0!important;border-inline:0;border-radius:0;background:radial-gradient(circle at 50% 47%,#183b83 0,#150d43 34%,#07091f 61%,#02030c 82%)}
 .broadcast-page[data-state="RESULTS"] .machine-viewport .basket-rack{position:absolute;inset:0;display:grid!important;width:100%;height:100%;max-width:none!important;grid-template-columns:minmax(0,1fr)!important;justify-content:center!important}
 .broadcast-page[data-state="RESULTS"] .machine-viewport .draw-basket{width:100%;height:100%;grid-template-rows:0 0 minmax(0,1fr)}
 .broadcast-page[data-state="RESULTS"] .machine-viewport .draw-basket h3,
 .broadcast-page[data-state="RESULTS"] .machine-viewport .draw-basket p{visibility:hidden;margin:0!important}
  .broadcast-page[data-state="RESULTS"] .machine-viewport .draw-basket canvas{justify-self:center;align-self:center;width:min(100%,calc((100dvh - 190px)*1.6129));height:auto;max-height:100%;aspect-ratio:1000/620!important}
 .broadcast-page[data-state="RESULTS"] .machine-message{display:flex;position:absolute;top:50%;z-index:5;flex-direction:column;transform:translateY(-50%);color:#f0f6ff;font-size:clamp(18px,1.65vw,29px);font-weight:800;line-height:1.42;letter-spacing:.065em}
 .broadcast-page[data-state="RESULTS"] .machine-message-left{left:clamp(26px,4vw,76px)}
 .broadcast-page[data-state="RESULTS"] .machine-message-right{display:none}
 .broadcast-page[data-state="RESULTS"] .extraction-status{display:none}
   .broadcast-page[data-state="RESULTS"] .result-board{position:absolute!important;left:50%;bottom:48px;top:auto;z-index:14;width:min(1300px,max(620px,58vw));transform:translateX(-50%);padding:10px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .broadcast-page[data-state="RESULTS"] .result-board h2{display:block!important;margin:0 0 8px;font-size:clamp(18px,2vw,30px)!important;color:#fff;text-shadow:0 0 12px #42caff,0 0 25px #7355ff}
 .broadcast-page[data-state="RESULTS"] .official-result-time{display:none!important}
   .broadcast-page[data-state="RESULTS"] .result-board .winners{display:flex!important;flex-direction:row!important;justify-content:center;width:100%;margin:0!important;padding:0!important;gap:clamp(24px,4vw,120px)!important}
 .broadcast-page[data-state="RESULTS"] .result-board .winner{display:flex!important;flex-direction:column!important;gap:5px!important;padding:0!important}
   .broadcast-page[data-state="RESULTS"] .result-board .winner span{width:clamp(82px,9vh,210px)!important;height:clamp(82px,9vh,210px)!important;flex-basis:clamp(82px,9vh,210px)!important;font-size:clamp(38px,4.8vh,105px)!important}
   .broadcast-page[data-state="RESULTS"] .result-board .winner small{font-size:clamp(18px,1.15vw,44px)!important}
  .broadcast-page[data-state="RESULTS"] .draw-tagline{display:block;margin:8px auto 0;color:#fff;font-size:clamp(11px,1vw,15px);font-weight:800;letter-spacing:.16em;text-align:center}
  .broadcast-page[data-state="RESULTS"].results-zoom .result-board{top:50%;bottom:auto;width:min(1500px,94vw);transform:translate(-50%,-50%);background:radial-gradient(ellipse,#070d1bd9 0,#070d1b9c 62%,transparent 76%)!important;animation:results-focus .9s cubic-bezier(.2,.8,.25,1) both}
  .broadcast-page[data-state="RESULTS"].results-zoom .result-board .winner span{width:clamp(150px,19vh,380px)!important;height:clamp(150px,19vh,380px)!important;flex-basis:clamp(150px,19vh,380px)!important;font-size:clamp(65px,9vh,170px)!important}
  .broadcast-page[data-state="RESULTS"].results-zoom .result-board .winner small{font-size:clamp(20px,1.4vw,48px)!important}
  @keyframes results-focus{from{opacity:.65;filter:blur(3px);scale:.75}to{opacity:1;filter:blur(0);scale:1}}
}

/* Let the three broadcast columns use the full display, including wide TVs. */
.broadcast-page img{max-width:100%;height:auto}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-layout{max-width:none}

@media(min-width:801px){
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket canvas{transform:translateY(-12px) scale(1.08);transform-origin:center;filter:contrast(1.14) saturate(1.16)}
}

/* Wide screens retain the same centered drawing composition as windowed view. */

/* Phone broadcast: keep the existing page order while removing the oversized
   desktop stage, aligning controls, and giving the drawing the available width. */
@media(max-width:650px){
 body.broadcast-page{width:100%;min-width:0;overflow-x:hidden}
 .broadcast-page .broadcast-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:6px;height:104px;min-height:104px;padding:56px 10px 8px}
 .broadcast-page .broadcast-header .soley-logo{top:6px;width:174px;height:42px;transform:translateX(-50%)}
 .broadcast-page .broadcast-header>div:first-child{flex:0 0 auto;min-width:0;gap:0}
 .broadcast-page .broadcast-live{padding:6px 8px;font-size:10px;letter-spacing:.08em}
 .broadcast-page .broadcast-clock{margin-left:auto;min-width:0;line-height:1.05}
 .broadcast-page .broadcast-clock time{font-size:14px;white-space:nowrap}
 .broadcast-page .broadcast-clock small{font-size:8px;letter-spacing:.04em}
 .broadcast-page .broadcast-fullscreen,.broadcast-page .broadcast-audio,.broadcast-page .broadcast-header>a.button{display:grid;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;place-items:center;font-size:18px}
 .broadcast-page .broadcast-fullscreen svg{width:18px;height:18px}
 .broadcast-page .broadcast-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px;width:100%;max-width:100%;margin:0;padding:12px}
 .broadcast-page .broadcast-center{grid-row:1;min-width:0;width:100%}
 .broadcast-page .broadcast-center .next-drawing{padding:4px 4px 12px!important}
 .broadcast-page .broadcast-center .next-heading{gap:8px;margin:0 0 4px}
 .broadcast-page .next-heading .next-drawing-title{font-size:17px;letter-spacing:.04em}
 .broadcast-page #broadcast-state{padding:4px 7px;font-size:9px}
 .broadcast-page #countdown{margin-top:3px;font-size:clamp(37px,12vw,52px);line-height:1}
 .broadcast-page .next-drawing::after{margin-top:8px}
 .broadcast-page .broadcast-center .draw-stage{display:flex;flex-direction:column;min-width:0;width:100%;gap:4px}
 .broadcast-page .machine-game-name{gap:5px!important;padding:3px 4px!important}
 .broadcast-page .machine-game-name>span{font-size:16px;letter-spacing:.08em}
 .broadcast-page .machine-game-name>strong{padding:3px 7px;font-size:9px}
 .broadcast-page .machine-game-name small{font-size:10px}
 .broadcast-page .machine-viewport{width:100%;height:auto;min-height:0!important;aspect-ratio:4/3;border-radius:16px}
 .broadcast-page .machine-viewport #machine{width:100%;height:auto;max-height:none;transform:scale(1.32);transform-origin:50% 52%}
 .broadcast-page .extraction-status{bottom:5px;max-width:calc(100% - 20px);width:72%;padding:5px 8px;font-size:8px;gap:5px}
 .broadcast-page .draw-stage .result-board{width:100%;margin:0!important;padding:7px 0 10px!important}
 .broadcast-page .draw-stage .result-board h2{margin:0 0 4px;font-size:14px}
 .broadcast-page .official-result-time{margin:0 0 5px;font-size:11px}
 .broadcast-page .draw-stage .winners{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center;align-items:start;width:100%;gap:3px!important;margin:0!important;padding:0!important}
 .broadcast-page .draw-stage .winner,.broadcast-page .draw-stage .winner.revealed{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:0!important}
 .broadcast-page .draw-stage .winner small{order:2;min-width:0;font-size:12px;text-align:center}
 .broadcast-page .draw-stage .winner span{order:1;width:clamp(60px,18vw,78px)!important;height:clamp(60px,18vw,78px)!important;flex-basis:clamp(60px,18vw,78px)!important;font-size:clamp(28px,8vw,37px)!important}
 .broadcast-page .draw-tagline{margin:4px auto 0;padding:3px 10px;font-size:9px;letter-spacing:.12em}
 .broadcast-page .broadcast-history,.broadcast-page .broadcast-payout{grid-column:1;min-width:0;max-height:none;margin:0;padding:14px;border-radius:14px}
 .broadcast-page .broadcast-history{grid-row:2}
 .broadcast-page .broadcast-payout{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .broadcast-page .broadcast-payout h2,.broadcast-page .broadcast-payout #payout-status{grid-column:1/-1}
 .broadcast-page .broadcast-payout h2{margin:0 0 3px;text-align:center;font-size:13px}
 .broadcast-page .payout-line{min-width:0;padding:5px 2px;border-bottom:0;text-align:center}
 .broadcast-page .payout-line span{font-size:11px}
 .broadcast-page .payout-line strong{margin-top:4px;font-size:clamp(21px,7vw,32px)}
 .broadcast-page .history-result{gap:2px}
 .broadcast-page .history-number strong{width:clamp(52px,16vw,66px);height:clamp(52px,16vw,66px);font-size:clamp(23px,7vw,29px)}
 .broadcast-page .history-number small{font-size:9px}
 .broadcast-page[data-state="LIVE DRAWING"] .next-drawing{display:none}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport{aspect-ratio:4/3}
 .broadcast-page[data-state="RESULTS"] .machine-viewport{display:none}
 .broadcast-page .broadcast-history .history-day:has(>p){display:none}
}
.broadcast-page .broadcast-history .history-empty{margin:16px 0;color:#aabbd0;font-size:13px;line-height:1.5;text-align:center}


/* Phone finish: generous tap targets and legible results without changing
   the drawing, history, and prize order. */
@media(max-width:650px){
 .broadcast-page .broadcast-header{height:116px;min-height:116px;padding:62px 12px 10px;gap:5px}
 .broadcast-page .broadcast-header .soley-logo{top:7px;width:min(210px,55vw);height:50px}
 .broadcast-page .broadcast-fullscreen,.broadcast-page .broadcast-audio,.broadcast-page .broadcast-header>a.button{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px}
 .broadcast-page .broadcast-fullscreen svg{width:21px;height:21px}
 .broadcast-page .broadcast-clock time{font-size:clamp(12px,3.5vw,15px)}
 .broadcast-page .broadcast-layout{gap:12px;padding:12px max(12px,env(safe-area-inset-right)) 20px max(12px,env(safe-area-inset-left))}
 .broadcast-page .machine-game-name{min-height:42px}
 .broadcast-page .machine-viewport{aspect-ratio:1.38}
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport{aspect-ratio:1.38}
 .broadcast-page .machine-viewport #machine{transform:scale(1.36);transform-origin:50% 50%}
 .broadcast-page .draw-stage .result-board{padding:12px 4px 14px!important}
 .broadcast-page .draw-stage .result-board h2{font-size:17px;letter-spacing:.12em}
 .broadcast-page .official-result-time{font-size:12px}
 .broadcast-page .draw-stage .winner span{width:clamp(76px,22vw,96px)!important;height:clamp(76px,22vw,96px)!important;flex-basis:clamp(76px,22vw,96px)!important;font-size:clamp(34px,9vw,44px)!important}
 .broadcast-page .draw-stage .winner small{font-size:13px}
 .broadcast-page .broadcast-history,.broadcast-page .broadcast-payout{padding:16px}
}
@media(max-width:360px){
 .broadcast-page .broadcast-header{gap:3px;padding-inline:8px}
 .broadcast-page .broadcast-fullscreen,.broadcast-page .broadcast-audio,.broadcast-page .broadcast-header>a.button{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px}
 .broadcast-page .broadcast-live{padding:5px 6px;font-size:9px}
 .broadcast-page .broadcast-clock time{font-size:12px}
}

/* Premium broadcast finish. Motion stays on composited background layers and
   the existing drawing canvas, schedule, results, and history stay intact. */
body.broadcast-page{isolation:isolate;background:#060a1b;color:#f7f3e9;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.broadcast-page::before{inset:-16%;z-index:-2;opacity:.9;background:radial-gradient(circle at 18% 20%,#7034b883 0,transparent 29%),radial-gradient(circle at 84% 27%,#1166a884 0,transparent 32%),radial-gradient(circle at 52% 84%,#af662954 0,transparent 34%),linear-gradient(135deg,#060a1b,#151038 52%,#061329);animation:casino-mesh 22s ease-in-out infinite alternate;will-change:transform}
body.broadcast-page::after{inset:0;z-index:-1;opacity:.45;background-image:radial-gradient(circle,#d8b87439 1px,transparent 1.5px),linear-gradient(125deg,transparent 22%,#6d3db31b 48%,transparent 68%);background-size:42px 42px,100% 100%;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent);animation:casino-sheen 30s linear infinite;will-change:transform}
body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]){background:#060a1b;animation:none}
body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"])::before{inset:-16%;opacity:.9;background:radial-gradient(circle at 18% 20%,#7034b883 0,transparent 29%),radial-gradient(circle at 84% 27%,#1166a884 0,transparent 32%),radial-gradient(circle at 52% 84%,#af662954 0,transparent 34%),linear-gradient(135deg,#060a1b,#151038 52%,#061329);animation:casino-mesh 22s ease-in-out infinite alternate;will-change:transform}
body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"])::after{inset:0;opacity:.45;background-image:radial-gradient(circle,#d8b87439 1px,transparent 1.5px),linear-gradient(125deg,transparent 22%,#6d3db31b 48%,transparent 68%);background-size:42px 42px,100% 100%;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent);animation:casino-sheen 30s linear infinite;will-change:transform}
@keyframes casino-mesh{from{transform:translate3d(-3%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.07)}}
@keyframes casino-sheen{to{transform:translate3d(0,-42px,0)}}
.broadcast-page .broadcast-header{background:#080c1de8;border-bottom:1px solid #d2ad6b50;box-shadow:0 1px 0 #ffffff12,0 14px 38px #0008}
.broadcast-page .broadcast-history,.broadcast-page .broadcast-payout,.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing,.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{border:1px solid #d6b67666!important;border-radius:22px!important;background:linear-gradient(145deg,#16112cbd,#071b35ba 58%,#0e102cc9)!important;box-shadow:inset 0 1px 0 #fff4d32d,0 0 0 1px #ffffff08,0 20px 48px #030511ab,0 0 28px #c288452b!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.broadcast-page .broadcast-history,.broadcast-page .broadcast-payout{position:relative;isolation:isolate}
.broadcast-page .broadcast-payout{overflow:hidden}
.broadcast-page .broadcast-history::before,.broadcast-page .broadcast-payout::before{content:'';position:absolute;z-index:-1;left:50%;width:min(92%,320px);aspect-ratio:1;transform:translateX(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.broadcast-page .broadcast-history::before{top:12%;opacity:.24;background-image:url('/assets/broadcast-sun-emblem.svg')}
.broadcast-page .broadcast-payout::before{top:31%;right:-135px;left:auto;width:240px;transform:none;opacity:.2;background-image:url('/assets/broadcast-prize-emblem.svg')}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{isolation:isolate;overflow:hidden}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::before{content:'';position:absolute;z-index:0;inset:0;width:100%;height:100%;transform:scale(1);opacity:.19;background:url('/assets/broadcast-sun-emblem.svg') center/cover no-repeat;filter:drop-shadow(0 0 14px #f5bb5b) drop-shadow(0 0 28px #a45cda);pointer-events:none;animation:center-sun-neon 8s ease-in-out infinite alternate;will-change:transform,opacity}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{content:'RESULTADOS';position:absolute;z-index:2;right:16px;top:50%;padding:16px 8px;border-left:2px solid #f1c978a6;border-radius:0 9px 9px 0;background:linear-gradient(90deg,#cf9b4430,#16112a9c);color:#ffe6ab;font-size:clamp(12px,1.05vw,17px);font-weight:900;letter-spacing:.22em;line-height:1;writing-mode:vertical-rl;text-shadow:0 0 12px #edb94b;transform:translateY(-50%);pointer-events:none;animation:result-sign-glow 5s ease-in-out infinite alternate}
@keyframes center-sun-neon{from{opacity:.15;transform:scale(1)}to{opacity:.26;transform:scale(1.035)}}
@keyframes center-sun-mobile{from{opacity:.1;transform:scale(1)}to{opacity:.16;transform:scale(1.02)}}
@keyframes result-sign-glow{from{opacity:.65;filter:brightness(.9);transform:translateY(calc(-50% + 5px))}to{opacity:1;filter:brightness(1.2);transform:translateY(calc(-50% - 5px))}}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board>*{position:relative;z-index:1}
.broadcast-page .broadcast-history h2,.broadcast-page .broadcast-payout h2,.broadcast-page .next-drawing-title,.broadcast-page:not([data-state="LIVE DRAWING"]) #result-heading{color:#f7d996!important;background:linear-gradient(180deg,#fff8db 0%,#f0cb78 55%,#c88c36 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;font-weight:850;letter-spacing:.1em}
.broadcast-page .broadcast-history .history-result{border:1px solid #d2ad6b52;border-radius:16px!important;background:linear-gradient(145deg,#2a214aab,#101a39c9)!important;box-shadow:inset 0 1px 0 #ffffff1e,0 10px 24px #0005}
.broadcast-page .broadcast-history .history-day h3,.broadcast-page .official-result-time{color:#e8d9b9}
.broadcast-page #broadcast-state{border-color:#d3ae6b80;color:#ffe0a5;box-shadow:inset 0 0 14px #c78c3329,0 0 16px #dba44b25}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #countdown{background:linear-gradient(180deg,#fffef3,#f2d48f 56%,#c4883c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px #d9a24b8c)}
.broadcast-page .payout-line strong{color:#f7d996;text-shadow:0 0 19px #ecb95765}
.broadcast-page .draw-stage .winner span:not(.has-portrait),.broadcast-page .broadcast-history .history-number strong:not(.has-portrait){background:radial-gradient(ellipse 37% 42% at 49% 49%,#fffefa 0 90%,#38404b 93% 98%,transparent 100%),radial-gradient(circle at 24% 17%,#fffefbdc 0,transparent 27%),radial-gradient(circle at 36% 25%,var(--ball-light),var(--ball-color) 52%,var(--ball-dark) 100%)!important;box-shadow:inset -8px -12px 15px #0007,inset 5px 6px 10px #ffffffa6,0 14px 27px #000a,0 0 18px color-mix(in srgb,var(--ball-color) 45%,transparent)!important}
.broadcast-page .draw-stage .winner span:not(.has-portrait)::before{content:'';position:absolute;z-index:2;top:11%;left:19%;width:31%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#ffffffd9,#ffffff00 75%);transform:rotate(-30deg);pointer-events:none}
.broadcast-page .draw-stage .winner.revealed{animation:casino-ball-arrival .72s cubic-bezier(.18,.78,.28,1.12) both}
@keyframes casino-ball-arrival{from{opacity:0;transform:translateY(16px) scale(.82)}70%{opacity:1;transform:translateY(-4px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){
 .broadcast-page .broadcast-history,.broadcast-page .broadcast-payout,.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing,.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{border-radius:18px!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
 .broadcast-page .broadcast-history,.broadcast-page .broadcast-payout{padding:16px!important}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::before{opacity:.14;filter:none;animation:center-sun-mobile 8s ease-in-out infinite alternate}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{display:none}
}
@media(max-width:1000px){.broadcast-page .broadcast-history::before,.broadcast-page .broadcast-payout::before{display:none}}
@media(prefers-reduced-motion:reduce){body.broadcast-page::before,body.broadcast-page::after,.broadcast-page .draw-stage .winner.revealed,.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::before,.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{animation:none!important;will-change:auto}}

/* Broadcast atmosphere sits behind the established drawing and result layout. */
#broadcast-particles{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.82}
.broadcast-page .broadcast-header,.broadcast-page .broadcast-layout{position:relative;z-index:1}
body.broadcast-page,body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]){background:#09051d}
body.broadcast-page::before,body.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"])::before{background:radial-gradient(circle at 16% 25%,#711eb087 0,transparent 30%),radial-gradient(circle at 83% 28%,#31218e99 0,transparent 34%),radial-gradient(circle at 51% 84%,#8a3c8b62 0,transparent 39%),linear-gradient(135deg,#09051d,#251044 55%,#0a0a29)}
.broadcast-page .broadcast-official{display:inline-flex;align-items:center;min-height:30px;padding:5px 13px;border:1px solid #66e7ff;border-radius:999px;background:linear-gradient(135deg,#083d55ed,#091833ed);box-shadow:inset 0 0 12px #4bedff40,0 0 15px #25cdf877;color:#baf7ff;font-size:10px;font-weight:900;letter-spacing:.13em;white-space:nowrap;text-shadow:0 0 9px #36eaff}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-layout{border:1px solid #8c54edb8;border-radius:26px;background:linear-gradient(145deg,#170d2ca8,#10102ca6 62%,#181038a8);box-shadow:inset 0 1px 0 #ffffff29,0 30px 65px #03010e8c,0 0 32px #6e31c34d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:neonBorderPulse 9s ease-in-out infinite alternate}
@keyframes neonBorderPulse{from{border-color:#8c54edb8;box-shadow:inset 0 1px 0 #ffffff29,0 30px 65px #03010e8c,0 0 30px #7130cb50}to{border-color:#e6bb6ea6;box-shadow:inset 0 1px 0 #ffffff29,0 30px 65px #03010e8c,0 0 37px #c5853a45}}
.broadcast-page .broadcast-payout .payout-line{min-height:0;margin-block:5px;padding:12px 8px;border:1px solid #51daca79;border-radius:16px;background:linear-gradient(145deg,#103d50b5,#14294eb5);box-shadow:inset 0 1px 0 #d7fff526,0 0 18px #32cfbf30;text-align:center}
.broadcast-page .broadcast-payout .payout-line span{color:#c4f4f0}
.broadcast-page .broadcast-payout .payout-line strong{color:#a2ffe3;text-shadow:0 0 16px #32e3bbad}

/* Pair prizes use the same framed card treatment as the three direct prizes. */
.broadcast-page .broadcast-payout .broadcast-pale-card,
.broadcast-page .broadcast-payout .broadcast-super-pale-prize{min-width:0;margin-block:5px;padding:12px 8px;border:1px solid #51daca79;border-radius:16px;background:linear-gradient(145deg,#103d50b5,#14294eb5);box-shadow:inset 0 1px 0 #d7fff526,0 0 18px #32cfbf30;text-align:center}
.broadcast-page .broadcast-payout .broadcast-pair-prize{margin:0;padding:0;border:0}
.broadcast-page .broadcast-payout .broadcast-pair-prize span,
.broadcast-page .broadcast-payout .broadcast-super-pale-prize span{color:#c4f4f0}
.broadcast-page .broadcast-payout .broadcast-pair-prize strong,
.broadcast-page .broadcast-payout .broadcast-super-pale-prize strong{color:#a2ffe3;text-shadow:0 0 16px #32e3bbad}
.broadcast-page .broadcast-payout .broadcast-pale-results{margin-top:10px;padding-top:8px;border-top:1px solid #51daca55}
.broadcast-super-result[hidden]{display:none!important}
.broadcast-page .broadcast-payout .broadcast-super-result{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:10px;padding-top:8px;border-top:1px solid #51daca55;font-variant-numeric:tabular-nums}
.broadcast-page .broadcast-payout .broadcast-super-result strong{color:#fff;font-size:clamp(15px,1.35vw,24px);white-space:nowrap;text-shadow:none}
.broadcast-page .broadcast-payout .broadcast-tripleta-prize{min-width:0;margin-block:5px;padding:12px 8px;border:1px solid #51daca79;border-radius:16px;background:linear-gradient(145deg,#103d50b5,#14294eb5);box-shadow:inset 0 1px 0 #d7fff526,0 0 18px #32cfbf30;text-align:center;overflow:hidden}
.broadcast-page .broadcast-payout .broadcast-tripleta-prize>span{font-size:clamp(11px,.95vw,15px);overflow-wrap:anywhere}
.broadcast-page .broadcast-payout .broadcast-tripleta-prize>strong{font-size:clamp(24px,2.2vw,32px)}
.broadcast-page .broadcast-payout .broadcast-tripleta-prize .broadcast-super-result{flex-direction:column;justify-content:center;gap:3px}
.broadcast-page .broadcast-payout .broadcast-tripleta-prize .broadcast-super-result strong{font-size:clamp(14px,1.15vw,19px);white-space:nowrap}
@media(max-width:650px){.broadcast-page .broadcast-payout .broadcast-pale-card,.broadcast-page .broadcast-payout .broadcast-super-pale-prize{grid-column:1/-1;margin:0;padding:9px 8px}}
@media(max-width:650px){.broadcast-page .broadcast-payout .broadcast-tripleta-prize{grid-column:1/-1;margin:0;padding:9px 8px}}

/* A larger, legible vertical sign occupies only the spare right-hand rail. */
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{right:clamp(20px,5.5vw,84px);top:50%;padding:18px 9px;border:2px solid #71eaff;border-radius:16px;background:linear-gradient(180deg,#5720cf 0%,#e13bd2 25%,#087ec4 50%,#14d6c8 72%,#efae39 100%);background-size:100% 300%;box-shadow:inset 0 0 16px #ffffff50,0 0 18px #36e6ffb3,0 0 36px #ab44ff85;color:#fffde9;font-size:clamp(23px,2.2vw,34px);font-weight:950;letter-spacing:.06em;line-height:1;writing-mode:vertical-rl;text-orientation:upright;text-shadow:0 1px 2px #150b37,0 0 8px #fff,0 0 18px #6df5ff;transform:translateY(-50%);animation:result-sign-spectrum 7s ease-in-out infinite alternate}
@keyframes result-sign-spectrum{0%{background-position:0 0;border-color:#71eaff;box-shadow:inset 0 0 16px #ffffff50,0 0 18px #36e6ffb3,0 0 36px #ab44ff85}50%{background-position:0 50%;border-color:#f78be8;box-shadow:inset 0 0 16px #ffffff60,0 0 23px #e346e7b3,0 0 39px #23d6ed85}100%{background-position:0 100%;border-color:#ffe38d;box-shadow:inset 0 0 16px #ffffff50,0 0 19px #ffbf52b3,0 0 38px #30e9d585}}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .winners{max-width:calc(100% - 65px)}
@media(max-width:800px){.broadcast-page .broadcast-official{display:none}}
@media(max-width:650px){.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-layout{border-radius:18px;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}.broadcast-page .broadcast-payout .payout-line{margin:0;padding:9px 3px}.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .winners{max-width:none}}
@media(prefers-reduced-motion:reduce){.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-layout{animation:none}}

/* Each letter moves independently, without changing the results layout. */
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{content:none}
.broadcast-page .results-neon-sign{display:none}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .results-neon-sign{position:absolute;z-index:2;right:clamp(36px,7vw,100px);top:50%;display:flex;flex-direction:column;align-items:center;gap:.06em;padding:17px 19px;border:2px solid #71eaff;border-radius:18px;background:linear-gradient(180deg,#5720cf 0%,#e13bd2 25%,#087ec4 50%,#14d6c8 72%,#efae39 100%);background-size:100% 300%;box-shadow:inset 0 0 16px #ffffff50,0 0 18px #36e6ffb3,0 0 36px #ab44ff85;color:#fffde9;font-size:clamp(24px,2.9vw,38px);font-weight:950;line-height:1;text-shadow:0 1px 2px #150b37,0 0 8px #fff,0 0 18px #6df5ff;transform:translateY(-50%);pointer-events:none;animation:result-sign-spectrum 7s ease-in-out infinite alternate}
.broadcast-page .results-neon-sign span{display:block;min-width:1ch;text-align:center;animation:result-letter-wave 2.4s ease-in-out infinite}
.broadcast-page .results-neon-sign span:nth-child(2){animation-delay:.12s}.broadcast-page .results-neon-sign span:nth-child(3){animation-delay:.24s}.broadcast-page .results-neon-sign span:nth-child(4){animation-delay:.36s}.broadcast-page .results-neon-sign span:nth-child(5){animation-delay:.48s}.broadcast-page .results-neon-sign span:nth-child(6){animation-delay:.6s}.broadcast-page .results-neon-sign span:nth-child(7){animation-delay:.72s}.broadcast-page .results-neon-sign span:nth-child(8){animation-delay:.84s}.broadcast-page .results-neon-sign span:nth-child(9){animation-delay:.96s}.broadcast-page .results-neon-sign span:nth-child(10){animation-delay:1.08s}
@keyframes result-letter-wave{0%,64%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}30%{transform:translate3d(7px,-2px,0) rotate(8deg) scale(1.17)}46%{transform:translate3d(-4px,0,0) rotate(-5deg) scale(1.06)}}
@media(max-width:650px){.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .results-neon-sign{display:none}}
@media(prefers-reduced-motion:reduce){.broadcast-page .results-neon-sign,.broadcast-page .results-neon-sign span{animation:none!important}}

/* Show five earlier results beside the latest result, rotating across days. */
.broadcast-page .history-result .history-game{grid-column:1/-1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4d995;font-size:clamp(11px,.95vw,15px);font-weight:850;text-align:center}
.broadcast-page .result-game-name{display:block;margin:0 auto 3px;color:#ffdfa0;font-size:clamp(12px,1.1vw,18px);font-weight:850;letter-spacing:.06em;text-align:center}
.broadcast-page[data-state="LIVE DRAWING"] .result-game-name,.broadcast-page[data-state="RESULTS"] .result-game-name{display:none}
.broadcast-page .history-result time{margin-bottom:3px}
@media(min-width:1001px) and (min-height:600px){
 .broadcast-page .broadcast-history.many-results #history-days{justify-content:flex-start;gap:7px}
 .broadcast-page .broadcast-history.many-results .history-day h3{margin:4px 0 8px}
 .broadcast-page .broadcast-history.many-results .history-result{gap:2px;padding:7px 4px 9px;margin:0 0 7px}
 .broadcast-page .broadcast-history.many-results .history-result time{font-size:clamp(11px,.8vw,14px);margin-bottom:2px}
 .broadcast-page .broadcast-history.many-results .history-number{gap:3px}
 .broadcast-page .broadcast-history.many-results .history-number strong{width:clamp(38px,3.2vw,60px);height:clamp(38px,3.2vw,60px);font-size:clamp(18px,1.7vw,30px)}
 .broadcast-page .broadcast-history.many-results .history-number small{font-size:10px}
}

/* Earlier games only need the height their cards use; the latest stays centered. */
@media(min-width:1001px) and (min-height:600px){
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-history{align-self:start;height:auto;max-height:calc(100dvh - 120px)}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #history-days{flex:none;min-height:0;justify-content:flex-start;gap:8px}
}

/* A complete day fills the history column instead of leaving a blank foot. */
@media(min-width:1001px) and (min-height:600px){
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-history.many-results{align-self:stretch;height:100%;max-height:none}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .broadcast-history.many-results #history-days{flex:1;min-height:0;justify-content:stretch;gap:6px}
 .broadcast-page .broadcast-history.many-results .history-day{flex:1;min-height:0;display:flex;flex-direction:column}
 .broadcast-page .broadcast-history.many-results .history-result{flex:1;min-height:0;align-content:space-evenly;padding:8px 5px;margin-bottom:6px}
 .broadcast-page .broadcast-history.many-results .history-number strong{width:clamp(43px,4.2vw,78px);height:clamp(43px,4.2vw,78px);font-size:clamp(20px,1.9vw,34px)}
}

/* A slim broadcast sign sits below the results, never over ticket numbers. */
.broadcast-page .broadcast-good-luck{position:relative;z-index:1;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px);width:calc(100% - 24px);min-height:42px;margin:0 auto 8px;padding:7px 20px;overflow:hidden;border:1px solid #f4c7758c;border-radius:999px;background:linear-gradient(90deg,#190d38 0%,#341558 24%,#102c53 52%,#381446 78%,#190d38 100%);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -8px 18px #05071866,0 0 16px #df9b4b52,0 0 28px #9947eb50;color:#fff4c9;text-align:center}
.broadcast-page .broadcast-good-luck::before{content:'';position:absolute;z-index:-1;inset:-40% auto -40% -35%;width:28%;background:linear-gradient(90deg,transparent,#ffffff24 45%,#fff1b655 50%,#ffffff24 55%,transparent);transform:skewX(-20deg);animation:good-luck-sweep 9s ease-in-out infinite;pointer-events:none}
.broadcast-page .broadcast-good-luck strong{font-size:clamp(13px,1.3vw,18px);font-weight:950;letter-spacing:.16em;line-height:1.2;text-shadow:0 0 7px #ffe8a9,0 0 19px #f1a34c;white-space:nowrap}
.broadcast-page .good-luck-spark{color:#ffdf7f;font-size:21px;line-height:1;text-shadow:0 0 8px #fff,0 0 20px #eaaa40}
.broadcast-page .good-luck-separator{color:#63e6f2;font-size:17px;text-shadow:0 0 12px #4fd7ff}
.broadcast-page[data-state="LIVE DRAWING"] .broadcast-good-luck,.broadcast-page[data-state="RESULTS"] .broadcast-good-luck{display:none}
@keyframes good-luck-sweep{0%,18%{left:-35%}48%,100%{left:110%}}
@media(min-width:1001px) and (min-height:600px){.broadcast-page .broadcast-good-luck{flex:0 0 42px;min-height:42px}}
@media(max-width:650px){.broadcast-page .broadcast-good-luck{width:calc(100% - 20px);min-height:44px;margin:0 auto 12px;padding:7px 10px;gap:7px}.broadcast-page .broadcast-good-luck strong{font-size:clamp(10px,2.6vw,14px);letter-spacing:.055em}.broadcast-page .good-luck-spark{font-size:15px}.broadcast-page .good-luck-separator{font-size:12px}}
@media(prefers-reduced-motion:reduce){.broadcast-page .broadcast-good-luck::before{animation:none}}

/* One compact language control stays reachable without squeezing the results. */
.broadcast-page .broadcast-language{position:relative;z-index:3;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;min-width:51px;min-height:40px;padding:5px;border:1px solid #d7b96d91;border-radius:11px;background:linear-gradient(145deg,#243455,#13203e);box-shadow:inset 0 1px 0 #fff3,0 0 11px #dba94335;color:#fff4d6;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.broadcast-page .broadcast-header .soley-logo{pointer-events:none}
.broadcast-page .broadcast-language img{display:block;width:19px;height:19px;max-width:none;border-radius:50%;object-fit:cover;box-shadow:0 1px 5px #0008}
.broadcast-page .broadcast-language:hover{border-color:#f5d18d;background:#30476d}
.broadcast-page .broadcast-language:focus-visible{outline:2px solid #ffe38a;outline-offset:3px}
.broadcast-page .broadcast-header>div:first-child{gap:8px}
@media(min-width:801px) and (max-width:1199px){.broadcast-page .broadcast-official{display:none}}
@media(max-width:650px){.broadcast-page .broadcast-language{position:absolute;z-index:3;top:7px;right:10px;min-width:48px;min-height:38px;padding:5px;gap:3px;font-size:10px}.broadcast-page .broadcast-language img{width:18px;height:18px}}
@media(max-width:360px){.broadcast-page .broadcast-header .soley-logo{width:51vw}}

.broadcast-past-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid #9cbeea8c;border-radius:11px;background:#193767;color:#f7fbff;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.broadcast-past-link:hover,.broadcast-past-link:focus-visible{background:#2b5289;border-color:#e0ebff}
@media(max-width:800px){.broadcast-past-link{order:3}}

/* Give the centered brand a separate row until the header is wide enough
   for the clock and navigation to sit beside it. */
@media(min-width:651px) and (max-width:1399px){
 .broadcast-page .broadcast-header,
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-header{height:154px;min-height:154px;padding:10px 24px 94px;align-items:center;gap:12px}
 .broadcast-page .broadcast-header .soley-logo{top:62px;width:min(400px,calc(100vw - 48px));height:90px;transform:translateX(-50%)}
}
@media(min-width:1001px){
 .broadcast-page .broadcast-header,
 .broadcast-page[data-state="LIVE DRAWING"] .broadcast-header{flex:0 0 100px;height:100px;min-height:100px;padding:10px 24px;align-items:center;gap:6px}
 .broadcast-page .broadcast-header .soley-logo{top:6px;width:400px;height:88px;transform:translateX(-50%)}
}
@media(min-width:1001px) and (max-width:1399px){
 .broadcast-page .broadcast-header .soley-logo{width:350px}
 .broadcast-page .broadcast-past-link,
 .broadcast-page .broadcast-header .broadcast-back{display:grid;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;place-items:center;font-size:0!important}
 .broadcast-page .broadcast-past-link::before{content:"▤";font-size:22px}
 .broadcast-page .broadcast-header .broadcast-back::before{content:"←";font-size:22px}
}
/* The logo artwork occupies the middle of a taller transparent PNG. Crop only
   that transparent padding so the visible mark fills its reserved header box. */
.broadcast-page .broadcast-header .soley-logo{object-fit:cover;object-position:center 40%}
.broadcast-page .broadcast-header::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(450px,60vw);height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e9c56d 20%,#fff4c3 50%,#e9c56d 80%,transparent);box-shadow:0 0 10px #efbc5b88;pointer-events:none}
@media(min-width:1001px) and (max-width:1399px){
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing{padding-bottom:8px!important}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing::after{margin-top:4px}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #countdown{font-size:clamp(52px,6.5vh,70px)}
}
@media(max-width:650px){
 .broadcast-page .broadcast-header{padding:8px 12px 60px}
 .broadcast-page .broadcast-header .soley-logo{top:64px}
 .broadcast-page .broadcast-language{top:68px}
 .broadcast-page .broadcast-header .broadcast-back{font-size:0!important;line-height:1}
 .broadcast-page .broadcast-header .broadcast-back::before{content:"←";font-size:22px}
}

.broadcast-page .broadcast-guide-ticker{justify-content:flex-start;gap:0;padding:3px 8px;text-align:left}
.broadcast-guide-ticker .good-luck-message{display:none}
.broadcast-page .broadcast-guide-ticker.is-final-countdown{justify-content:center;border-color:#ffe89b;background:linear-gradient(90deg,#7f164e,#c34b48 28%,#f2ab45 50%,#c34b48 72%,#7f164e);box-shadow:inset 0 1px 0 #fff8,0 0 20px #ffb35ca8,0 0 38px #f1518d7d;animation:good-luck-pulse 1s ease-in-out infinite alternate}
.broadcast-guide-ticker.is-final-countdown .ticker-window{display:none}
.broadcast-page .broadcast-guide-ticker.is-final-countdown .good-luck-message{display:block;color:#fff;font-size:clamp(18px,2.4vw,30px);letter-spacing:.22em;text-shadow:0 2px 2px #521131,0 0 12px #fff3b6,0 0 24px #fff1a9}
@keyframes good-luck-pulse{to{filter:brightness(1.2);box-shadow:inset 0 1px 0 #fffb,0 0 28px #ffca75e6,0 0 55px #ff64a6bd}}
.broadcast-guide-ticker .ticker-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 96%,transparent)}
.broadcast-guide-ticker .ticker-track{display:flex;width:max-content;animation:guide-scroll var(--guide-duration,36s) linear infinite}
.broadcast-guide-ticker .ticker-track span{display:block;flex:0 0 auto;padding-right:56px;color:#fff8db;font-size:clamp(13px,1.3vw,17px);font-weight:800;letter-spacing:.05em;line-height:32px;text-shadow:0 0 10px #ffc86a99;white-space:nowrap}
.broadcast-guide-ticker:hover .ticker-track{animation-play-state:paused}
@keyframes guide-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){.broadcast-guide-ticker .ticker-track span{font-size:12px;line-height:32px}.broadcast-page .broadcast-guide-ticker.is-final-countdown .good-luck-message{font-size:clamp(15px,4vw,20px);letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.broadcast-guide-ticker .ticker-track,.broadcast-page .broadcast-guide-ticker.is-final-countdown{animation:none}.broadcast-guide-ticker .ticker-window{overflow:auto;mask-image:none}}

/* Keep the latest draw's name and date legible beside its prominent balls. */
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-heading{font-size:clamp(17px,1.5vw,22px);line-height:1.2}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-game-name{margin-bottom:5px;font-size:clamp(22px,2.2vw,30px);font-weight:900;line-height:1.2}
.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .official-result-time{display:block;font-size:clamp(17px,1.6vw,22px);font-weight:750;line-height:1.3}
@media(max-width:650px){.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-heading{font-size:17px}.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-game-name{font-size:19px}.broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .official-result-time{font-size:15px}}

/* On phones, continue from the latest draw into the complete recent history. */
.mobile-past-cue{display:none}
@media(max-width:650px){
 .broadcast-page .broadcast-layout{height:auto;overflow:visible;align-content:start}
 .broadcast-page .mobile-past-cue{display:flex;align-items:center;justify-content:center;min-height:48px;margin:6px 0 0;padding:10px 16px;border:1px solid #78cfff9e;border-radius:14px;background:linear-gradient(135deg,#192d65,#294c90);color:#f5f9ff;font-size:15px;font-weight:800;text-align:center;text-decoration:none;box-shadow:0 8px 22px #08112b80}
 .broadcast-page .mobile-past-cue:focus-visible{outline:3px solid #ffe49b;outline-offset:3px}
 .broadcast-page #previous-results{height:auto!important;max-height:none!important;overflow:visible;scroll-margin-top:12px}
 .broadcast-page #previous-results h2{margin-bottom:16px;font-size:21px}
 .broadcast-page #history-days{display:grid;gap:18px;min-height:0}
 .broadcast-page #history-days .history-day{margin:0}
 .broadcast-page #history-days .history-day h3{margin:0 0 10px;font-size:16px;line-height:1.4;text-align:center}
 .broadcast-page #history-days .history-result{margin:0 0 10px;padding:15px 9px 17px;gap:8px}
 .broadcast-page #history-days .history-game{font-size:16px}
 .broadcast-page #history-days .history-result time{font-size:14px}
}

/* A shorter desktop or TV must keep the last result above the footer. Earlier
   draws scroll inside their own column instead of shrinking into each other. */
@media(min-width:1001px) and (max-height:800px){
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing{padding-block:4px 8px!important}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #countdown{font-size:clamp(42px,6vh,58px);margin-top:2px}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winner span{width:clamp(80px,12vh,100px);height:clamp(80px,12vh,100px);flex-basis:clamp(80px,12vh,100px);font-size:clamp(36px,5.5vh,48px)}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winners{gap:4px}
 .broadcast-page .broadcast-history.many-results #history-days,
 .broadcast-page .broadcast-history.many-results .history-day,
 .broadcast-page .broadcast-history.many-results .history-result{flex:none}
 .broadcast-page .broadcast-history.many-results #history-days{gap:3px}
 .broadcast-page .broadcast-history.many-results{padding:12px!important}
 .broadcast-page .broadcast-history.many-results .history-day h3{margin:0 0 4px;font-size:11px;line-height:1.2}
 .broadcast-page .broadcast-history.many-results .history-result{min-height:0;padding:3px 4px!important;gap:1px!important;margin-bottom:3px;align-content:center}
 .broadcast-page .broadcast-history.many-results .history-result .history-game{font-size:11px}
 .broadcast-page .broadcast-history.many-results .history-result time{font-size:10px;margin-bottom:0}
 .broadcast-page .broadcast-history.many-results .history-number{gap:2px}
 .broadcast-page .broadcast-history.many-results .history-number strong{width:38px;height:38px;font-size:19px}
 .broadcast-page .broadcast-history.many-results .history-number small{font-size:8px}
 .broadcast-page .broadcast-history{scrollbar-color:#7666ae #17152d}
}

/* Drawing-only side signs use the clear space outside the ball machine. */
.draw-side-sign{display:none}
@media(min-width:1001px){
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign{position:absolute;z-index:9;top:51%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:clamp(148px,16vw,250px);min-height:clamp(190px,27vh,290px);padding:22px 12px;border:1px solid #ffe5a7a8;border-radius:28px;background:linear-gradient(145deg,#33205bf2,#101d48f2 60%,#131d42f5);box-shadow:inset 0 0 24px #f8cb6336,0 0 18px #ffc45b5c,0 0 40px #8a45e354;transform:translateY(-50%);pointer-events:none;animation:draw-sign-glow 3.2s ease-in-out infinite alternate}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign-left{left:clamp(12px,2vw,32px)}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign-right{right:clamp(12px,2vw,32px);border-color:#8ceeffaa;box-shadow:inset 0 0 24px #33d6f63d,0 0 18px #25ddf66b,0 0 40px #9350e459;animation-delay:-1.6s}
 .draw-side-sign .draw-side-star{color:#ffe4a2;font-size:clamp(32px,3.8vw,58px);line-height:1;text-shadow:0 0 16px #ffc258,0 0 28px #f793e8}
 .draw-side-sign-right .draw-side-star{color:#c9faff;text-shadow:0 0 16px #29def6,0 0 28px #ba89ff}
 .draw-side-sign .draw-side-word{color:#fff6d2;font-size:clamp(30px,3.25vw,53px);font-weight:950;letter-spacing:.035em;line-height:1.04;text-align:center;text-shadow:0 2px 1px #60412e,0 0 12px #ffda70,0 0 25px #ffad48;white-space:nowrap}
 .draw-side-sign-right .draw-side-word{color:#efffff;text-shadow:0 2px 1px #174064,0 0 12px #6ae9ff,0 0 25px #3db8f3}
 .draw-side-sign small{color:#dcd2ff;font-size:clamp(11px,1.05vw,15px);font-weight:850;letter-spacing:.16em;text-align:center;text-shadow:0 0 10px #c6aeff}
}
@keyframes draw-sign-glow{to{opacity:.84}}
@media(prefers-reduced-motion:reduce){.broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign{animation:none}}

/* Every active drawing stage gets a readable broadcast cue. */
.broadcast-page[data-state="LIVE DRAWING"] .extraction-status{--status-accent:#67e9ff;left:50%;bottom:clamp(14px,2.3vh,28px);z-index:16;width:min(510px,82vw);min-height:56px;padding:10px 19px;gap:15px;transform:translateX(-50%);border:2px solid var(--status-accent);background:linear-gradient(135deg,#07152df0,#15275cf0 52%,#08102cf2);box-shadow:inset 0 0 20px #54d8ff32,0 0 16px var(--status-accent),0 0 38px #308dea73;color:#fff;font-size:clamp(15px,1.55vw,22px);font-weight:950;letter-spacing:.1em;text-align:center;animation:draw-status-pulse 1.25s ease-in-out infinite alternate}
.broadcast-page[data-state="LIVE DRAWING"] .extraction-status span{display:inline-block;min-width:0;text-shadow:0 0 8px var(--status-accent),0 0 17px var(--status-accent);animation:draw-status-word 1.25s ease-in-out infinite alternate}
.broadcast-page[data-state="LIVE DRAWING"] .extraction-status i,.broadcast-page[data-state="LIVE DRAWING"] .extraction-status b{height:4px;background:linear-gradient(90deg,transparent,var(--status-accent),#fff)}
.broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="placing"] .extraction-status,.broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="aligning"] .extraction-status{--status-accent:#ffcf71}
.broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="winner"] .extraction-status,.broadcast-page[data-state="LIVE DRAWING"][data-draw-phase="final"] .extraction-status{--status-accent:#9dffc4}
@keyframes draw-status-pulse{to{opacity:.8}}
@keyframes draw-status-word{to{transform:scale(1.055)}}
@media(max-width:650px){.broadcast-page[data-state="LIVE DRAWING"] .extraction-status{bottom:7px;width:calc(100% - 16px);min-height:40px;padding:6px 9px;gap:6px;font-size:clamp(11px,3.3vw,15px);letter-spacing:.035em}}
@media(prefers-reduced-motion:reduce){.broadcast-page[data-state="LIVE DRAWING"] .extraction-status,.broadcast-page[data-state="LIVE DRAWING"] .extraction-status span{animation:none}}

/* Open neon lettering, without framed cards, keeps the machine as the focus. */
@media(min-width:1001px){
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign,.broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign-right{min-height:220px;gap:6px;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign::before{content:"";position:absolute;z-index:-1;inset:-22px;background:radial-gradient(ellipse,#694aa74d 0,#45247126 44%,transparent 73%);pointer-events:none}
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign-right::before{background:radial-gradient(ellipse,#246d9c50 0,#295bad29 44%,transparent 73%)}
 .draw-side-sign .draw-side-word{display:grid;gap:4px;color:#fff3b0;font-size:clamp(35px,3.8vw,67px);line-height:.96;text-shadow:0 0 12px #ffd363,0 0 30px #f5a63b,0 0 56px #f2708f;animation:draw-good-luck 2.6s ease-in-out infinite}
 .draw-side-sign .draw-side-word span{display:block}
 .draw-side-sign .draw-side-star{animation:draw-star-float 3.5s ease-in-out infinite alternate}
 .draw-side-sign .draw-side-count{color:#edfdff;font-size:clamp(72px,8vw,150px);font-weight:950;letter-spacing:-.07em;line-height:.82;text-shadow:0 0 14px #55edff,0 0 38px #3bafff,0 0 65px #9e67ff}
 .draw-side-sign .draw-side-ball-count{color:#dbf9ff;font-size:clamp(20px,2.3vw,36px);font-weight:950;letter-spacing:.16em;text-shadow:0 0 10px #66dfff,0 0 28px #458eff}
 .draw-side-sign-right small{margin-top:7px;color:#c5d6ff;font-size:clamp(16px,1.5vw,24px);letter-spacing:.22em}
}
@keyframes draw-good-luck{to{transform:translateY(-7px) scale(1.06);opacity:.88}}
@keyframes draw-star-float{to{transform:translateY(-9px) rotate(12deg);opacity:.72}}
@media(prefers-reduced-motion:reduce){.draw-side-sign .draw-side-word,.draw-side-sign .draw-side-star{animation:none}}

/* Reserve a separate lane for revealed numbers above the stage cue. */
@media(min-width:801px){
 .broadcast-page[data-state="LIVE DRAWING"] .result-board{bottom:96px!important}
}

/* Larger gradient lettering with a fixed layered shadow for dimensional depth. */
@media(min-width:1001px){
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign{width:clamp(175px,18vw,320px)}
 .draw-side-sign .draw-side-word{font-size:clamp(42px,4.5vw,82px)}
 .draw-side-sign .draw-side-word span{background:linear-gradient(100deg,#fffde3 0%,#ffdf68 23%,#ff83b1 47%,#e593ff 70%,#fff4b4 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(3px 4px 0 #56305f) drop-shadow(0 0 12px #ffbc65);animation:draw-sign-color-wave 3.2s linear infinite}
 .draw-side-sign .draw-side-word span:last-child{animation-delay:-.3s}
 .draw-side-sign .draw-side-count{display:inline-block;padding-inline:.08em;font-size:clamp(82px,9vw,160px);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;background:linear-gradient(100deg,#fff 0%,#86f3ff 24%,#5a9fff 48%,#b682ff 72%,#a9f8ff 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(3px 4px 0 #203c80) drop-shadow(0 0 13px #5feaff);animation:draw-count-pulse 2.6s ease-in-out infinite,draw-sign-color-wave 3.2s linear infinite}
 .draw-side-sign .draw-side-ball-count{font-size:clamp(24px,2.7vw,42px);animation:draw-count-pulse 2.6s ease-in-out infinite}
}
@keyframes draw-count-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.13)}}
@keyframes draw-sign-color-wave{0%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes draw-good-luck{0%,100%{transform:translateY(3px) scale(.94)}50%{transform:translateY(-4px) scale(1.13)}}
@media(prefers-reduced-motion:reduce){.draw-side-sign .draw-side-word span,.draw-side-sign .draw-side-count,.draw-side-sign .draw-side-ball-count{animation:none}}

/* Keep both neon messages centered inside their side lanes, including Spanish copy. */
@media(min-width:1001px){
 .broadcast-page[data-state="LIVE DRAWING"] .draw-side-sign{width:clamp(185px,20vw,320px);text-align:center}
 .draw-side-sign .draw-side-word{width:100%;justify-items:center;text-align:center;font-size:clamp(36px,4vw,72px);transform-origin:center}
 .draw-side-sign .draw-side-word span{width:100%;text-align:center}
 .draw-side-sign .draw-side-count,.draw-side-sign .draw-side-ball-count,.draw-side-sign small{align-self:center;text-align:center;transform-origin:center}
}

/* A fixed 10-second ball slot: mix, eject, reveal, then hold the confirmed result. */
.broadcast-page[data-state="LIVE DRAWING"].is-mixing .extraction-status span{animation:draw-status-word 1s ease-in-out infinite alternate}
.broadcast-page[data-state="LIVE DRAWING"].is-revealed .extraction-status{--status-accent:#fce78e}
.broadcast-page[data-state="LIVE DRAWING"].is-locked .extraction-status{--status-accent:#9dffc4}
/* The revealed ball stays on top until its ten-second slot ends. */
.broadcast-page[data-state="LIVE DRAWING"].is-revealed .result-board,
.broadcast-page[data-state="LIVE DRAWING"].is-locked .result-board{opacity:0!important;pointer-events:none!important}
.broadcast-page[data-state="LIVE DRAWING"].is-revealed .winner.featured{animation:ball-slot-impact .7s cubic-bezier(.1,.9,.2,1) both}
.broadcast-page[data-state="LIVE DRAWING"].is-locked .winner.featured{animation:none;opacity:1;transform:none}
@keyframes ball-slot-impact{from{opacity:.25;transform:translate3d(0,12px,0) scale(.86)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.broadcast-page[data-state="LIVE DRAWING"].is-revealed .winner.featured span{animation:corrido-flare .7s cubic-bezier(.1,.9,.2,1) both;will-change:transform}
.broadcast-page[data-state="LIVE DRAWING"].is-fijo.is-revealed .winner.featured span{animation:fijo-flare .7s cubic-bezier(.1,.9,.2,1) both}
@keyframes corrido-flare{from{transform:translate3d(0,8px,0) scale(.78)}65%{transform:translate3d(0,0,0) scale(1.12)}to{transform:translate3d(0,0,0) scale(1)}}
@keyframes fijo-flare{from{transform:translate3d(0,8px,0) scale(.78)}65%{transform:translate3d(0,0,0) scale(1.5)}to{transform:translate3d(0,0,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.broadcast-page[data-state="LIVE DRAWING"].is-mixing .extraction-status span,.broadcast-page[data-state="LIVE DRAWING"].is-revealed .winner.featured,.broadcast-page[data-state="LIVE DRAWING"].is-revealed .winner.featured span{animation:none}}

/* Broadcast pilot light: visibly cycles between bright and dim without flashing to zero. */
.broadcast-page .broadcast-live{border-color:#ff7184;background:#501021;color:#fff;box-shadow:inset 0 0 14px #ff496a55,0 0 15px #fa375268;animation:broadcast-live-switch 1.65s ease-in-out infinite alternate}
.broadcast-page .broadcast-live-dot{width:12px;height:12px;background:#ff435b;box-shadow:0 0 9px #ff435b,0 0 22px #ff435b,0 0 0 4px #ff435b2c}
@keyframes broadcast-live-switch{to{opacity:.58}}
@media(prefers-reduced-motion:reduce){.broadcast-page .broadcast-live{animation:none}}

/* Animate the existing logo in place: a restrained wave/breath and masked studio sweep. */
.broadcast-page .broadcast-header{--logo-top:6px;--logo-width:400px;--logo-height:88px}
.broadcast-page .broadcast-header .soley-logo{transform-origin:center 50%;animation:soley-logo-breathe 7.2s ease-in-out infinite;will-change:transform}
.broadcast-page .broadcast-header::before{content:"";position:absolute;z-index:2;left:50%;top:var(--logo-top);width:var(--logo-width);height:var(--logo-height);transform:translateX(-50%);pointer-events:none;background:linear-gradient(100deg,transparent 37%,#fff8 49%,#ffe6a6a8 51%,transparent 63%);background-size:230% 100%;background-position:110% 0;-webkit-mask:url('/assets/soley-play-logo-transparent-v4.png') center 40%/cover no-repeat;mask:url('/assets/soley-play-logo-transparent-v4.png') center 40%/cover no-repeat;opacity:.8;animation:soley-logo-light 7.2s ease-in-out infinite}
@keyframes soley-logo-breathe{0%,100%{transform:translateX(-50%) scale(1) skewX(0deg)}25%{transform:translateX(-50%) scale(1.012) skewX(.35deg)}50%{transform:translateX(-50%) scale(1.024) skewX(0deg)}75%{transform:translateX(-50%) scale(1.012) skewX(-.35deg)}}
@keyframes soley-logo-light{0%,12%{background-position:110% 0;opacity:0}34%{opacity:.78}56%,100%{background-position:-110% 0;opacity:0}}
@media(min-width:1001px) and (max-width:1399px){.broadcast-page .broadcast-header{--logo-width:350px}}
@media(min-width:651px) and (max-width:1000px){.broadcast-page .broadcast-header{--logo-top:62px;--logo-width:min(400px,calc(100vw - 48px));--logo-height:90px}}
@media(max-width:650px){.broadcast-page .broadcast-header{--logo-top:64px;--logo-width:min(210px,55vw);--logo-height:50px}}
@media(max-width:360px){.broadcast-page .broadcast-header{--logo-width:51vw}}
@media(prefers-reduced-motion:reduce){.broadcast-page .broadcast-header .soley-logo,.broadcast-page .broadcast-header::before{animation:none}.broadcast-page .broadcast-header::before{display:none}}
/* The phone view already places past results below the latest draw. Keep the
   header's controls and clock within the viewport instead of squeezing them
   around a duplicate history link. */
@media(max-width:650px){
 .broadcast-page .broadcast-past-link{display:none}
 .broadcast-page .broadcast-clock{flex:0 0 102px;width:102px;margin-left:auto;text-align:center}
 .broadcast-page .broadcast-clock time{font-size:12px;line-height:1.15;white-space:nowrap}
 .broadcast-page .broadcast-clock small{display:block;font-size:8px;letter-spacing:.02em;white-space:nowrap}
}
.broadcast-page:not(.guide-ready) .broadcast-guide-ticker .ticker-window{visibility:hidden}
.broadcast-page .broadcast-pale-card[hidden],.broadcast-page .broadcast-super-pale-prize[hidden],.broadcast-page .broadcast-tripleta-prize[hidden]{display:none!important}

/* Keep each desktop history result readable. Days with different result counts
   must size from their cards instead of sharing the column height equally. */
@media(min-width:1001px){
 .broadcast-page .broadcast-history.many-results #history-days{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
 .broadcast-page .broadcast-history.many-results .history-day{display:block;min-height:0;flex:none}
 .broadcast-page .broadcast-history.many-results .history-result{display:grid;min-height:112px;flex:none;align-content:center;padding:8px 5px 10px;margin-bottom:7px}
 .broadcast-page .broadcast-history.many-results .history-number{gap:3px}
}

/* Compact the history column on a short TV viewport. */
@media(min-width:1001px) and (max-height:900px){
 .broadcast-page .broadcast-history.many-results{padding:10px 12px!important}
 .broadcast-page .broadcast-history.many-results h2{margin-bottom:4px}
 .broadcast-page .broadcast-history.many-results #history-days{gap:2px}
 .broadcast-page .broadcast-history.many-results .history-day h3{margin:1px 0 3px;font-size:11px;line-height:1.2}
 .broadcast-page .broadcast-history.many-results .history-result{min-height:0;padding:4px 4px 5px;margin-bottom:4px;gap:2px}
 .broadcast-page .broadcast-history.many-results .history-result .history-game{font-size:11px;line-height:1.1}
 .broadcast-page .broadcast-history.many-results .history-result time{font-size:10px;margin-bottom:0}
 .broadcast-page .broadcast-history.many-results .history-number{gap:2px}
 .broadcast-page .broadcast-history.many-results .history-number strong{width:38px;height:38px;font-size:19px}
 .broadcast-page .broadcast-history.many-results .history-number small{font-size:9px}
}

/* Choice shown only when a seller launches the dedicated display page. */
.display-choice-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;overflow:auto;border:1px solid #79d8ff;border-radius:18px;background:linear-gradient(145deg,#102d54,#081a35);box-shadow:0 22px 70px #000a,0 0 28px #25bfff55;color:#fff;text-align:center}
.display-choice-dialog::backdrop{background:#020c1dd9}
.display-choice-dialog h2{margin:0 0 12px;color:#fff;font-size:clamp(23px,4vw,30px);line-height:1.15}
.display-choice-dialog p{margin:0;color:#e1edff;font-size:15px;line-height:1.5}
.display-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.display-choice-actions button{min-height:54px;padding:10px 12px;border:1px solid #89bde3;border-radius:10px;background:#173e6b;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.display-choice-actions button.primary{border-color:#61e8d3;background:#087e88;color:#fff}
.display-choice-actions button:hover,.display-choice-actions button:focus-visible{filter:brightness(1.15);outline:2px solid #fff;outline-offset:2px}
.display-choice-dialog .display-choice-message{min-height:1.5em;margin-top:16px;color:#ffe7a7;font-size:13px}
@media(max-width:420px){.display-choice-dialog{padding:22px 18px}.display-choice-actions{grid-template-columns:1fr}}

/* Selected prize style H: ball order and amount stay fully inside each card. */
.broadcast-page .broadcast-payout .payout-line{position:relative;min-height:85px;padding:12px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.broadcast-page .broadcast-payout .payout-line::after{content:"";position:absolute;right:15px;top:20px;bottom:20px;width:3px;border-radius:3px;background:#e5c47e;box-shadow:0 0 9px #e5c47e66}
.broadcast-page .broadcast-payout .payout-line span{color:#82f7e0;font-size:clamp(12px,1.05vw,16px);font-weight:800;line-height:1.15;letter-spacing:.09em;text-transform:uppercase}
.broadcast-page .broadcast-payout .payout-line strong{margin:0;color:#a7ffe1;font-size:clamp(30px,2.8vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 17px #36dcbc55}
@media(max-width:650px){.broadcast-page .broadcast-payout .payout-line{min-height:75px;padding:9px 6px;gap:4px}.broadcast-page .broadcast-payout .payout-line::after{right:6px;top:12px;bottom:12px;width:2px}.broadcast-page .broadcast-payout .payout-line span{font-size:clamp(9px,2.4vw,12px);letter-spacing:.025em}.broadcast-page .broadcast-payout .payout-line strong{font-size:clamp(20px,6vw,30px)}}

/* Local-only comparison for option D; H remains the selected default. */
.broadcast-page[data-payout-style="d"] .broadcast-payout .payout-line{align-items:center;text-align:center;gap:2px}
.broadcast-page[data-payout-style="d"] .broadcast-payout .payout-line::after{display:none}
.broadcast-page[data-payout-style="d"] .broadcast-payout .payout-line span{color:#f9e0a7;font-size:clamp(13px,1.2vw,17px);letter-spacing:.13em}
.broadcast-page[data-payout-style="d"] .broadcast-official::after{content:" · OPCIÓN D"}
.broadcast-page[data-payout-style="h"] .broadcast-official::after{content:" · OPCIÓN H"}

/* The five payout figures share one type size; pair combinations keep their smaller type. */
.broadcast-page .broadcast-payout .payout-line > strong,
.broadcast-page .broadcast-payout .broadcast-pale-card .broadcast-pair-prize > strong,
.broadcast-page .broadcast-payout .broadcast-super-pale-prize > strong{font-size:clamp(28px,2.55vw,36px);font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
@media(max-width:650px){.broadcast-page .broadcast-payout .payout-line > strong,.broadcast-page .broadcast-payout .broadcast-pale-card .broadcast-pair-prize > strong,.broadcast-page .broadcast-payout .broadcast-super-pale-prize > strong{font-size:clamp(24px,6vw,30px)}}

/* Fit all six payout cards on desktop and shorter TVs without changing the board grid. */
@media(min-width:1001px) and (max-height:900px){
 .broadcast-page .broadcast-payout{padding:10px 16px!important;gap:0}
 .broadcast-page .broadcast-payout h2{margin:0 0 4px}
 .broadcast-page .broadcast-payout .payout-line{min-height:61px;margin-block:3px;padding:5px 8px;gap:1px}
 .broadcast-page .broadcast-payout .payout-line span{font-size:13px}
 .broadcast-page .broadcast-payout .payout-line > strong,
 .broadcast-page .broadcast-payout .broadcast-pale-card .broadcast-pair-prize > strong,
 .broadcast-page .broadcast-payout .broadcast-super-pale-prize > strong,
 .broadcast-page .broadcast-payout .broadcast-tripleta-prize > strong{font-size:29px}
 .broadcast-page .broadcast-payout .broadcast-pale-card,
 .broadcast-page .broadcast-payout .broadcast-super-pale-prize,
 .broadcast-page .broadcast-payout .broadcast-tripleta-prize{margin-block:3px;padding:7px 8px}
 .broadcast-page .broadcast-payout .broadcast-pale-card .broadcast-pair-prize,
 .broadcast-page .broadcast-payout .broadcast-super-pale-prize{gap:1px}
 .broadcast-page .broadcast-payout .broadcast-pale-results{margin-top:4px;padding-top:3px}
 .broadcast-page .broadcast-payout .broadcast-pale-row{padding:2px 0}
 .broadcast-page .broadcast-payout .broadcast-pale-row strong,
 .broadcast-page .broadcast-payout .broadcast-super-result strong{font-size:16px}
 .broadcast-page .broadcast-payout .broadcast-super-result{margin-top:4px;padding-top:4px}
 .broadcast-page .broadcast-payout .broadcast-tripleta-prize>small{font-size:10px}
 .broadcast-page .broadcast-payout .broadcast-tripleta-prize .broadcast-super-result{gap:1px}
}
/* Preserve access to past draws without displaying browser or panel scrollbars on TV. */
html:has(body.broadcast-page),.broadcast-page,.broadcast-page .broadcast-history,.broadcast-page #history-days{scrollbar-width:none;-ms-overflow-style:none}
html:has(body.broadcast-page)::-webkit-scrollbar,.broadcast-page::-webkit-scrollbar,.broadcast-page .broadcast-history::-webkit-scrollbar,.broadcast-page #history-days::-webkit-scrollbar{display:none;width:0;height:0}

.broadcast-page .broadcast-center #live-status.service-interruption{position:relative;overflow:hidden;padding:22px 20px 18px;border:1px solid #e9b93c;border-radius:12px;background:#fff4c9;color:#33280e;box-shadow:0 6px 24px #0003;font-family:Arial,"Segoe UI",sans-serif;font-size:16px;font-weight:500;line-height:1.55;letter-spacing:normal;text-transform:none;text-shadow:none;white-space:pre-line;overflow-wrap:anywhere}
.broadcast-page .broadcast-center #live-status.service-interruption::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(135deg,#f7c531 0 12px,#302b21 12px 24px)}
.broadcast-page.service-paused .extraction-status{overflow:hidden;border:1px solid #e9b93c!important;background:#152338!important;box-shadow:none!important;animation:none!important}
.broadcast-page.service-paused .extraction-status::before{content:"";position:absolute;inset:0 0 auto;width:100%;height:8px;transform:none;opacity:1;background:repeating-linear-gradient(135deg,#f7c531 0 12px,#302b21 12px 24px);animation:none}
.broadcast-page.service-paused .extraction-status span{font-family:Arial,"Segoe UI",sans-serif!important;font-size:18px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;text-shadow:none!important;animation:none!important}
.broadcast-page.service-paused .extraction-status :is(i,b){visibility:hidden}
/* The TV is one fixed canvas: the five earlier draws share the available height. */
@media(min-width:1001px) and (min-height:600px){
 body.broadcast-page{height:100dvh;overflow:hidden}
 .broadcast-page .broadcast-history.many-results{overflow:hidden!important}
 .broadcast-page .broadcast-history.many-results #history-days{flex:1;min-height:0;overflow:hidden!important}
 .broadcast-page .broadcast-history.many-results .history-day{display:grid!important;grid-template-rows:auto repeat(5,minmax(0,1fr));gap:4px;height:100%;min-height:0}
 .broadcast-page .broadcast-history.many-results .history-day h3{margin:0 0 2px;font-size:clamp(10px,.8vw,13px);line-height:1.2}
 .broadcast-page .broadcast-history.many-results .history-result{box-sizing:border-box;height:auto!important;min-height:0!important;margin:0!important;padding:3px 4px!important;overflow:hidden;align-content:center}
}
.broadcast-page #history-days .history-result-pending{opacity:.48}
.broadcast-page #history-days .history-result-pending .history-number strong{color:#c8d7ef!important;background:none!important;box-shadow:none!important}

/* The instructions must remain readable from across the room. Reserve their
   height in the fixed TV layout instead of letting the text spill over it. */
.broadcast-page .broadcast-guide-ticker{min-height:52px;padding:4px 10px}
.broadcast-guide-ticker .ticker-track span{font-size:clamp(18px,1.6vw,24px);line-height:42px;letter-spacing:.025em}
@media(min-width:1001px) and (min-height:600px){.broadcast-page .broadcast-good-luck{flex-basis:52px}}
@media(max-width:650px){
 .broadcast-page .broadcast-guide-ticker{min-height:44px;padding:4px 8px}
 .broadcast-guide-ticker .ticker-track span{font-size:15px;line-height:34px}
}

/* A quiet station watermark preserves the main Sòlèy identity. */
.broadcast-page[data-state="LIVE DRAWING"] .winner.revealed small{padding:2px 8px;border-radius:999px;background:#071323db;color:#fff;text-shadow:0 1px 3px #000;line-height:1.2}
.broadcast-page[data-state="RESULTS"] .result-board{animation:broadcast-summary-in .65s ease-out both}
@keyframes broadcast-summary-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.broadcast-page[data-state="RESULTS"] .result-board{animation:none}}
.broadcast-page>.astra-watermark{position:fixed;z-index:40;right:max(12px,env(safe-area-inset-right));left:auto;bottom:max(12px,env(safe-area-inset-bottom));width:clamp(80px,11vw,160px);height:auto;max-width:28vw;opacity:.12;filter:brightness(0) invert(1);pointer-events:none;user-select:none}
@media(min-width:1001px) and (max-height:800px){
 .broadcast-page .broadcast-payout .payout-line{min-height:clamp(44px,7vh,56px);margin-block:2px;padding:3px 7px}
 .broadcast-page .broadcast-payout .broadcast-pale-card,
 .broadcast-page .broadcast-payout .broadcast-tripleta-prize{margin-block:2px;padding:5px 7px}
 .broadcast-page .broadcast-payout .broadcast-pale-row{padding:1px 0}
 .broadcast-page .broadcast-payout .broadcast-pale-results,
 .broadcast-page .broadcast-payout .broadcast-super-result{margin-top:2px;padding-top:2px}
}
/* Medium windows have no spare rail for the vertical sign beside three balls. */
@media(min-width:651px) and (max-width:1000px){
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{display:none!important}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .results-neon-sign{display:none!important}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .winners{width:min(100%,530px);max-width:100%!important;gap:clamp(4px,1vw,10px)!important}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winner{min-width:0;gap:6px;padding:3px}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winner small{min-width:0;font-size:clamp(13px,2vw,18px)}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage .winner span{width:clamp(70px,11vw,96px);height:clamp(70px,11vw,96px);flex-basis:clamp(70px,11vw,96px);font-size:clamp(30px,4vw,44px)}
 .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-game-name{font-size:clamp(17px,2.4vw,24px)}
}


/* TV framing keeps the complete machine within the stage at Full HD. */
@media(min-width:1001px){
 .broadcast-page[data-state="LIVE DRAWING"] .machine-viewport .draw-basket canvas{transform:none}
}
/* Keep the glass colors without repeatedly blurring the moving full-screen backdrop. */
.broadcast-page.tv-display .broadcast-layout,
.broadcast-page.tv-display .broadcast-history,
.broadcast-page.tv-display .broadcast-payout,
.broadcast-page.tv-display .next-drawing,
.broadcast-page.tv-display .result-board{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.broadcast-page.tv-display .broadcast-guide-ticker:hover .ticker-track{animation-play-state:running}

/* TV ticker: move prepainted layers instead of laying out the light sweep. */
.broadcast-page.tv-display .broadcast-guide-ticker::before{left:-35%;animation-name:tv-guide-sweep;will-change:transform}
@keyframes tv-guide-sweep{0%,18%{transform:translate3d(0,0,0) skewX(-20deg)}48%,100%{transform:translate3d(517.857%,0,0) skewX(-20deg)}}
.broadcast-page.tv-display .ticker-window{contain:paint;mask-image:none}
.broadcast-page.tv-display .ticker-track{will-change:transform;backface-visibility:hidden;animation-name:tv-guide-scroll}
.broadcast-page.tv-display .ticker-track span{text-shadow:0 1px 2px #150b37}
@keyframes tv-guide-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Keep the neon colors and letter wave, without animating blurred shadows. */
.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board .results-neon-sign{isolation:isolate;overflow:hidden;background:#5720cf;animation:none}
.broadcast-page.tv-display .results-neon-sign::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:300%;border-radius:inherit;background:linear-gradient(180deg,#5720cf 0%,#e13bd2 25%,#087ec4 50%,#14d6c8 72%,#efae39 100%);animation:tv-sign-colors 7s ease-in-out infinite alternate;will-change:transform}
.broadcast-page.tv-display .results-neon-sign span{will-change:transform}
@keyframes tv-sign-colors{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-66.6667%,0)}}
@media(prefers-reduced-motion:reduce){.broadcast-page.tv-display .broadcast-guide-ticker::before,.broadcast-page.tv-display .ticker-track,.broadcast-page.tv-display .results-neon-sign::before,.broadcast-page.tv-display .results-neon-sign span{animation:none!important;will-change:auto}}

/* Raspberry Pi display mode keeps the information ticker and draw mechanism
   moving while avoiding several full-screen effects competing for one GPU. */
.broadcast-page.tv-display #broadcast-particles{display:none}
.broadcast-page.tv-display .machine-aurora,
.broadcast-page.tv-display .machine-viewport::before,
.broadcast-page.tv-display .broadcast-guide-ticker::before,
.broadcast-page.tv-display .results-neon-sign::before,
.broadcast-page.tv-display .results-neon-sign span,
.broadcast-page.tv-display[data-state="RESULTS"] .result-board::before,
.broadcast-page.tv-display[data-state="RESULTS"] .winner.settled span,
.broadcast-page.tv-display[data-state="RESULTS"] #result-heading{animation:none!important;will-change:auto!important}

/* Pi-only steady-state pass: keep the ticker and actual draw canvas moving, while
   freezing full-screen ornamental layers that continuously repaint the GPU. */
body.broadcast-page.tv-display::before,
body.broadcast-page.tv-display::after,
.broadcast-page.tv-display .machine-viewport,
.broadcast-page.tv-display .broadcast-live-dot,
.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::before,
.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board::after{animation:none!important;will-change:auto!important}

/* Raspberry Pi 4: gradients preserve the broadcast palette, while costly blur,
   shadow and filter passes are removed only from the dedicated TV view. */
.broadcast-page.tv-display *,
.broadcast-page.tv-display *::before,
.broadcast-page.tv-display *::after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.broadcast-page.tv-display .broadcast-header,
.broadcast-page.tv-display .broadcast-history,
.broadcast-page.tv-display .broadcast-payout,
.broadcast-page.tv-display .next-drawing,
.broadcast-page.tv-display .draw-stage,
.broadcast-page.tv-display .result-board,
.broadcast-page.tv-display .history-result,
.broadcast-page.tv-display .broadcast-good-luck{
  box-shadow:none!important;
}