body.game-page{--muted:#a6b1c1}
.game-page .wrap{max-width:1120px}
.game-page .crumbs{padding:12px 0 6px;font-size:12px}
.game-page .hero-row{display:block;margin:0 0 16px}
.game-page .hero h1{font-size:30px;line-height:1.2;margin:8px 0;color:var(--text);background:none;-webkit-text-fill-color:currentColor}
.game-page .hero .sub{font-size:13px;line-height:1.5;max-width:none;margin:8px 0}
.game-page .game-quick-nav{gap:6px;margin:12px 0}
.game-page .hero .game-quick-nav a{min-height:36px;padding:6px 12px;font-size:13px;background:var(--panel)}
.game-page .live{margin:14px 0;border-radius:10px;box-shadow:none}
.game-page .live-head{padding:9px 12px;gap:9px;flex-wrap:wrap}
.game-page .live-lbl{letter-spacing:0;text-transform:none;font-size:12px}
.game-page .live-row{padding:12px;gap:8px}
.game-page .live-now .v{font-size:27px}
.game-page .live-now .k{font-size:12px}
.game-page .live-meta{font-size:12px}
.game-page .live [data-feed-status]{margin:6px 12px!important;font-size:12px!important;line-height:1.5}
.game-page .live-strip,.game-page .live-ball-list{margin:0 12px 8px;padding:0;border:0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.game-page .live-strip>summary,.game-page .live-ball-list>summary{font-size:12px}
.game-page .live-strip>summary,.game-page .live-ball-list>summary{cursor:pointer;padding:9px 0;min-height:30px;box-sizing:border-box}
.game-page .strip{height:44px;padding-top:5px}
.game-page .strip .chip{width:19px;height:19px}
.game-page .strip .range{display:none}
.game-page .strip::after{display:none}
.game-page .dry-h{font-size:12px;letter-spacing:0;text-transform:none;margin:14px 0 7px}
.game-page .dries-v{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.game-page .dries-v li{padding:9px 10px;gap:5px;box-shadow:none}
.game-page .dries-v .dry-b{font-size:12px;overflow-wrap:anywhere}
.game-page .dries-v .dry-a{font-size:19px}
.game-page .dries-v .dry-r{font-size:11px;line-height:1.4}
.game-page section.card{border-radius:10px;box-shadow:none;transform:none;animation:none;padding:18px}
.game-page section.card:hover{transform:none}
.game-page section.card::after{display:none}
.game-page section.card>h2::before,.game-page .period-head h2::before{display:none}
.game-page h2{font-size:18px;letter-spacing:0;text-transform:none}
.game-page .period-head{justify-content:space-between;gap:10px;margin-bottom:12px}
.game-page .period-summary{font-size:12px;line-height:1.55;margin-bottom:12px}
.game-page .period-body+.period-summary{margin:12px 0 0}
.game-page .period-body{display:block}
.game-page .period-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:none;border:0;padding:0;margin-bottom:12px}
.game-page .period-kpis .kpi{padding:10px;background:var(--panel2);border-radius:6px;min-width:0}
.game-page .period-kpis .kpi b{font-size:23px;text-shadow:none}
.game-page .period-kpis .kpi span{font-size:11px;line-height:1.4;color:var(--muted)}
.game-page .pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.game-page .pcard{padding:10px;border-radius:6px;min-width:0}
.game-page .pc-b{font-size:12px}
.game-page .pc-n{font-size:24px}
.game-page .pc-m{font-size:11px}
.game-page .stats-range{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.game-page .stats-range select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit;min-height:36px}
.game-page .simple-distribution{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}
.game-page .simple-outcome{display:flex;align-items:center;gap:8px;background:var(--panel2);padding:9px;border-radius:6px;min-width:0}
.game-page .simple-outcome .d{flex-shrink:0}
.game-page .simple-outcome strong{font-size:12px;overflow-wrap:anywhere}
.game-page .simple-outcome span{font-size:11px;color:var(--muted);display:block;margin-top:3px}
.game-page .secondary-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);margin:16px 0;min-width:0}
.game-page .secondary-panel>summary{list-style:revert;cursor:pointer;padding:13px 16px;font-size:14px;font-weight:600;min-height:44px;box-sizing:border-box}
.game-page .secondary-panel>.secondary-body{padding:0 14px 14px}
.game-page .secondary-panel .card{margin:12px 0}
.game-page .secondary-panel .sp-wrap{width:100%;max-width:820px;margin:0 auto}
.game-page #history{margin:16px 0}
.game-page .latest-results{margin:0}
.game-page .latest-results>summary{font-size:13px;min-height:36px;color:var(--muted)}
.game-page .latest-results .scroll{max-height:440px;overflow:auto}
.game-page #latest-results table{min-width:0;width:100%;font-size:13px}
.game-page #latest-results td{padding:9px 7px}
.game-page #latest-results th{position:sticky;top:0;background:var(--panel2);z-index:1;font-size:11px;padding:9px 7px}
.game-page .simple-row-extra{display:none}
.game-page #history-search{border-top:1px solid var(--line);margin-top:14px;padding-top:4px}
.game-page #history-search>summary{padding:12px 0;font-size:14px;color:var(--text)}
.game-page #history-explorer{margin-top:10px!important}
.game-page #history-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;align-items:end}
.game-page #history-form label{display:block;min-width:0}
.game-page #history-form input,.game-page #history-form select{width:100%;box-sizing:border-box;max-width:100%!important}
.game-page #history-form .history-more-filters{grid-column:1/-1}
.game-page #history-form .history-more-filters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.game-page #history-day-summary{font-size:12px}
.game-page #history-day-summary h3{font-size:14px}
.game-page #round-lookup-form{gap:8px!important}
.game-page .pg-grid{margin:16px 0;grid-template-columns:minmax(0,1fr)}
.game-page .pg-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.game-page #topmults th{white-space:normal;line-height:1.4}
.game-page .tg-banner{margin:16px 0}
.game-page .tg-banner .tgb-list{display:none}
.game-page .tg-banner .tgb-main{padding:18px}
.game-page .tg-banner .tgb-ttl{font-size:20px}
.game-page .tg-banner .tgb-sub{font-size:13px;margin:8px 0}
.game-page .tg-banner .tgb-glow{display:none}
.game-page .tg-banner .tgb-cta{padding:10px 16px;font-size:14px}
@media(max-width:850px){
 .game-page .pg-grid{grid-template-columns:1fr}
 .game-page .pg-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}
