/* Results desk: familiar operator colours and prize tables within one MYY layout. */
.page-heading.draws-heading{background:#edf2f8;border-bottom:1px solid #dce4ef;padding-block:30px}
.page-heading.draws-heading .draws-kicker{color:#526479;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 8px}
.draws-heading h1{font-size:30px;letter-spacing:-.7px;text-wrap:balance}
.draws-heading h1+p{font-size:14px;color:#526479;margin-top:8px}
.draws-page.section{margin-top:22px}
.draws-page .draw-tools{border-radius:10px;padding:18px;box-shadow:0 2px 8px rgb(15 23 42 / 3%)}
.draws-page .tool-actions{justify-self:end}
.draws-page .op-chips{flex-wrap:wrap;gap:7px}
.draws-page .op-chip span{border-radius:5px;min-height:38px;padding-inline:12px}
.draws-page .op-chip input:checked+span{background:#eaf1fb;border-color:#2563eb;color:#174ea8}
.draws-page .draw-scope{margin:16px 0 10px}
.draw-board-jump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.draw-board-jump a{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 10px;font-size:12px;font-weight:600;color:#334155;border:1px solid transparent;border-radius:5px}
.draw-board-jump a:before{content:"";width:4px;height:14px;background:var(--op);border-radius:2px}
.draw-board-jump a:hover{background:#fff;border-color:#cbd5e1;color:#1d4ed8}
.draws-page .draw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.draws-page .draw-grid:has(>.draw-card:only-child){grid-template-columns:minmax(0,460px);justify-content:center}
.draws-page .draw-card{padding:0;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgb(15 23 42 / 4%);scroll-margin-top:110px;transition:none}
.draws-page .draw-card:before{display:none}
.draws-page .draw-card{--op-head:var(--op);--op-ink:#fff}
.draws-page .op-magnum{--op-head:#f5be24;--op-ink:#302610}
.draws-page .op-damacai{--op-head:#17458e}
.draws-page .op-toto{--op-head:#cb2031}
.draws-page .op-cashsweep{--op-head:#147438}
.draws-page .op-sabah88{--op-head:#b7441c}
.draws-page .op-stc{--op-head:#6635a1}
.draws-page .op-singapore{--op-head:#17458e}
.draws-page .op-gdlotto{--op-head:#866014}
.draws-page .op-9lotto{--op-head:#126b80}
.draws-page .draw-head{min-height:64px;padding:13px 16px;gap:10px;border:0;background:var(--op-head);color:var(--op-ink);flex-wrap:wrap}
.draws-page .draw-title h2{font-size:18px;font-weight:750;letter-spacing:-.4px;line-height:1.25}
.draws-page .draw-head-tag{font-family:var(--num-font);font-size:14px;font-weight:700;line-height:1;padding:5px 7px;border:1px solid currentColor;border-radius:4px;opacity:.85}
.draws-page .draw-head .op-mark{width:38px;height:38px;border-radius:5px;background:#fff}
.draws-page .draw-head .status{font-size:11px;background:#fff8dc;color:#674315;border:1px solid #f3d77d}
.draws-page .draw-meta{justify-content:space-between;gap:4px 8px;margin:0;padding:9px 16px;background:#f4f6f9;border-bottom:1px solid #dce3ec;color:#4b5b6e;font-size:12px}
.draw-main{padding:14px 16px 16px}
.draws-page .top3{display:block;margin:0;border:1px solid #d8dee7;border-radius:4px;overflow:hidden}
.draws-page .top3>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;text-align:left;border-radius:0;background:#fff;min-height:50px}
.draws-page .top3>div+div{border-top:1px solid #d8dee7}
.draws-page .top3>div:first-child{background:color-mix(in srgb,var(--op-head) 8%,#fff)}
.draws-page .top3 dt{color:#29394d;font-size:14px;font-weight:700}
.draws-page .top3 dt small{display:block;color:#64748b;font-size:10px;line-height:1.3;font-weight:500}
.draws-page .top3 dd{margin:0}
.draws-page .top3 .num,.draws-page .top3>div:first-child .num{font-size:32px;letter-spacing:.08em;font-weight:750;line-height:1.2;color:#182332}
.draws-page .top3 .num.is-pending{font-size:14px;color:#92400e}
.draws-page .top3 .num.is-none{color:#8d9aab}
.draws-page .draw-card .draw-prize-band{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0;padding:7px 10px;background:#e9eef4;border:1px solid #d8dee7;border-bottom:0;color:#334155;font-size:12px;font-weight:700}
.draw-prize-band small{font-size:10px;font-weight:500;color:#536379}
.draws-page .num-grid{gap:0;border-left:1px solid #d8dee7;border-top:1px solid #d8dee7}
.draws-page .num-grid li{display:grid;place-items:center;border-right:1px solid #d8dee7;border-bottom:1px solid #d8dee7;padding:8px 0;min-height:37px;border-radius:0;background:#fff}
.draws-page .num-grid .num{font-size:17px;font-weight:650;letter-spacing:0;line-height:1.2}
.draws-page .num-grid .num.is-pending{font-size:11px;font-weight:500}
.draws-page .num-grid .num.is-none{color:#8d9aab}
.draws-page .draw-pools{margin-top:16px;border:1px solid #e3d09d;border-radius:4px;overflow:hidden;background:#fffaf0}
.draws-page .draw-card .draw-pools h3{margin:0;padding:7px 10px;background:#f6e7bc;color:#5c4410;font-size:12px;font-weight:750;letter-spacing:.4px}
.draws-page .jackpots{display:block;margin:0}
.draws-page .jackpots>div{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:9px 10px;border:0;border-radius:0}
.draws-page .jackpots>div+div{border-top:1px solid #eadbb5}
.draws-page .jackpots dt{font-size:11px;color:#725817;font-weight:600}
.draws-page .jackpots dd{font-size:16px;letter-spacing:-.4px;color:#513a0a;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.draws-page .draw-games{padding:0 16px 16px}
.draws-page .draw-game{margin-top:14px;padding:0;border:1px solid #d8dee7;border-radius:4px;overflow:hidden}
.draws-page .draw-game>header{min-height:36px;gap:8px;padding:8px 10px;background:color-mix(in srgb,var(--op-head) 9%,#fff);border-bottom:1px solid #d8dee7}
.draws-page .draw-card .draw-game h3{margin:0;font-size:14px;font-weight:750;color:#29394d;letter-spacing:0}
.draws-page .draw-game-meta{padding:5px 10px;margin:0;background:#f7f9fc;border-bottom:1px solid #e2e8f0;font-family:var(--num-font);font-size:11px;color:#5a687a;overflow-wrap:anywhere}
.draws-page .game-rows{margin:0}
.draws-page .game-row{display:grid;grid-template-columns:minmax(0,35%) minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:7px 10px;border:0;border-radius:0;background:#fff}
.draws-page .game-row+.game-row{border-top:1px solid #e2e8f0}
.draws-page .game-row dt{font-size:11px;line-height:1.5;color:#526174;overflow-wrap:anywhere}
.draws-page .game-row dd{margin:0;color:#243247;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.draws-page .game-row.row-number{background:#fcfdff}
.draws-page .game-row.row-number dd{font-family:var(--num-font);font-size:17px;font-weight:700;line-height:1.5}
.draws-page .game-row.row-amount{background:#fffaf0}
.draws-page .game-row.row-amount dt{color:#725817}
.draws-page .game-row.row-amount dd{font-family:var(--num-font);font-size:14px;color:#513a0a;font-weight:700}
.draws-page .draw-none{padding:18px 16px}
.draws-page .draw-extra{font-size:13px}
.draws-page .draw-card.is-live{border-color:#d1aa46}
.draws-page .draw-sync{padding:12px 0;border-bottom:1px solid #dce3ec}
.draws-page .official-links{margin-block:32px}
.draws-page .official-links h2{font-size:20px}
.draws-page .official-links p{font-size:13px;margin-top:7px}
/* A short opacity-only flash marks actual source updates, with no simulated reveals. */
.draws-page [data-slot].changed{animation:draw-number-update 1600ms ease-out 1}
@keyframes draw-number-update{0%{opacity:.4}100%{opacity:1}}
@media(max-width:1100px){
  .draws-page .draw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .draws-page .tool-actions{justify-self:start}
}
@media(max-width:760px){
  .page-heading.draws-heading{padding-block:22px}
  .draws-heading h1{font-size:25px}
  .draws-page .draw-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .draws-page .draw-grid:has(>.draw-card:only-child){grid-template-columns:minmax(0,1fr)}
  .draws-page .draw-tools{grid-template-columns:minmax(0,1fr);padding:14px;gap:12px}
  .draws-page .draw-tools .tool-actions,.draws-page .draw-tools .tool-ops{grid-column:1;grid-row:auto;justify-self:stretch}
  .draws-page .tool-actions{flex-wrap:wrap}
  .draws-page .tool-actions .button{flex:1}
  .draws-page .draw-date-nav{width:100%}
  .draws-page .draw-board-jump{gap:2px}
  .draws-page .draw-board-jump a{padding-inline:8px}
  .draws-page .draw-head{padding-inline:14px}
  .draw-main,.draws-page .draw-games{padding-inline:12px}
  .draws-page .draw-meta{padding-inline:14px}
}
@media(max-width:360px){
  .draws-page .draw-title h2{font-size:18px}
  .draws-page .num-grid .num{font-size:15px}
  .draws-page .game-row{grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:6px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){
  .draws-page [data-slot].changed{animation:none;outline:2px solid #0891b2;outline-offset:1px}
}
@media(pointer:coarse){.draws-page .op-chip span,.draw-board-jump a{min-height:44px}}
/* Other games collapse by default so long jackpot lists never stretch the card (2026-10-05). */
.draws-page .games-title{display:flex;align-items:center;gap:6px;margin:16px 0 0;font-size:12px;font-weight:750;color:#526174;letter-spacing:.4px}
.draws-page .games-title span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e2e8f0;color:#29394d;font-size:11px}
.draws-page .draw-game{margin-top:8px}
.draws-page .draw-game>summary{list-style:none;display:grid;grid-template-columns:auto auto minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:46px;padding:8px 10px;cursor:pointer;background:color-mix(in srgb,var(--op-head,#64748b) 6%,#fff)}
.draws-page .draw-game>summary::-webkit-details-marker{display:none}
.draws-page .draw-game>summary:hover{background:color-mix(in srgb,var(--op-head,#64748b) 12%,#fff)}
.draws-page .draw-game>summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.draws-page .game-name{font-size:14px;font-weight:750;color:#29394d;white-space:nowrap}
.draws-page .game-peek{justify-self:end;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--num-font);font-size:12px;font-weight:700;color:#513a0a;font-variant-numeric:tabular-nums}
.draws-page .draw-game>summary .status{grid-column:2}
.draws-page .game-chevron{width:18px;height:18px;fill:none;stroke:#64748b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms var(--ease-out)}
.draws-page .draw-game[open]>summary{border-bottom:1px solid #d8dee7}
.draws-page .draw-game[open] .game-chevron{transform:rotate(180deg)}
.draws-page .game-row.row-combinations{grid-template-columns:1fr;align-items:start}
.draws-page .combo-count{display:block;margin-bottom:6px;font-size:11px;color:#526174}
.draws-page .combo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;max-height:236px;overflow-y:auto;overscroll-behavior:contain}
.draws-page .combo-list li{padding:4px 6px;border-radius:4px;background:#f1f5f9;text-align:center;font-family:var(--num-font);font-size:12px;font-weight:700;color:#243247;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:600px){.draws-page .draw-game>summary{grid-template-columns:minmax(0,auto) auto minmax(0,1fr) 18px;gap:6px;padding-inline:8px}.draws-page .game-name{font-size:13px;white-space:normal}.draws-page .game-peek{font-size:11px}.draws-page .combo-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
@media(prefers-reduced-motion:reduce){.draws-page .game-chevron{transition:none}}
.draws-page .draw-game>summary{display:flex;flex-wrap:nowrap}
.draws-page .draw-game>summary .game-name{flex:0 1 auto;min-width:0}
.draws-page .draw-game>summary .game-peek{flex:1 1 auto;text-align:right}
.draws-page .draw-game>summary .game-chevron{flex:0 0 18px}
/* Draw countdowns (2026-10-05). */
.draws-page .draw-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;padding:7px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;color:#526174}
.draws-page .dn-label{font-weight:700;color:#29394d}
.draws-page .dn-when{font-variant-numeric:tabular-nums}
.draws-page .dn-left{margin-left:auto;font-family:var(--num-font);font-weight:700;color:#29394d;font-variant-numeric:tabular-nums}
.draws-page [data-countdown].is-soon{color:#b45309}
.draws-page [data-countdown].is-now{color:#b91c1c}
.draws-page .next-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;margin:0 0 16px;padding:14px 18px;border:1px solid #d8dee7;border-radius:var(--card-radius);background:#0f172a;color:#e2e8f0}
.draws-page .ns-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgb(34 211 238/.12);color:#22d3ee}
.draws-page .next-strip>p{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.draws-page .ns-label{font-size:13px;color:#94a3b8}
.draws-page .next-strip strong{font-size:17px;color:#fff}
.draws-page .ns-when{font-size:14px;color:#cbd5e1;font-variant-numeric:tabular-nums}
.draws-page .ns-left{font-family:var(--num-font);font-size:24px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.draws-page .ns-left.is-soon{color:#fbbf24}.draws-page .ns-left.is-now{color:#f87171}
.draws-page .ns-note{grid-column:2/-1;font-size:12px;color:#94a3b8}
@media(max-width:600px){.draws-page .next-strip{grid-template-columns:auto minmax(0,1fr);padding:12px 14px}.draws-page .ns-left{grid-column:1/-1;font-size:22px}.draws-page .ns-note{grid-column:1/-1}.draws-page .draw-next{padding-inline:12px}}
.draws-page>.next-strip{margin-bottom:14px}