.live-main{padding:24px}.live-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.live-toolbar h1{margin:0;text-align:left}.live-clock{margin:9px 0 0;font:12px monospace;color:#d8c795}.live-toolbar label{display:grid;gap:7px;font-size:12px;color:#d8c795}.live-toolbar select{background:#1c1911;color:#fff;border:1px solid #61502b;border-radius:5px;padding:11px;min-width:150px}#live-status{font-size:12px;color:#c9bc9b;min-height:20px;margin:18px 0}#live-boards{min-height:570px}.draw-board{border:1px solid #66532a;border-radius:9px;overflow:hidden;background:#0f0e0b;margin-bottom:22px}.draw-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#272011;padding:18px 20px;border-bottom:1px solid #66532a}.draw-heading h2{font-size:19px;margin:0;text-align:left;color:#f2d78b}.draw-badge{font-size:10px;white-space:nowrap;padding:6px 9px;background:#11100b;border:1px solid #776234;border-radius:20px;color:#ddd0ac}.draw-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 20px;color:#c3b89a;font-size:12px;border-bottom:1px solid #3b3320}.prize-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px;border-bottom:1px solid #39301e}.prize-row h3{margin:0;font-size:14px;font-weight:400;color:#ddc78e}.live-balls{display:flex;justify-content:center;gap:8px}.live-ball{--ball:#b79b52;display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid #e8d8a9;border-radius:50%;background:radial-gradient(circle at 28% 20%,#fff9 0 5%,transparent 7%),radial-gradient(circle at 35% 25%,var(--ball),#080808);box-shadow:0 3px 4px #0008}.live-ball b{display:grid;place-items:center;width:25px;height:25px;background:#fff;color:#111;border-radius:50%;font:bold 20px Arial,sans-serif}.live-ball[data-digit="1"],.live-ball[data-digit="9"]{--ball:#c89534}.live-ball[data-digit="2"],.live-ball[data-digit="6"]{--ball:#4268e8}.live-ball[data-digit="3"],.live-ball[data-digit="7"]{--ball:#9849ef}.live-ball[data-digit="4"]{--ball:#60c737}.live-ball[data-digit="5"]{--ball:#1ec9bf}.live-ball[data-digit="8"]{--ball:#e453c3}.live-ball[data-digit="0"]{--ball:#d52e37}.draw-group{padding:18px 20px;border-bottom:1px solid #39301e}.draw-group h3{font-size:13px;color:#d8c591;margin:0 0 16px;text-align:center}.draw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.draw-grid .live-balls{padding:10px 4px;background:#19160e;border:1px solid #463b23;border-radius:5px}.draw-grid .live-ball{width:30px;height:30px}.draw-grid .live-ball b{width:19px;height:19px;font-size:15px}.draw-source{padding:14px 20px;color:#b5aa8c;font-size:11px;line-height:1.7}.draw-source a{color:#e2c777}.draw-source p{font-size:11px;margin:6px 0 0}.toto-main{padding:25px 12px}.toto-main h3{text-align:center;font-size:13px;color:#d8c591;margin:0 0 18px}.toto-main .live-balls{flex-wrap:wrap}.toto-additional{margin-top:24px}.toto-main .live-ball{width:44px;height:44px}.toto-main .live-ball b{font-size:17px;width:28px;height:28px}.live-main [hidden]{display:none!important}@media(max-width:600px){.live-main{padding:18px 10px}.live-toolbar h1{font-size:20px}.live-toolbar select{min-width:120px}.draw-heading{padding:15px 12px}.draw-heading h2{font-size:17px}.draw-meta{padding:12px;font-size:11px}.prize-row{padding:18px 10px;gap:6px}.prize-row h3{font-size:11px}.live-balls{gap:4px}.live-ball{width:29px;height:29px}.live-ball b{width:19px;height:19px;font-size:16px}.draw-group{padding:17px 9px}.draw-grid{gap:7px}.draw-grid .live-ball{width:clamp(17px,5vw,28px);height:clamp(17px,5vw,28px);border-width:1px}.draw-grid .live-ball b{width:65%;height:65%;font-size:clamp(10px,3vw,14px)}.draw-source{padding:12px}.toto-main .live-ball{width:36px;height:36px}.toto-main .live-ball b{width:24px;height:24px;font-size:15px}}

.prize-row.prize-centered{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}.prize-centered h3{text-align:center}

/* Prize colors belong to the market, not to individual digits. */
.draw-board[data-market="hk"] .live-ball{--ball:#ed252d}
.draw-board[data-market="sgp4d"] .live-ball,.draw-board[data-market="sgptoto"] .live-ball{--ball:#2975ef}
.draw-board[data-market="sdy"] [data-prize="1st Prize"] .live-ball{--ball:#2975ef}
.draw-board[data-market="sdy"] [data-prize="2nd Prize"] .live-ball{--ball:#43ba47}
.draw-board[data-market="sdy"] [data-prize="3rd Prize"] .live-ball{--ball:#ed69af}
.draw-board[data-market="sdy"] [data-prize="Starter Prize"] .live-ball{--ball:#f29b32}
.draw-board[data-market="sdy"] [data-prize="Consolation"] .live-ball{--ball:#f0d344}
/* Reference layout: label left, balls centered within the result column. */
.draw-board[data-market="sgp4d"] .prize-centered{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:14px;align-items:center}
.draw-board[data-market="sgp4d"] .prize-centered h3{text-align:left}
.draw-board[data-market="hk"] .prize-centered{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center}
.draw-board[data-market="hk"] .prize-centered h3{text-align:center;padding:14px 4px;background:#211b10;border:1px solid #544424;border-radius:6px}
.draw-board[data-market="hk"] .prize-centered .live-balls{padding:10px 4px;gap:5px}
@media(max-width:600px){.draw-board[data-market="sgp4d"] .prize-centered{grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:8px}.draw-board[data-market="hk"] .prize-centered{gap:6px}.draw-board[data-market="hk"] .prize-centered .live-balls{gap:3px;padding:8px 0}.draw-board[data-market="hk"] .prize-centered .live-ball{width:clamp(17px,4.2vw,27px);height:clamp(17px,4.2vw,27px);border-width:1px}.draw-board[data-market="hk"] .prize-centered .live-ball b{width:66%;height:66%;font-size:clamp(11px,3vw,15px)}}
/* Larger Hongkong primary prizes with a narrower label column. */
.draw-board[data-market="hk"] .prize-centered{grid-template-columns:minmax(70px,.7fr) minmax(0,2fr)}
.draw-board[data-market="hk"] .prize-centered .live-balls{gap:6px}
.draw-board[data-market="hk"] .prize-centered .live-ball{width:48px;height:48px;border-width:2px}
.draw-board[data-market="hk"] .prize-centered .live-ball b{width:30px;height:30px;font-size:25px}
@media(min-width:601px) and (max-width:900px){.draw-board[data-market="hk"] .prize-centered .live-ball{width:40px;height:40px}.draw-board[data-market="hk"] .prize-centered .live-ball b{width:25px;height:25px;font-size:21px}}
@media(max-width:600px){.draw-board[data-market="hk"] .prize-centered{grid-template-columns:64px minmax(0,1fr);gap:6px}.draw-board[data-market="hk"] .prize-centered h3{font-size:11px;padding:12px 2px}.draw-board[data-market="hk"] .prize-centered .live-balls{gap:4px;padding:8px 0}.draw-board[data-market="hk"] .prize-centered .live-ball{width:clamp(29px,9vw,40px);height:clamp(29px,9vw,40px);border-width:2px}.draw-board[data-market="hk"] .prize-centered .live-ball b{width:67%;height:67%;font-size:clamp(17px,5.2vw,23px)}}