@media(max-width:700px){
 .game-page .wrap{padding-left:14px;padding-right:14px}
 .game-page .hero h1{font-size:23px;margin:7px 0}
 .game-page .hero .sub{font-size:12px;line-height:1.5}
 .game-page .hero .game-quick-nav a{font-size:12px;padding:5px 9px}
 .game-page .live-head{gap:6px;padding:8px 10px}
 .game-page .live-players{font-size:11px}
 .game-page .live-t{margin-left:auto;font-size:11px}
 .game-page #alert-tg{font-size:11px;padding:5px 7px;min-height:30px;margin-left:0}
 .game-page .live-row{display:block;padding:9px 10px}
 .game-page .live-now .v{font-size:23px}
 .game-page .live-meta{margin-top:6px;font-size:11px;line-height:1.5}
 .game-page .dries-v{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .game-page .dries-v li{padding:7px 8px}
 .game-page .dries-v .dry-a{font-size:18px}
 .game-page .dries-v .dry-r{font-size:10px}
 .game-page section.card{padding:13px}
 .game-page h2{font-size:17px}
 .game-page .period-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .game-page .period-kpis .kpi{padding:8px}
 .game-page .period-kpis .kpi b{font-size:21px}
 .game-page .pcards,.game-page .simple-distribution{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .game-page .pcard{padding:8px}
 .game-page .simple-outcome{padding:7px}
 .game-page .simple-outcome strong{font-size:11px}
 .game-page .simple-outcome span{font-size:10px}
 .game-page .latest-results .scroll{max-height:420px}
 .game-page #latest-results th:nth-child(n+4),.game-page #latest-results td:nth-child(n+4){display:none}
 .game-page #latest-results td:nth-child(1){font-size:11px;width:20%}
 .game-page #latest-results td:nth-child(2){width:53%;white-space:normal;overflow-wrap:anywhere;font-size:12px}
 .game-page #latest-results td:nth-child(3){width:27%;font-size:13px}
 .game-page #latest-results .simple-row-extra{display:inline-block;vertical-align:middle;font-size:11px;margin:0 0 0 7px;padding:0;border:0;color:var(--muted)}
 .game-page #latest-results .simple-row-extra>summary{cursor:pointer;min-height:26px;padding:2px 0;align-content:center}
 .game-page #latest-results .simple-row-extra p{font-size:11px;margin:5px 0;line-height:1.5}
 .game-page #history-form{grid-template-columns:1fr 1fr}
 .game-page #history-form .history-more-filters>div{grid-template-columns:1fr 1fr}
 .game-page .pg-side{display:block}
 .game-page #topmults th:first-child,.game-page #topmults td:first-child{display:none}
 .game-page #topmults th{font-size:10px;padding:8px 5px}
 .game-page #topmults td{font-size:12px;padding:9px 5px}
 .game-page #topmults .tm-clip{font-size:11px;padding:5px 7px}
 .game-page .secondary-panel>.secondary-body{padding:0 8px 8px}
 .game-page .secondary-panel>summary{font-size:13px;padding:12px}
 .game-page .gift-fab{width:46px;height:46px;right:12px;bottom:12px}
}

/* Recognisable result artwork, consistent across live, summaries and archives. */
.game-page .cf{--result-tone:#4c9aff}.game-page .ch{--result-tone:#3fcf8e}
.game-page .pa{--result-tone:#c77dff}.game-page .ct{--result-tone:#ff5c7a}
.game-page .r3{--result-tone:#f2b134}.game-page .r5{--result-tone:#e8663d}
.game-page .lb{--result-tone:#5ec5ff}.game-page .bo{--result-tone:#ff9f43}
.game-page .hr{--result-tone:#ff5c5c}.game-page .l1{--result-tone:#e2e8f0}
.game-page .l2{--result-tone:#5aa8cc}.game-page .n1{--result-tone:#6b7688}
.game-page .n2{--result-tone:#e0b341}.game-page .n5{--result-tone:#ef6fb0}
.game-page .n10{--result-tone:#9b7bd4}
.game-page .result-label{display:inline-flex;align-items:center;gap:8px;max-width:100%;vertical-align:middle;line-height:1.4}
.game-page .result-label>span{min-width:0;overflow-wrap:anywhere}
.game-page .segic{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle}
.game-page .result-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;width:var(--mark-size,28px);height:var(--mark-size,28px);min-width:var(--mark-size,28px);border-radius:50%;background:var(--result-tone,#6b7688);color:#10141d;border:2px solid rgba(255,255,255,.28);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.2);font-family:var(--disp);font-size:calc(var(--mark-size,28px) * .48);font-weight:800;line-height:1;box-sizing:border-box}
.game-page .live{background:linear-gradient(115deg,#202b38,#141a24 65%);border-color:#354254}
.game-page .live-now{align-items:center;gap:12px;min-height:60px}
.game-page .live-now .v{display:inline-flex;align-items:center;gap:10px;line-height:1.2}
.game-page .live-now .result-mark{width:52px;height:52px;min-width:52px;--mark-size:52px}
.game-page .live-now .segic{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.game-page .live-now .m{font-size:23px;color:#f0f4fb;font-weight:600}
.game-page .dries-v li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"icon label age" "icon detail detail";align-items:center;gap:4px 8px;background:linear-gradient(125deg,color-mix(in srgb,var(--result-tone) 12%,var(--panel2)),var(--panel2));border-color:color-mix(in srgb,var(--result-tone) 35%,var(--line))}
.game-page .dry-icon{grid-area:icon;display:flex;align-items:center;justify-content:center}
.game-page .dry-b{grid-area:label;color:#eef3fa;line-height:1.25}
.game-page .dry-a{grid-area:age;color:var(--result-tone);font-size:20px}
.game-page .dry-r{grid-area:detail;white-space:normal}
.game-page .simple-outcome{min-height:58px;gap:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--result-tone) 12%,var(--panel2)),var(--panel2));border:1px solid color-mix(in srgb,var(--result-tone) 35%,var(--line))}
.game-page .simple-outcome>.result-mark{width:40px;height:40px;min-width:40px;--mark-size:40px}
.game-page .simple-outcome .result-number+div>strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.game-page .simple-outcome strong{font-size:13px;color:#eef3fa}
.game-page .simple-outcome span{font-size:12px;color:#bbc6d6}
.game-page .simple-outcome span.result-number{display:inline-flex;margin-top:0;color:#10141d;font-size:20px}
.game-page .pc-b .result-label{display:flex;margin-bottom:7px;font-size:13px}
.game-page #latest-results .result-label,.game-page #history-results .result-label,.game-page #round-lookup-results .result-label{gap:7px}
.game-page #latest-results td:nth-child(2){white-space:normal}
.game-page .bonus-mention{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;white-space:nowrap;max-width:100%}
.game-page .bonus-mention .result-mark{width:22px;height:22px;margin:0}
.game-page .drawn-ball{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;vertical-align:middle;margin:3px 0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff3c1,#e7b24b 75%);color:#201709;font:700 13px var(--disp);border:1px solid #f8cf77}
.game-page .pop .result-label{font-size:13px}
@media(max-width:700px){
 .game-page .live-now .result-mark{width:44px;height:44px;min-width:44px;--mark-size:44px}
 .game-page .live-now .v{font-size:22px;max-width:100%}
 .game-page .live-now .m{font-size:20px}
 .game-page .live-now{gap:8px;min-height:50px}
 .game-page .dries-v li{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"icon label" "icon age" "detail detail";gap:2px 6px;padding:8px}
 .game-page .dry-icon .segic{width:32px;height:32px}
 .game-page .dry-b{font-size:11px}
 .game-page .dry-a{font-size:17px;justify-self:start}
 .game-page .dry-r{font-size:10px}
 .game-page .simple-outcome{padding:8px;gap:7px;min-height:53px}
 .game-page .simple-outcome>.result-mark{width:32px;height:32px;min-width:32px;--mark-size:32px}
 .game-page .simple-outcome strong{font-size:11px}
 .game-page .simple-outcome span{font-size:10px}
 .game-page .simple-outcome span.result-number{font-size:16px}
 .game-page #latest-results .result-mark{width:24px;height:24px;--mark-size:24px;min-width:24px}
 .game-page #latest-results .result-number{font-size:13px}
 .game-page #latest-results .result-label{gap:5px}
 .game-page #topmults .result-label{gap:5px}
 .game-page #topmults .result-mark{width:24px;height:24px;--mark-size:24px}
 .game-page .bonus-mention{white-space:normal}
}

/* Clear disclosure controls; native details keeps keyboard behaviour. */
.game-page .secondary-panel{padding:0}
.game-page summary.panel-toggle{display:flex!important;align-items:center;gap:12px;min-height:64px;padding:12px 14px!important;list-style:none!important;cursor:pointer;border-radius:9px;color:#eef3fa;font-weight:600;box-sizing:border-box;background:linear-gradient(110deg,#1c2634,#151d29);border:1px solid #384a63;transition:background .15s,border-color .15s}
.game-page summary.panel-toggle::-webkit-details-marker{display:none}
.game-page summary.panel-toggle::marker{content:""}
.game-page summary.panel-toggle:hover{background:#222e40;border-color:#7290b7}
.game-page summary.panel-toggle:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
.game-page .panel-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#25354d;color:#8cc5ff}
.game-page .panel-symbol.play,.game-page .panel-symbol.recent{background:#3e311c;color:#ffd273}
.game-page .panel-symbol.chart{background:#342b4d;color:#c9a9ff}
.game-page .panel-symbol svg{width:22px;height:22px}
.game-page .panel-copy{display:grid;gap:3px;flex:1;min-width:0;text-align:left}
.game-page .panel-title{font:600 14px/1.35 var(--disp)}
.game-page .panel-subtitle{font-family:inherit;font-size:11px;font-weight:400;line-height:1.4;color:#aebed4}
.game-page .panel-action{display:flex;align-items:center;gap:6px;flex:0 0 auto;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;padding:7px 9px;border-radius:6px;background:#2a3b54;color:#eaf3ff}
.game-page .panel-chevron{width:16px;height:16px;transition:transform .15s}
.game-page .panel-open{display:none}
.game-page details[open]>summary.panel-toggle .panel-closed{display:none}
.game-page details[open]>summary.panel-toggle .panel-open{display:inline}
.game-page details[open]>summary.panel-toggle .panel-chevron{transform:rotate(180deg)}
.game-page details[open]>summary.panel-toggle{border-color:#6487b4;background:#1f2c3f}
.game-page #history-search>summary.panel-toggle{margin:8px 0}
.game-page .live-strip>summary.panel-toggle,.game-page .live-ball-list>summary.panel-toggle{margin-top:8px;min-height:56px}
/* Preserve the original all-round bar graph; images only decorate bonus bars. */
.game-page .strip .chip.bonus-pair{display:flex;gap:1px;width:39px;height:19px}
.game-page .strip .chip.bonus-pair img{position:static;width:19px;height:19px;min-width:19px;margin:0}
.game-page .bonus-strip-empty{font-size:12px;color:#afbdd1;padding:8px 3px;margin:0}
@media(max-width:700px){
 .game-page summary.panel-toggle{gap:9px;padding:11px!important;min-height:62px}
 .game-page .panel-symbol{flex-basis:30px;width:30px;height:30px}
 .game-page .panel-symbol svg{width:20px;height:20px}
 .game-page .panel-title{font-size:13px}
 .game-page .panel-subtitle{font-size:10px}
 .game-page .panel-action{gap:3px;padding:6px;font-size:10px}
 .game-page .live-strip .strip{margin-top:4px;height:68px;padding-top:29px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
}
@media(prefers-reduced-motion:reduce){.game-page summary.panel-toggle,.game-page .panel-chevron{transition:none}}

/* Full elapsed-time labels sit directly below each last bonus name. */
.game-page .dries-v li{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icon label" "icon age" "detail detail"}
.game-page .dries-v .dry-a{font-size:12px;line-height:1.4;margin:0;justify-self:start;white-space:normal;font-weight:600}
.game-page .pop .round-time{font-size:11px;line-height:1.45;margin:8px 0 3px;padding-top:7px;border-top:1px solid var(--line);color:#d3dfef}
.game-page .pop .round-age{font-size:11px;line-height:1.4;color:var(--muted);margin-bottom:5px}
@media(max-width:700px){
 .game-page .dries-v li{grid-template-columns:32px minmax(0,1fr)}
 .game-page .dries-v .dry-a{font-size:11px}
}