/* Optional visual proposal only. Not linked from the app or production.
   Physical monitor inches cannot be detected: scale to the usable viewport. */
@media screen and (min-width:1200px) and (min-height:650px) {
 html[data-monitor-preview] body.broadcast-page{
  --monitor-u:min(calc(100vw / 1920),calc(100svh / 1080));
  height:100svh!important;min-height:0!important;overflow:hidden!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-header{flex:0 0 calc(80 * var(--monitor-u))!important;height:calc(80 * var(--monitor-u))!important;min-height:0!important;padding:calc(8 * var(--monitor-u)) calc(16 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .soley-logo{width:calc(400 * var(--monitor-u))!important;height:calc(80 * var(--monitor-u))!important;top:0!important;object-fit:cover!important;object-position:center 40%!important}
 html[data-monitor-preview] .broadcast-page .broadcast-clock time{font-size:calc(30 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-clock small{font-size:max(10px,calc(14 * var(--monitor-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-layout{flex:1!important;height:auto!important;min-height:0!important;padding:calc(6 * var(--monitor-u))!important;gap:calc(12 * var(--monitor-u))!important;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr) minmax(0,1fr)!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history,
 html[data-monitor-preview] .broadcast-page .broadcast-payout{padding:calc(10 * var(--monitor-u))!important;min-height:0!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history h2,
 html[data-monitor-preview] .broadcast-page .broadcast-payout h2{font-size:calc(28 * var(--monitor-u))!important;line-height:1.15!important;margin:calc(8 * var(--monitor-u)) 0 calc(10 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history h2{font-size:calc(24 * var(--monitor-u))!important;letter-spacing:.05em!important;white-space:nowrap}
 html[data-monitor-preview] .broadcast-page .history-game{font-size:calc(20 * var(--monitor-u))!important;line-height:1.1!important}
 html[data-monitor-preview] .broadcast-page #history-days{min-height:0!important;flex:1;gap:calc(5 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .history-day{min-height:0!important;display:flex!important;flex-direction:column!important;gap:calc(4 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .history-result{min-height:0!important;padding:calc(5 * var(--monitor-u)) calc(4 * var(--monitor-u))!important;gap:calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .history-result time{font-size:calc(22 * var(--monitor-u))!important;line-height:1.15!important;margin-bottom:calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .history-number small{font-size:max(11px,calc(16 * var(--monitor-u)))!important;line-height:1!important}
 html[data-monitor-preview] .broadcast-page .payout-line span,
 html[data-monitor-preview] .broadcast-page .broadcast-pair-prize>span,
 html[data-monitor-preview] .broadcast-page .broadcast-tripleta-prize>span{font-size:calc(22 * var(--monitor-u))!important;line-height:1.15!important}
 html[data-monitor-preview] .broadcast-page .payout-line>strong,
 html[data-monitor-preview] .broadcast-page .broadcast-pale-card .broadcast-pair-prize>strong,
 html[data-monitor-preview] .broadcast-page .broadcast-tripleta-prize>strong{font-size:calc(54 * var(--monitor-u))!important;line-height:1.15!important}
 html[data-monitor-preview] .broadcast-page .broadcast-pale-row strong,
 html[data-monitor-preview] .broadcast-page .broadcast-super-result strong{font-size:calc(29 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-pale-row span{font-size:calc(19 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout small{font-size:max(11px,calc(14 * var(--monitor-u)))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing{flex:0 0 calc(212 * var(--monitor-u))!important;height:calc(212 * var(--monitor-u))!important;min-height:0!important;padding:calc(6 * var(--monitor-u)) calc(12 * var(--monitor-u)) calc(36 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing-title{font-size:calc(43 * var(--monitor-u))!important;line-height:1.1!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #countdown{font-size:calc(96 * var(--monitor-u))!important;line-height:1!important;margin:calc(3 * var(--monitor-u)) 0 0!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .drawing-hours{font-size:calc(28 * var(--monitor-u))!important;line-height:1.15!important;bottom:calc(7 * var(--monitor-u))!important;gap:calc(8 * var(--monitor-u)) calc(24 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .drawing-hours-label{font-size:calc(19 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{padding:calc(7 * var(--monitor-u)) calc(6 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-heading{font-size:calc(28 * var(--monitor-u))!important;line-height:1.1!important;margin:0 0 calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-game-name{font-size:calc(40 * var(--monitor-u))!important;line-height:1.1!important;margin:0!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-time{font-size:calc(26 * var(--monitor-u))!important;line-height:1.15!important;margin:calc(2 * var(--monitor-u)) 0 calc(4 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .winners{gap:calc(3 * var(--monitor-u))!important;justify-content:space-evenly!important}
 html[data-monitor-preview] .broadcast-page .broadcast-guide-ticker{flex:0 0 calc(48 * var(--monitor-u))!important;min-height:calc(48 * var(--monitor-u))!important;padding:calc(3 * var(--monitor-u)) calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .ticker-track{font-size:calc(27 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page #simulation-broadcast-notice{flex:0 0 auto!important;min-height:calc(40 * var(--monitor-u))!important;padding:calc(2 * var(--monitor-u)) calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page #simulation-broadcast-notice>.simulation-notice{font-size:max(12px,calc(15 * var(--monitor-u)))!important;line-height:1.4!important;padding:calc(4 * var(--monitor-u)) calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page #simulation-broadcast-notice .simulation-usage-trigger{font-size:max(12px,calc(14 * var(--monitor-u)))!important;min-height:calc(32 * var(--monitor-u))!important;max-width:none!important}
}

/* Offline proposal only: typography, with the original layout and balls intact.
   No dimensions, positioning, grid, order, margins or ball styles are changed. */
@media screen and (min-width:1200px) and (min-height:650px) {
 html[data-monitor-preview] body.broadcast-page { --text-u:min(calc(100vw / 1920),calc(100svh / 1080)); }
 html[data-monitor-preview] .broadcast-page .broadcast-clock time {font-size:max(21px,calc(32 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-clock small {font-size:max(11px,calc(16 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history h2,
 html[data-monitor-preview] .broadcast-page .broadcast-payout h2 {font-size:max(20px,calc(30 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history h2 {white-space:normal!important}
 html[data-monitor-preview] .broadcast-page .history-result .history-game {font-size:max(17px,calc(24 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history .history-result time {font-size:max(16px,calc(24 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-history .history-number small {font-size:max(12px,calc(18 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout .payout-line span,
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-pair-prize>span,
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-tripleta-prize>span {font-size:max(17px,calc(25 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout .payout-line>strong,
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-pale-card .broadcast-pair-prize>strong,
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-tripleta-prize>strong {font-size:max(35px,calc(54 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-pale-row span {font-size:max(14px,calc(22 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout small {font-size:max(11px,calc(16 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-heading .next-drawing-title {font-size:max(33px,calc(54 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page #broadcast-state {font-size:max(11px,calc(15 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .drawing-hours {font-size:max(18px,calc(30 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page .drawing-hours-label {font-size:max(12px,calc(21 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-heading {font-size:max(21px,calc(32 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-game-name {font-size:max(28px,calc(42 * var(--text-u)))!important}
 html[data-monitor-preview] .broadcast-page:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-time {font-size:max(18px,calc(29 * var(--text-u)))!important}
}

/* Match card interiors to the enlarged type. Local preview only. */
@media screen and (min-width:1200px) and (min-height:650px) {
 html[data-monitor-preview] .broadcast-page .broadcast-history h2 {
  line-height:1.05!important;margin:calc(4 * var(--monitor-u)) 0 calc(4 * var(--monitor-u))!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-history .history-day h3 {
  padding-bottom:0!important;margin:0 0 calc(2 * var(--monitor-u))!important;line-height:1.15!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-history .history-result {
  grid-template-rows:auto auto!important;align-content:center!important;
  padding:calc(5 * var(--monitor-u)) calc(7 * var(--monitor-u))!important;
  row-gap:calc(4 * var(--monitor-u))!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-history .history-game {line-height:1!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout {gap:calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout h2 {margin:calc(8 * var(--monitor-u)) 0 calc(2 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout .payout-line {
  flex:0 0 auto!important;min-height:0!important;margin:0!important;
  padding:calc(8 * var(--monitor-u)) calc(12 * var(--monitor-u))!important;gap:calc(4 * var(--monitor-u))!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-payout .payout-line span,
 html[data-monitor-preview] .broadcast-page .broadcast-pair-prize>span,
 html[data-monitor-preview] .broadcast-page .broadcast-tripleta-prize>span {line-height:1.1!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout .payout-line>strong,
 html[data-monitor-preview] .broadcast-page .broadcast-pale-card .broadcast-pair-prize>strong,
 html[data-monitor-preview] .broadcast-page .broadcast-tripleta-prize>strong {line-height:1.05!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-pale-card,
 html[data-monitor-preview] .broadcast-page .broadcast-payout .broadcast-tripleta-prize {
  flex:0 0 auto!important;margin:0!important;padding:calc(9 * var(--monitor-u)) calc(10 * var(--monitor-u))!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-pair-prize {gap:calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page .broadcast-payout small {line-height:1.2!important}
 html[data-monitor-preview] .broadcast-page .broadcast-pale-results,
 html[data-monitor-preview] .broadcast-page .broadcast-super-result {
  margin-top:calc(5 * var(--monitor-u))!important;padding-top:calc(5 * var(--monitor-u))!important;
 }
 html[data-monitor-preview] .broadcast-page .broadcast-pale-row {padding:calc(3 * var(--monitor-u)) 0!important}
 html[data-monitor-preview] .broadcast-page .broadcast-pale-row strong,
 html[data-monitor-preview] .broadcast-page .broadcast-super-result strong {line-height:1.1!important}
}

/* A Raspberry TV may share its screen with a second panel. Fit the available
   viewport rather than the physical monitor, preserving the original columns. */
@media screen and (min-width:1001px) and (max-height:800px) {
 html[data-monitor-preview] body.broadcast-page.tv-display{
  --monitor-u:min(calc(100vw / 1920),calc(100svh / 1080));
  height:100svh!important;min-height:0!important;overflow:hidden!important;
 }
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-header{flex:0 0 calc(80 * var(--monitor-u))!important;height:calc(80 * var(--monitor-u))!important;min-height:0!important;padding:calc(8 * var(--monitor-u)) calc(16 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .soley-logo{width:calc(400 * var(--monitor-u))!important;height:calc(80 * var(--monitor-u))!important;top:0!important;object-fit:cover!important;object-position:center 40%!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-clock time{font-size:calc(30 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-clock small{font-size:max(10px,calc(14 * var(--monitor-u)))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-layout{flex:1!important;height:auto!important;min-height:0!important;padding:calc(6 * var(--monitor-u))!important;gap:calc(12 * var(--monitor-u))!important;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr) minmax(0,1fr)!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-history,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-payout{padding:calc(10 * var(--monitor-u))!important;min-height:0!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-history h2,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-payout h2{font-size:calc(28 * var(--monitor-u))!important;line-height:1.15!important;margin:calc(8 * var(--monitor-u)) 0 calc(10 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-history h2{font-size:calc(24 * var(--monitor-u))!important;letter-spacing:.05em!important;white-space:nowrap}
 html[data-monitor-preview] .broadcast-page.tv-display .history-game{font-size:calc(20 * var(--monitor-u))!important;line-height:1.1!important}
 html[data-monitor-preview] .broadcast-page.tv-display #history-days{min-height:0!important;flex:1;gap:calc(5 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .history-day{min-height:0!important;display:flex!important;flex-direction:column!important;gap:calc(4 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .history-result{min-height:0!important;padding:calc(5 * var(--monitor-u)) calc(4 * var(--monitor-u))!important;gap:calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .history-result time{font-size:calc(22 * var(--monitor-u))!important;line-height:1.15!important;margin-bottom:calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .history-number small{font-size:max(11px,calc(16 * var(--monitor-u)))!important;line-height:1!important}
 html[data-monitor-preview] .broadcast-page.tv-display .payout-line span,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-pair-prize>span,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-tripleta-prize>span{font-size:calc(22 * var(--monitor-u))!important;line-height:1.15!important}
 html[data-monitor-preview] .broadcast-page.tv-display .payout-line>strong,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-pale-card .broadcast-pair-prize>strong,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-tripleta-prize>strong{font-size:calc(54 * var(--monitor-u))!important;line-height:1.15!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-pale-row strong,
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-super-result strong{font-size:calc(29 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-pale-row span{font-size:calc(19 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-payout small{font-size:max(11px,calc(14 * var(--monitor-u)))!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing{flex:0 0 calc(212 * var(--monitor-u))!important;height:calc(212 * var(--monitor-u))!important;min-height:0!important;padding:calc(6 * var(--monitor-u)) calc(12 * var(--monitor-u)) calc(36 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing-title{font-size:calc(43 * var(--monitor-u))!important;line-height:1.1!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #countdown{font-size:calc(96 * var(--monitor-u))!important;line-height:1!important;margin:calc(3 * var(--monitor-u)) 0 0!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .drawing-hours{font-size:calc(28 * var(--monitor-u))!important;line-height:1.15!important;bottom:calc(7 * var(--monitor-u))!important;gap:calc(8 * var(--monitor-u)) calc(24 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .drawing-hours-label{font-size:calc(19 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .result-board{padding:calc(7 * var(--monitor-u)) calc(6 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-heading{font-size:calc(28 * var(--monitor-u))!important;line-height:1.1!important;margin:0 0 calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-game-name{font-size:calc(40 * var(--monitor-u))!important;line-height:1.1!important;margin:0!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) #result-time{font-size:calc(26 * var(--monitor-u))!important;line-height:1.15!important;margin:calc(2 * var(--monitor-u)) 0 calc(4 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .winners{gap:calc(3 * var(--monitor-u))!important;justify-content:space-evenly!important}
 html[data-monitor-preview] .broadcast-page.tv-display .broadcast-guide-ticker{flex:0 0 calc(48 * var(--monitor-u))!important;min-height:calc(48 * var(--monitor-u))!important;padding:calc(3 * var(--monitor-u)) calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display .ticker-track{font-size:calc(27 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display #simulation-broadcast-notice{flex:0 0 auto!important;min-height:calc(40 * var(--monitor-u))!important;padding:calc(2 * var(--monitor-u)) calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display #simulation-broadcast-notice>.simulation-notice{font-size:max(12px,calc(15 * var(--monitor-u)))!important;line-height:1.4!important;padding:calc(4 * var(--monitor-u)) calc(8 * var(--monitor-u))!important}
 html[data-monitor-preview] .broadcast-page.tv-display #simulation-broadcast-notice .simulation-usage-trigger{font-size:max(12px,calc(14 * var(--monitor-u)))!important;min-height:calc(32 * var(--monitor-u))!important;max-width:none!important}
}

@media screen and (min-width:1001px) and (max-height:800px) {
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-center,
 html[data-monitor-preview] body.broadcast-page.tv-display .draw-stage {min-height:0!important}
 html[data-monitor-preview] body.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .winner span {width:calc(160 * var(--monitor-u))!important;height:calc(160 * var(--monitor-u))!important;flex-basis:calc(160 * var(--monitor-u))!important;font-size:calc(77 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .winner small {font-size:calc(36 * var(--monitor-u))!important;right:calc(50% + 90 * var(--monitor-u))!important;min-width:0!important}
 html[data-monitor-preview] body.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .results-neon-sign {font-size:calc(30 * var(--monitor-u))!important;line-height:1!important;gap:.06em!important;padding:calc(14 * var(--monitor-u)) calc(16 * var(--monitor-u))!important;right:calc(75 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-history.many-results #history-days,
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-history.many-results .history-day {display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-history.many-results .history-result {flex:1 1 0!important;min-height:0!important;margin:0!important;padding:calc(3 * var(--monitor-u))!important;gap:calc(3 * var(--monitor-u))!important;grid-template-rows:auto auto minmax(0,1fr)!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-day h3 {flex:0 0 auto!important;line-height:1.1!important;margin:0!important;padding:0!important;font-size:calc(18 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-number {min-height:0!important;gap:calc(2 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-number strong {width:calc(64 * var(--monitor-u))!important;height:calc(64 * var(--monitor-u))!important;font-size:calc(30 * var(--monitor-u))!important}
}
@media screen and (min-width:1001px) and (max-height:800px) {
 html[data-monitor-preview] body.broadcast-page.tv-display {display:flex!important;flex-direction:column!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-layout {grid-template-rows:minmax(0,1fr)!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-history,
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-center,
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-payout {display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important}
 html[data-monitor-preview] body.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .draw-stage {flex:1 1 0!important;height:auto!important}
 html[data-monitor-preview] body.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .next-drawing {height:auto!important;flex:0 0 auto!important;padding:calc(6 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .drawing-hours {position:static!important;transform:none!important;width:100%!important;margin:calc(4 * var(--monitor-u)) 0 0!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-guide-ticker {height:calc(48 * var(--monitor-u))!important;margin:0!important;width:100%!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-payout .payout-line {flex:1 1 0!important;min-height:0!important;padding:calc(3 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-pale-card,
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-tripleta-prize {padding:calc(3 * var(--monitor-u))!important}
}
@media screen and (min-width:1200px) and (min-height:801px) {
 html[data-monitor-preview] body.broadcast-page.tv-display:not([data-state="LIVE DRAWING"]):not([data-state="RESULTS"]) .winner span {width:calc(160 * var(--monitor-u))!important;height:calc(160 * var(--monitor-u))!important;flex-basis:calc(160 * var(--monitor-u))!important;font-size:calc(77 * var(--monitor-u))!important}
}

/* Keep dated cards inside their frames on full-height televisions too. */
@media screen and (min-width:1200px) and (min-height:801px) {
 html[data-monitor-preview] body.broadcast-page.tv-display .broadcast-history.many-results .history-result {min-height:0!important;padding:calc(3 * var(--monitor-u))!important;gap:calc(3 * var(--monitor-u))!important;grid-template-rows:auto auto minmax(0,1fr)!important;align-content:stretch!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-game {font-size:calc(20 * var(--monitor-u))!important;line-height:1.1!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-result time {font-size:calc(22 * var(--monitor-u))!important;line-height:1.15!important;margin:0!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-number {min-height:0!important;gap:calc(2 * var(--monitor-u))!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-number small {font-size:calc(16 * var(--monitor-u))!important;line-height:1!important}
 html[data-monitor-preview] body.broadcast-page.tv-display .history-number strong {width:calc(64 * var(--monitor-u))!important;height:calc(64 * var(--monitor-u))!important;font-size:calc(30 * var(--monitor-u))!important}
}