@font-face { font-family: 'Inter'; src: url(fonts/inter.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url(fonts/bc600.woff2) format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url(fonts/bc700.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url(fonts/bc800.woff2) format('woff2'); font-weight: 800; font-display: swap; }

/* One unit = 1% of the width of a 16:9 screen. Everything scales from it, so the same
   layout fits 1920x1080, 1024x600 and anything in between. */
:root { --u: min(1vw, 1.7778vh); --dim: #8f99ab; --line: rgba(255, 255, 255, .12); --good: #35d46a; --bad: #ff5a5a; --gold: #ffd23a; }
#clean { display: none; position: fixed; inset: 0; background: #06080c; color: #fff; font-family: 'Inter', system-ui, sans-serif; overflow: hidden; font-size: calc(var(--u) * 2); }
#dim { display: none; position: fixed; inset: 0; background: #000; pointer-events: none; z-index: 50; }
body.clean #clean, body.clean #dim { display: block; }
body.clean #screen { display: none; }
.f-cond { font-family: 'Barlow Condensed', 'Inter', sans-serif; }

.wrap { position: absolute; inset: 0; }
.wrap.enter { animation: wIn .6s cubic-bezier(.2, .8, .2, 1) both; }
.wrap.leave { animation: wOut .5s ease both; }
@keyframes wIn { from { opacity: 0; transform: translateX(calc(var(--u) * 5)); } to { opacity: 1; transform: none; } }
@keyframes wOut { to { opacity: 0; transform: translateX(calc(var(--u) * -5)); } }

.slide { position: absolute; inset: 0; padding: calc(var(--u) * 2.2) calc(var(--u) * 3.4); display: flex; flex-direction: column; overflow: hidden; }
.slide > * { position: relative; z-index: 1; }
.slide::before { content: ''; position: absolute; inset: 0; z-index: 0; background:
  radial-gradient(60% 100% at 0% 55%, color-mix(in srgb, var(--a, #1b2a44) 42%, transparent), transparent 72%),
  radial-gradient(60% 100% at 100% 55%, color-mix(in srgb, var(--h, #1b2a44) 42%, transparent), transparent 72%); }

.top { display: flex; align-items: center; justify-content: space-between; min-height: calc(var(--u) * 4.4); gap: 2em; }
.top > * { flex: 1; }
.top > :first-child { text-align: left; } .top > :last-child { text-align: right; }
.chip { display: inline-block; flex: none; font: 700 calc(var(--u) * 1.9)/1 'Barlow Condensed'; letter-spacing: .16em; text-transform: uppercase; padding: .55em 1em; border-radius: 99px; background: rgba(255, 255, 255, .11); width: max-content; }
.chip.ghost { background: none; color: var(--dim); font-weight: 600; letter-spacing: .08em; padding: 0; }
.top > .status { text-align: center; justify-content: center; }
.status { display: flex; align-items: center; gap: .5em; font: 700 calc(var(--u) * 2.7)/1 'Barlow Condensed'; letter-spacing: .12em; text-transform: uppercase; }
.dot { width: .65em; height: .65em; border-radius: 50%; background: #ff4b4b; box-shadow: 0 0 .9em #ff4b4b; animation: blink 1.4s ease-in-out infinite; }
@keyframes blink { 50% { opacity: .35; } }

/* ---------- scoreboard ---------- */
.board { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr); column-gap: calc(var(--u) * 2.4); align-items: center; justify-items: center; min-height: 0; }
.team { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }
.logo { width: calc(var(--u) * 16.5); height: calc(var(--u) * 16.5); object-fit: contain; filter: drop-shadow(0 .5em 1em rgba(0, 0, 0, .55)); }
.logo.ph { background: rgba(255, 255, 255, .08); border-radius: 50%; }
.tname { margin-top: .35em; font: 700 calc(var(--u) * 3.5)/1.05 'Barlow Condensed'; letter-spacing: .06em; text-transform: uppercase; }
.trec { margin-top: .3em; color: var(--dim); font-size: calc(var(--u) * 1.9); font-weight: 500; }
.score { font: 800 calc(var(--u) * 26)/.8 'Barlow Condensed'; font-variant-numeric: tabular-nums; letter-spacing: -.01em; text-shadow: 0 .06em .3em rgba(0, 0, 0, .5); }
.score.lose { opacity: .38; }
.score.two { font-size: calc(var(--u) * 21); } .score.three { font-size: calc(var(--u) * 17); }
.dash { font: 600 calc(var(--u) * 6)/1 'Barlow Condensed'; color: var(--dim); }
.res { font: 800 calc(var(--u) * 4.6)/1 'Barlow Condensed'; letter-spacing: .12em; writing-mode: vertical-rl; transform: rotate(180deg); }
.res.W { color: var(--good); } .res.L { color: var(--bad); }
.info { min-height: calc(var(--u) * 12); border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 5); padding-top: calc(var(--u) * 1.2); }

/* baseball */
.diamond { height: calc(var(--u) * 11); width: calc(var(--u) * 11); }
.diamond .b { fill: #2b3342; stroke: #4a5468; stroke-width: 2; } .diamond .b.on { fill: var(--gold); stroke: #fff6c8; filter: drop-shadow(0 0 6px rgba(255, 210, 58, .7)); }
.counts { display: grid; gap: calc(var(--u) * .7); }
.cnt { display: flex; align-items: center; gap: calc(var(--u) * .9); font: 700 calc(var(--u) * 2.3)/1 'Barlow Condensed'; letter-spacing: .1em; }
.cnt b { width: 1.3em; color: var(--dim); }
.d { width: calc(var(--u) * 1.7); height: calc(var(--u) * 1.7); border-radius: 50%; background: #2b3342; }
.cnt.balls .d.on { background: var(--good); } .cnt.strikes .d.on { background: #ffb21a; } .cnt.outs .d.on { background: var(--bad); }
.duel { display: grid; gap: calc(var(--u) * 1.1); }
.duel div { display: flex; align-items: baseline; gap: .8em; }
.duel .k { width: 7.5em; color: var(--dim); font: 600 calc(var(--u) * 1.6)/1 'Barlow Condensed'; letter-spacing: .16em; }
.duel .v { font: 700 calc(var(--u) * 3)/1 'Barlow Condensed'; letter-spacing: .04em; text-transform: uppercase; }
.duel .s { color: var(--dim); font-size: calc(var(--u) * 1.9); }

/* line score */
table.ls { border-collapse: collapse; font: 700 calc(var(--u) * 2.5)/1 'Barlow Condensed'; font-variant-numeric: tabular-nums; }
.ls th { color: var(--dim); font-weight: 600; letter-spacing: .08em; padding: .3em .85em; }
.ls td { padding: .35em .85em; text-align: center; }
.ls td:first-child, .ls th:first-child { text-align: left; letter-spacing: .08em; }
.ls td.t { color: var(--gold); font-size: 1.15em; }
.ls td.x { color: #3b4454; }
.sog { text-align: center; }
.sog .k { color: var(--dim); font: 600 calc(var(--u) * 1.6)/1 'Barlow Condensed'; letter-spacing: .16em; }
.sog .v { font: 700 calc(var(--u) * 3.4)/1.1 'Barlow Condensed'; }

/* football */
.dd { font: 800 calc(var(--u) * 5)/1 'Barlow Condensed'; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.dd small { display: block; font: 600 calc(var(--u) * 1.7)/1.2 'Barlow Condensed'; color: var(--dim); letter-spacing: .16em; margin-bottom: .3em; }
.dd.red { color: var(--bad); }
.field { width: calc(var(--u) * 52); height: calc(var(--u) * 4.2); }

/* ---------- leaders ---------- */
.leaders { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 3); margin-top: calc(var(--u) * 1); min-height: 0; }
.lcol { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * .9); min-width: 0; }
.lcol h3 { text-transform: uppercase; margin: 0; font: 700 calc(var(--u) * 2.2)/1 'Barlow Condensed'; letter-spacing: .16em; display: flex; align-items: center; gap: .6em; }
.lcol h3 img { height: 2.2em; width: 2.2em; object-fit: contain; }
.ldr { display: flex; align-items: center; gap: calc(var(--u) * 1.6); background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.4); padding: calc(var(--u) * .7) calc(var(--u) * 1.4); }
.ldr .hs { width: calc(var(--u) * 5.2); height: calc(var(--u) * 5.2); border-radius: 50%; background: #1b2230 center 15% / cover; flex: none; border: 2px solid var(--c, #444); }
.ldr .nm { font: 700 calc(var(--u) * 2.7)/1.05 'Barlow Condensed'; letter-spacing: .03em; text-transform: uppercase; }
.ldr .ct { color: var(--dim); font: 600 calc(var(--u) * 1.6)/1.2 'Barlow Condensed'; letter-spacing: .16em; }
.ldr .vl { margin-left: auto; font: 800 calc(var(--u) * 3.6)/1 'Barlow Condensed'; color: var(--c, #fff); text-align: right; white-space: nowrap; }
.lsbox { display: flex; justify-content: center; margin-top: calc(var(--u) * .4); }
.lsbox table.ls { font-size: calc(var(--u) * 2.1); } .lsbox .ls th, .lsbox .ls td { padding: .2em .8em; }

/* ---------- next game ---------- */
.matchup { flex: 1; display: grid; grid-template-columns: 1fr 1.1fr 1fr; align-items: center; justify-items: center; }
.matchup .logo { width: calc(var(--u) * 19); height: calc(var(--u) * 19); }
.mid { text-align: center; }
.mid .when { font: 700 calc(var(--u) * 3.2)/1 'Barlow Condensed'; letter-spacing: .14em; color: var(--dim); text-transform: uppercase; }
.mid .time { font: 800 calc(var(--u) * 14)/1 'Barlow Condensed'; margin: .06em 0; font-variant-numeric: tabular-nums; }
.mid .cd { display: inline-block; font: 700 calc(var(--u) * 3)/1 'Barlow Condensed'; letter-spacing: .14em; padding: .55em 1.1em; border-radius: 99px; background: rgba(255, 255, 255, .1); }
.mid .cd.soon { background: var(--gold); color: #1a1400; }
.mid .ha { margin-top: 1em; color: var(--dim); font: 600 calc(var(--u) * 2)/1 'Barlow Condensed'; letter-spacing: .2em; text-transform: uppercase; }

/* ---------- standing ---------- */
.stand { flex: 1; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr) minmax(0, 1.2fr); align-items: center; gap: calc(var(--u) * 3); }
.stand .team .logo { width: calc(var(--u) * 21); height: calc(var(--u) * 21); }
.bigrec { white-space: nowrap; font: 800 calc(var(--u) * 14)/.9 'Barlow Condensed'; text-align: center; font-variant-numeric: tabular-nums; }
.bigrec small { display: block; margin-top: .25em; font: 600 calc(var(--u) * 3)/1.1 'Barlow Condensed'; letter-spacing: .12em; color: var(--c); text-transform: uppercase; }
.cards { display: grid; gap: calc(var(--u) * 1.6); }
.card { background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.6); padding: calc(var(--u) * 1.6) calc(var(--u) * 2); }
.card .k { color: var(--dim); font: 600 calc(var(--u) * 1.6)/1 'Barlow Condensed'; letter-spacing: .2em; }
.card .v { white-space: nowrap; margin-top: .35em; font: 700 calc(var(--u) * 3.1)/1.1 'Barlow Condensed'; letter-spacing: .03em; text-transform: uppercase; display: flex; align-items: center; gap: .5em; }
.card .v img { height: 1.5em; width: 1.5em; object-fit: contain; }
.card .v.W { color: var(--good); } .card .v.L { color: var(--bad); }
.card .sub { color: var(--dim); font-size: calc(var(--u) * 1.8); margin-top: .25em; }

/* ---------- news ---------- */
.news { padding: 0; flex-direction: row; }
.news::before { background: radial-gradient(70% 100% at 0% 50%, color-mix(in srgb, var(--a, #1b2a44) 35%, transparent), transparent 75%); }
.ntext { flex: 1.15; display: flex; flex-direction: column; justify-content: center; padding: calc(var(--u) * 3.4); min-width: 0; z-index: 2; }
.ntag { display: flex; align-items: center; gap: .7em; font: 700 calc(var(--u) * 2.1)/1 'Barlow Condensed'; letter-spacing: .18em; text-transform: uppercase; color: var(--a); margin-bottom: 1.2em; }
.ntag img { height: 3em; width: 3em; object-fit: contain; }
.ntag span { color: var(--dim); }
.ntext h1 { margin: 0; font-weight: 800; letter-spacing: -.015em; line-height: 1.12; font-size: calc(var(--u) * 5.2); text-wrap: balance; }
.ntext h1.l { font-size: calc(var(--u) * 4.4); } .ntext h1.s { font-size: calc(var(--u) * 6.2); }
.nimg { flex: .9; background: center / cover no-repeat; position: relative; z-index: 1; }
.nimg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #06080c 0%, rgba(6, 8, 12, .35) 40%, rgba(6, 8, 12, 0) 100%); }
.news.noimg .ntext { align-items: center; text-align: center; }
.news.noimg .nimg { display: none; }

/* ---------- league scores ---------- */
.rows { flex: 1; display: grid; grid-template-rows: repeat(5, 1fr); gap: calc(var(--u) * 1); margin-top: calc(var(--u) * 1.4); min-height: 0; }
.row { display: grid; grid-template-columns: 1fr auto 1fr 9em; align-items: center; background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.6); padding: 0 calc(var(--u) * 2.4); gap: calc(var(--u) * 2); min-height: 0; }
.row .side { display: flex; align-items: center; gap: calc(var(--u) * 1.5); font: 700 calc(var(--u) * 3.4)/1 'Barlow Condensed'; letter-spacing: .05em; text-transform: uppercase; min-width: 0; }
.row .side.r { justify-content: flex-end; flex-direction: row-reverse; }
.row .side img { height: calc(var(--u) * 5.2); width: calc(var(--u) * 5.2); object-fit: contain; }
.row .side .s { margin-left: auto; font-size: 1.35em; font-weight: 800; font-variant-numeric: tabular-nums; } .row .side.r .s { margin-left: 0; margin-right: auto; }
.row .side.win .s { color: var(--gold); }
.row .vs2 { color: var(--dim); font: 600 calc(var(--u) * 2)/1 'Barlow Condensed'; }
.row .st { text-align: right; font: 700 calc(var(--u) * 2.4)/1 'Barlow Condensed'; letter-spacing: .1em; color: var(--dim); text-transform: uppercase; }
.row .st.live { color: #ff6b6b; }

/* ---------- clock ---------- */
.clock { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.clock::before { }
.clock .time { font: 800 calc(var(--u) * 34)/.9 'Barlow Condensed'; letter-spacing: .01em; font-variant-numeric: tabular-nums; text-shadow: 0 .04em .4em rgba(74, 163, 255, .25); }
.clock .date { margin-top: .3em; font: 600 calc(var(--u) * 4.4)/1 'Barlow Condensed'; letter-spacing: .26em; color: #8fc4ff; text-transform: uppercase; }
.clock .wxline { margin-top: calc(var(--u) * 2.4); display: flex; align-items: center; gap: .8em; font: 600 calc(var(--u) * 3.2)/1 'Barlow Condensed'; letter-spacing: .1em; color: var(--dim); text-transform: uppercase; }
.clock .wxline svg { height: 2.6em; width: 2.6em; }
.clock .sec { position: absolute; left: calc(var(--u) * 3.4); right: calc(var(--u) * 3.4); bottom: calc(var(--u) * 2.4); height: calc(var(--u) * .5); background: rgba(255, 255, 255, .1); border-radius: 9px; overflow: hidden; }
.clock .sec i { display: block; height: 100%; background: #4aa3ff; border-radius: 9px; transition: width .9s linear; }
.slide.clockS::before { background: radial-gradient(50% 70% at 50% 40%, rgba(74, 163, 255, .16), transparent 70%); }

/* ---------- weather ---------- */
.wx { flex: 1; display: grid; grid-template-columns: 1.15fr 1fr; gap: calc(var(--u) * 3); align-items: center; }
.wxnow { display: flex; align-items: center; gap: calc(var(--u) * 2.5); }
.wxnow svg { width: calc(var(--u) * 21); height: calc(var(--u) * 21); flex: none; }
.wxtemp { font: 800 calc(var(--u) * 21)/.85 'Barlow Condensed'; }
.wxtemp small { display: block; margin-top: .15em; font: 600 calc(var(--u) * 3.3)/1.1 'Barlow Condensed'; letter-spacing: .1em; color: var(--dim); text-transform: uppercase; }
.wxdet { display: grid; gap: calc(var(--u) * 1.4); }
.days { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: calc(var(--u) * 1.6); }
.day { padding-block: calc(var(--u) * 2.2) !important; text-align: center; background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.6); padding: calc(var(--u) * 1.3); }
.day .dn { font: 700 calc(var(--u) * 2.6)/1 'Barlow Condensed'; letter-spacing: .18em; color: #8fc4ff; }
.day svg { width: calc(var(--u) * 10); height: calc(var(--u) * 10); margin: .2em 0; }
.day .hl { font: 700 calc(var(--u) * 3.8)/1 'Barlow Condensed'; } .day .hl span { color: var(--dim); }
.day .pop { color: #4aa3ff; font: 600 calc(var(--u) * 1.8)/1 'Barlow Condensed'; margin-top: .3em; }
.slide.wxS::before { background: radial-gradient(60% 80% at 20% 40%, rgba(74, 163, 255, .2), transparent 70%); }
.wx svg .ray { transform-origin: 50px 50px; animation: spin 24s linear infinite; }
.wx svg .drop { animation: fall 1.1s linear infinite; } .wx svg .drop:nth-child(2) { animation-delay: .35s; } .wx svg .drop:nth-child(3) { animation-delay: .7s; }
.wx svg .flake { animation: fall 2.4s linear infinite; }
.wx svg .bolt { animation: blink 2s step-end infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fall { from { transform: translateY(-6px); opacity: 0; } 30% { opacity: 1; } to { transform: translateY(14px); opacity: 0; } }

/* ---------- message ---------- */
.msgS { align-items: center; justify-content: center; text-align: center; }
.msgS::before { background: radial-gradient(60% 70% at 50% 50%, rgba(255, 210, 58, .16), transparent 70%); }
.mlabel { color: var(--gold); font: 700 calc(var(--u) * 2.4)/1 'Barlow Condensed'; letter-spacing: .4em; margin-bottom: 1em; }
.mtext { width: 100%; overflow: hidden; white-space: nowrap; font: 800 calc(var(--u) * 11)/1.1 'Barlow Condensed'; text-transform: uppercase; }
.mtext span { display: inline-block; }
.mtext.scroll { text-align: left; } .mtext.scroll span { padding-left: 100%; animation: marq var(--dur, 12s) linear infinite; }
.mtext:not(.scroll) span { white-space: normal; }
@keyframes marq { to { transform: translateX(-100%); } }

/* ---------- multi live ---------- */
.multi .rows { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); grid-auto-rows: minmax(0, min(calc(var(--u) * 13), calc(var(--u) * 44 / var(--n, 2)))); align-content: center; gap: calc(var(--u) * 1.6); }
.multi .row { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) 10em; }
.multi .sc { display: flex; align-items: center; gap: .35em; font: 800 calc(var(--u) * 7.5)/1 'Barlow Condensed'; font-variant-numeric: tabular-nums; white-space: nowrap; }
.multi .sc i { font-style: normal; color: var(--dim); font-weight: 600; }
.multi .row .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi .row .side { font-size: calc(var(--u) * 5.2); min-width: 0; }
.multi .row .side img { height: calc(var(--u) * 8); width: calc(var(--u) * 8); }
.multi .row .side .s { font-size: 1.5em; }
.multi .row .st b { display: block; margin-top: .3em; color: #fff; font-size: 1.15em; }

/* ---------- celebration ---------- */
.cel { align-items: center; justify-content: center; text-align: center; background: var(--a); animation: celBg .5s steps(1) infinite alternate; }
.cel::before { background: radial-gradient(70% 90% at 50% 50%, rgba(0, 0, 0, .15), rgba(0, 0, 0, .55)); }
@keyframes celBg { from { background: var(--a); } to { background: color-mix(in srgb, var(--a) 40%, #000); } }
.cel .logo { width: calc(var(--u) * 17); height: calc(var(--u) * 17); animation: bounce .7s ease-in-out infinite alternate; }
.cel .big { font: 800 calc(var(--u) * 17)/.95 'Barlow Condensed'; letter-spacing: .02em; text-transform: uppercase; text-shadow: 0 .05em .2em rgba(0, 0, 0, .5); animation: pop .6s cubic-bezier(.2, 1.6, .4, 1) both; }
.cel .line { margin-top: .4em; font: 700 calc(var(--u) * 5)/1 'Barlow Condensed'; letter-spacing: .12em; }
.cel .row3 { display: flex; align-items: center; gap: calc(var(--u) * 4); }
.cel i { position: absolute; top: -5%; width: calc(var(--u) * 1.1); height: calc(var(--u) * 2); animation: conf linear infinite; z-index: 2; }
@keyframes bounce { to { transform: translateY(calc(var(--u) * -2)) rotate(4deg); } }
@keyframes pop { from { transform: scale(.3); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes conf { to { transform: translateY(115vh) rotate(720deg); } }

img { image-rendering: auto; }

/* ---------- split screen (two live games) ---------- */
.slide.split { padding: 0; flex-direction: row; }
.slide.split::before { display: none; }
.half { --u: min(.5vw, .8889vh); flex: 1; position: relative; min-width: 0; }
.half + .half { border-left: 1px solid var(--line); }
.half::before { content: ''; position: absolute; inset: 0; background:
  radial-gradient(90% 55% at 0% 30%, color-mix(in srgb, var(--a) 40%, transparent), transparent 75%),
  radial-gradient(90% 55% at 100% 80%, color-mix(in srgb, var(--h) 34%, transparent), transparent 75%); }
.hv { position: absolute; inset: calc(var(--u) * 2.4) calc(var(--u) * 3); display: flex; flex-direction: column; opacity: 0; transition: opacity .7s ease; pointer-events: none; }
.hv.on { opacity: 1; }
.hv .top > * { flex: none; }
.hrows { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 2); }
.hrow { display: flex; align-items: center; gap: calc(var(--u) * 2.4); }
.hrow .logo { width: calc(var(--u) * 15); height: calc(var(--u) * 15); flex: none; }
.hrow .hn { flex: 1; min-width: 0; }
.hrow .tname { margin: 0; font-size: calc(var(--u) * 5.4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hrow .trec { font-size: calc(var(--u) * 2.4); }
.hrow .hs { font: 800 calc(var(--u) * 22)/.8 'Barlow Condensed'; font-variant-numeric: tabular-nums; text-shadow: 0 .06em .3em rgba(0, 0, 0, .5); }
.half .info { flex-direction: column; gap: calc(var(--u) * 2); min-height: calc(var(--u) * 24); justify-content: center; padding-top: calc(var(--u) * 2); }
.half .info .dd { font-size: calc(var(--u) * 6); text-align: center; }
.half .field { width: calc(var(--u) * 80); height: calc(var(--u) * 6); }
.half .info > .duel { gap: calc(var(--u) * 1.4); }
.half .info > .counts { grid-auto-flow: column; gap: calc(var(--u) * 3); }
.half .lsbox { margin-top: calc(var(--u) * 2.4); }
.half table.ls { font-size: calc(var(--u) * 3); }
.half .leaders { grid-template-columns: 1fr; gap: calc(var(--u) * 2); margin-top: calc(var(--u) * 2.4); align-content: space-around; }
.half .lcol { gap: calc(var(--u) * 1.1); justify-content: flex-start; }
.half .lcol h3 { font-size: calc(var(--u) * 3); }
.half .ldr { padding: calc(var(--u) * .9) calc(var(--u) * 2); gap: calc(var(--u) * 2); }
.half .ldr .hs2 { width: calc(var(--u) * 6.8); height: calc(var(--u) * 6.8); border-radius: 50%; background: #1b2230 center 15% / cover; flex: none; border: 2px solid var(--c, #444); }
.half .ldr .nm { font-size: calc(var(--u) * 3.6); } .half .ldr .vl { font-size: calc(var(--u) * 4.6); } .half .ldr .ct { font-size: calc(var(--u) * 2); }
.half .diamond { width: calc(var(--u) * 19); height: calc(var(--u) * 19); }
.half .cnt { font-size: calc(var(--u) * 3.6); gap: calc(var(--u) * 1.4); } .half .d { width: calc(var(--u) * 2.6); height: calc(var(--u) * 2.6); }
.half .duel .v { font-size: calc(var(--u) * 4.6); } .half .duel .k { font-size: calc(var(--u) * 2.4); } .half .duel .s { font-size: calc(var(--u) * 3); }
.half .sog .v { font-size: calc(var(--u) * 5); } .half .sog .k { font-size: calc(var(--u) * 2.2); }
.half .dd small { font-size: calc(var(--u) * 2.4); }

/* ---------- full box score ---------- */
.boxS .bgroups { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 3.2); margin-top: calc(var(--u) * 1.2); min-height: 0; }
.bgroups.one { grid-template-columns: 1fr; margin-top: calc(var(--u) * 1.6); flex: 1; display: grid; min-height: 0; }
.bgroup { min-width: 0; display: flex; flex-direction: column; gap: calc(var(--u) * .9); justify-content: flex-start;
  --fs: min(calc(var(--u) * 3), calc(var(--u) * 25 / var(--n, 12)), calc(var(--u) * 17.5 / var(--cc, 5))); }
.bhead { display: flex; align-items: center; gap: .6em; font: 800 calc(var(--u) * 3.2)/1 'Barlow Condensed'; letter-spacing: .1em; text-transform: uppercase; color: var(--c); padding-bottom: .15em; border-bottom: 2px solid var(--c); }
.bhead img { height: 1.5em; width: 1.5em; object-fit: contain; }
table.bt { width: 100%; border-collapse: collapse; font: 600 var(--fs)/1.15 'Barlow Condensed'; font-variant-numeric: tabular-nums; }
.bt th { color: var(--dim); font-weight: 600; letter-spacing: .1em; text-align: right; padding: .22em .5em; font-size: .78em; }
.bt th.n { text-align: left; color: var(--c); }
.bt td { text-align: right; padding: .24em .42em; white-space: nowrap; }
.bt td.n { text-align: left; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; max-width: 16em; overflow: hidden; text-overflow: ellipsis; }
.bt td.n b { display: inline-block; min-width: 1.3em; color: var(--dim); font-weight: 600; }
.bt td.n i { margin-left: .6em; color: var(--dim); font-style: normal; font-weight: 600; font-size: .8em; }
.bt td.n.none { color: var(--dim); font-weight: 500; text-transform: none; }
.bt td.z { color: #4a5465; font-weight: 500; }
.bt tr:nth-child(even) td { background: rgba(255, 255, 255, .035); }
.bt + .bt { margin-top: calc(var(--u) * .6); }
.half .bgroup { --fs: min(calc(var(--u) * 4.2), calc(var(--u) * 56 / var(--n, 12)), calc(var(--u) * 40 / var(--cc, 5))); }
.half .bhead { font-size: calc(var(--u) * 4.4); }

.cel .row3 { max-width: 100%; padding: 0 calc(var(--u) * 2); }
.cel .cl { display: flex; align-items: center; justify-content: center; flex: none; width: calc(var(--u) * 17); height: calc(var(--u) * 17); }
.cel .cl .logo { width: 100%; height: 100%; }
.cel .ct2 { min-width: 0; }
.cel .big { white-space: nowrap; }

/* ---------- last play, probables, standings ---------- */
.lp { display: flex; align-items: baseline; gap: 1em; padding-top: calc(var(--u) * 1.2); min-height: calc(var(--u) * 4.2); color: #d5dce6; font-size: calc(var(--u) * 2.3); }
.lp:empty { min-height: 0; padding: 0; }
.lp .lpk { flex: none; color: var(--dim); font: 700 calc(var(--u) * 1.6)/1 'Barlow Condensed'; letter-spacing: .2em; }
.lp .lpt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.half .lp { font-size: calc(var(--u) * 2.8); flex-direction: column; gap: .3em; }
.half .lp .lpt { white-space: normal; }
.prob { margin-top: calc(var(--u) * 1.6); text-align: center; background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.4); padding: calc(var(--u) * .9) calc(var(--u) * 1.6); max-width: 100%; }
.prob .pk { color: var(--dim); font: 600 calc(var(--u) * 1.5)/1 'Barlow Condensed'; letter-spacing: .18em; }
.prob .pn { margin-top: .25em; font: 700 calc(var(--u) * 3)/1.05 'Barlow Condensed'; letter-spacing: .04em; text-transform: uppercase; }
.prob .pl { color: #cfd6e0; font-size: calc(var(--u) * 1.8); margin-top: .15em; }
.stbox { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 0; }
table.stt { width: 100%; max-width: calc(var(--u) * 86); border-collapse: separate; border-spacing: 0 calc(var(--u) * .6); font: 700 min(calc(var(--u) * 3.6), calc((var(--u) * 40 / var(--n, 5) - var(--u) * .6) / 1.76))/1 'Barlow Condensed'; font-variant-numeric: tabular-nums; }
.stt th { color: var(--dim); font-weight: 600; font-size: .6em; letter-spacing: .14em; text-align: right; padding: 0 .7em .3em; }
.stt th.n { text-align: left; }
.stt td { text-align: right; padding: .38em .7em; background: rgba(255, 255, 255, .05); }
.stt td:first-child { border-radius: .45em 0 0 .45em; } .stt td:last-child { border-radius: 0 .45em .45em 0; }
.stt td.n { text-align: left; text-transform: uppercase; letter-spacing: .05em; display: flex; align-items: center; gap: .6em; white-space: nowrap; }
.stt td.n b { width: 1.2em; color: var(--dim); font-weight: 600; }
.stt td.n img { height: 1.3em; width: 1.3em; object-fit: contain; }
.stt tr.fav td { background: color-mix(in srgb, var(--c) 28%, rgba(255, 255, 255, .06)); color: #fff; }
.stt tr.fav td.n { color: var(--c); }

/* ---------- Hebrew, Shabbat, offline badge ---------- */
@font-face { font-family: 'Heebo'; src: url(fonts/heebo.woff2) format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
.he { font-family: 'Heebo', 'Inter', sans-serif; direction: rtl; unicode-bidi: isolate; }
.hebd { margin-top: calc(var(--u) * 1.2); display: flex; align-items: center; justify-content: center; gap: .8em; color: #c9b88a; font: 600 calc(var(--u) * 3)/1.2 'Barlow Condensed'; letter-spacing: .08em; text-transform: uppercase; }
.hebd .he { font-size: 1.05em; letter-spacing: 0; text-transform: none; }
.slide.shabbatS::before { background: radial-gradient(60% 90% at 25% 45%, rgba(255, 190, 80, .22), transparent 70%), radial-gradient(50% 80% at 90% 80%, rgba(255, 120, 60, .12), transparent 70%); }
.shb { flex: 1; display: grid; grid-template-columns: 1.25fr 1fr; gap: calc(var(--u) * 3.4); align-items: center; min-height: 0; }
.shl .k, .tcard .k { color: #c9b88a; font: 700 calc(var(--u) * 1.9)/1 'Barlow Condensed'; letter-spacing: .24em; }
.shl .par { margin-top: .25em; font: 800 calc(var(--u) * 11)/.95 'Barlow Condensed'; text-transform: uppercase; letter-spacing: .01em; text-wrap: balance; }
.shl .parhe { margin-top: .3em; font-size: calc(var(--u) * 6.2); font-weight: 700; color: #f1e3b8; line-height: 1.15; }
.shr { display: grid; gap: calc(var(--u) * 1.8); }
.tcard { background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.8); padding: calc(var(--u) * 1.9) calc(var(--u) * 2.4); }
.tcard .tt { margin-top: .15em; font: 800 calc(var(--u) * 10)/1 'Barlow Condensed'; font-variant-numeric: tabular-nums; }
.tcard .td { color: var(--dim); font: 600 calc(var(--u) * 2.3)/1.2 'Barlow Condensed'; letter-spacing: .14em; text-transform: uppercase; margin-top: .2em; }
.shf { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 2); min-height: calc(var(--u) * 6); border-top: 1px solid var(--line); padding-top: calc(var(--u) * 1.4); }
.shf .cdp { flex: none; font: 700 calc(var(--u) * 2.8)/1 'Barlow Condensed'; letter-spacing: .14em; padding: .55em 1.1em; border-radius: 99px; background: rgba(255, 255, 255, .1); text-transform: uppercase; }
.shf .cdp.on { background: #ffcf6a; color: #2a1d00; }
.shf .nx { color: var(--dim); font: 600 calc(var(--u) * 2.4)/1.2 'Barlow Condensed'; letter-spacing: .1em; text-transform: uppercase; text-align: right; }
.shf .nx .he { letter-spacing: 0; text-transform: none; margin-left: .6em; color: #c9b88a; }
#net { display: none; position: fixed; top: calc(var(--u) * 1.2); right: calc(var(--u) * 1.6); z-index: 70; font: 700 calc(var(--u) * 1.7)/1 'Barlow Condensed', sans-serif; letter-spacing: .16em; color: #ffb4b4; background: rgba(120, 30, 30, .85); border: 1px solid rgba(255, 120, 120, .5); padding: .55em 1em; border-radius: 99px; }
.tcard .tt { font-size: calc(var(--u) * 8.4); }
.tcard { padding: calc(var(--u) * 1.5) calc(var(--u) * 2.4); }
.shb { padding-bottom: calc(var(--u) * 1.2); }

/* ---------- around-the-league strip ---------- */
.strip { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--u) * 5.6); background: rgba(0, 0, 0, .55); border-top: 1px solid var(--line); overflow: hidden; display: flex; align-items: center; z-index: 3; backdrop-filter: blur(2px); }
.strip.empty { display: none; }
.stripin { white-space: nowrap; display: flex; align-items: center; gap: calc(var(--u) * 4); padding: 0 calc(var(--u) * 3.4); font: 700 calc(var(--u) * 2.6)/1 'Barlow Condensed'; letter-spacing: .06em; text-transform: uppercase; min-width: 100%; justify-content: center; }
.strip.scroll .stripin { justify-content: flex-start; animation: stripmove var(--dur, 30s) linear infinite; width: max-content; }
.si { display: inline-flex; align-items: center; gap: .5em; flex: none; }
.si img { height: 1.6em; width: 1.6em; object-fit: contain; }
.si u { text-decoration: none; font-size: 1.15em; }
.si i { color: var(--dim); font-style: normal; }
.si em { font-style: normal; color: var(--dim); margin-left: .4em; font-weight: 600; }
.si.live em { color: #ff7b7b; }
.stripin .gap { width: calc(var(--u) * 8); flex: none; }
@keyframes stripmove { to { transform: translateX(-50%); } }
.slide.hasStrip { padding-bottom: calc(var(--u) * 7.4); }

/* ---------- streak chips, Yom Tov layout ---------- */
.stk { display: inline-block; margin-left: .7em; padding: .18em .7em; border-radius: 99px; font: 700 .85em/1.1 'Barlow Condensed'; letter-spacing: .12em; vertical-align: middle; }
.stk.hot { background: #ff7a2a; color: #190800; } .stk.cold { background: #4aa3ff; color: #00182e; }
.stk.win { background: rgba(53, 212, 106, .2); color: #5be88c; } .stk.loss { background: rgba(255, 90, 90, .2); color: #ff9a9a; }
.stkrow { margin-top: calc(var(--u) * 1.4); } .stkrow .stk { font-size: calc(var(--u) * 3); margin: 0; }
.shl .par.long { font-size: calc(var(--u) * 8); }
.shr.n3 { gap: calc(var(--u) * 1.2); } .shr.n3 .tt { font-size: calc(var(--u) * 6); } .shr.n3 .tcard { padding: calc(var(--u) * 1.2) calc(var(--u) * 2.2); }
.shr.n4 .tt { font-size: calc(var(--u) * 4.6); }
/* compact horizontal cards when there are three or more times to show (Yom Tov) */
.shr.n3 .tcard, .shr.n4 .tcard { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "k tt" "td tt"; align-items: center; column-gap: calc(var(--u) * 2); padding: calc(var(--u) * 1.1) calc(var(--u) * 2.2); }
.shr.n3 .k, .shr.n4 .k { grid-area: k; } .shr.n3 .td, .shr.n4 .td { grid-area: td; font-size: calc(var(--u) * 1.9); } .shr.n3 .tt, .shr.n4 .tt { grid-area: tt; font-size: calc(var(--u) * 6.4); margin: 0; }
.shr.n4 .tt { font-size: calc(var(--u) * 5.2); }

/* ---------- prices ---------- */
.slide.mkS::before { background: radial-gradient(70% 90% at 50% 20%, rgba(247, 147, 26, .13), transparent 70%); }
.mks { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 2.4); align-items: stretch; margin-top: calc(var(--u) * 1.4); min-height: 0; }
.mk { display: flex; flex-direction: column; background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: calc(var(--u) * 2); padding: calc(var(--u) * 2.2); min-width: 0; }
.mhead { display: flex; align-items: center; gap: calc(var(--u) * 1.4); }
.mic { width: calc(var(--u) * 5.6); height: calc(var(--u) * 5.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; font: 700 calc(var(--u) * 3.4)/1 'Inter', 'Heebo', sans-serif; color: #fff; flex: none; }
.mname { font: 700 calc(var(--u) * 3)/1.05 'Barlow Condensed'; letter-spacing: .06em; text-transform: uppercase; }
.msub { color: var(--dim); font: 600 calc(var(--u) * 1.9)/1.2 'Barlow Condensed'; letter-spacing: .2em; }
.mprice { margin-top: auto; font: 800 calc(var(--u) * 8.6)/1 'Barlow Condensed'; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mchg { margin-top: .2em; font: 700 calc(var(--u) * 3)/1 'Barlow Condensed'; letter-spacing: .06em; }
.mchg span { color: var(--dim); font-weight: 600; font-size: .75em; letter-spacing: .1em; text-transform: uppercase; margin-left: .4em; }
.mchg.up { color: #35d46a; } .mchg.dn { color: #ff6b6b; }
.spark { width: 100%; height: calc(var(--u) * 9); margin-top: calc(var(--u) * 1.4); }
.mspan { color: var(--dim); font: 600 calc(var(--u) * 1.6)/1 'Barlow Condensed'; letter-spacing: .18em; text-transform: uppercase; margin-top: .6em; }

/* ---------- on this day / observances ---------- */
.hist .yr { font: 800 calc(var(--u) * 15)/.9 'Barlow Condensed'; color: #c9b88a; margin-bottom: .1em; }
.hist h1 { font-weight: 600; font-size: calc(var(--u) * 4.2); line-height: 1.22; letter-spacing: -.005em; }
.hist h1.l { font-size: calc(var(--u) * 3.5); } .hist h1.s { font-size: calc(var(--u) * 5); }
.hist .pgt { margin-top: 1.1em; color: var(--dim); font: 600 calc(var(--u) * 2)/1 'Barlow Condensed'; letter-spacing: .14em; text-transform: uppercase; }
.hist.noimg .ntext { align-items: flex-start; text-align: left; }
.obs { flex: 1; display: grid; align-content: center; gap: calc(var(--u) * 1.6); }
.obs.two { grid-template-columns: 1fr 1fr; column-gap: calc(var(--u) * 3); }
.oi { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; padding: calc(var(--u) * 1.5) calc(var(--u) * 2.2); background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-left: 4px solid #4aa3ff; border-radius: calc(var(--u) * 1.2); }
.oi.il { border-left-color: #ffcf6a; }
.oi .ot { font: 700 calc(var(--u) * 3.6)/1.15 'Barlow Condensed'; letter-spacing: .03em; text-transform: uppercase; }
.oi .he { color: #c9b88a; font-size: calc(var(--u) * 2.8); font-weight: 600; flex: none; }

/* ---------- to-do ---------- */
.slide.todoS::before { background: radial-gradient(60% 90% at 20% 40%, rgba(53, 212, 106, .12), transparent 70%); }
.todol { flex: 1; display: grid; align-content: center; gap: calc(var(--u) * 1.4); margin-top: calc(var(--u) * 1); }
.todol.two { grid-template-columns: 1fr 1fr; column-gap: calc(var(--u) * 3); }
.ti { display: flex; align-items: center; gap: calc(var(--u) * 2); padding: calc(var(--u) * 1.5) calc(var(--u) * 2.4); background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.4); font: 600 calc(var(--u) * 3.6)/1.15 'Inter', sans-serif; min-width: 0; }
.ti span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ti .box { width: calc(var(--u) * 3.2); height: calc(var(--u) * 3.2); border-radius: 50%; border: 3px solid #35d46a; flex: none; }
.tmore { text-align: center; color: var(--dim); font: 600 calc(var(--u) * 2.6)/1 'Barlow Condensed'; letter-spacing: .12em; padding-top: calc(var(--u) * 1); }

/* ---------- timer ---------- */
.slide.timerS { align-items: center; justify-content: center; text-align: center; }
.slide.timerS::before { background: radial-gradient(60% 80% at 50% 50%, rgba(255, 207, 106, .14), transparent 70%); }
.tlabel { font: 700 calc(var(--u) * 3.6)/1 'Barlow Condensed'; letter-spacing: .3em; color: #ffcf6a; text-transform: uppercase; margin-bottom: calc(var(--u) * 1.6); }
.ring { position: relative; width: calc(var(--u) * 38); height: calc(var(--u) * 38); }
.ring svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ring .trk { fill: none; stroke: rgba(255, 255, 255, .1); stroke-width: 3; }
.ring .prg { fill: none; stroke: #ffcf6a; stroke-width: 3; stroke-linecap: round; transition: stroke-dashoffset .3s linear; }
.tdig { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 800 calc(var(--u) * 11.5)/1 'Barlow Condensed'; font-variant-numeric: tabular-nums; }
.tsub { margin-top: calc(var(--u) * 1.8); color: var(--dim); font: 600 calc(var(--u) * 2.6)/1 'Barlow Condensed'; letter-spacing: .14em; text-transform: uppercase; min-height: 1em; }
.timerS.warn .tdig { color: #ff6b6b; animation: blink 1s ease-in-out infinite; } .timerS.warn .prg { stroke: #ff6b6b; }
.timerS.done { background: #5a1414; animation: tdone .7s steps(1) infinite alternate; } .timerS.done .tdig { color: #fff; } .timerS.done .tlabel { color: #fff; font-size: calc(var(--u) * 6); }
@keyframes tdone { from { background: #7a1f1f; } to { background: #2a0a0a; } }
.mprice { font-size: calc(var(--u) * 6.4); overflow: hidden; }
.mk { overflow: hidden; }
.oi { flex-direction: column; align-items: flex-start; gap: .25em; min-width: 0; }
.oi .he { font-size: calc(var(--u) * 2.6); }
.obs.two .oi .ot { font-size: calc(var(--u) * 3.2); }

.tobs { margin-top: auto; padding-top: calc(var(--u) * 1.8); display: flex; flex-wrap: wrap; align-items: center; gap: .5em .9em; }
.tobs .tk { color: var(--dim); font: 700 calc(var(--u) * 1.7)/1 'Barlow Condensed'; letter-spacing: .22em; }
.tobs .to { font: 600 calc(var(--u) * 2.3)/1.1 'Barlow Condensed'; letter-spacing: .06em; text-transform: uppercase; padding: .35em .8em; border-radius: 99px; background: rgba(255, 255, 255, .09); }
.tobs .to.il { background: rgba(255, 207, 106, .22); color: #ffe3a1; }
.hist .ntext { justify-content: flex-start; padding-top: calc(var(--u) * 3.4); }
/* on-this-day: leave room for the "today also" row */
.hist .yr { font-size: calc(var(--u) * 11); }
.hist h1 { font-size: calc(var(--u) * 3.7); line-height: 1.2; }
.hist h1.l { font-size: calc(var(--u) * 3.1); } .hist h1.s { font-size: calc(var(--u) * 4.6); }
.hist .ntext { padding-top: calc(var(--u) * 2.6); padding-bottom: calc(var(--u) * 2.4); }
.hist .pgt { margin-top: .7em; }
.tobs { flex-wrap: nowrap; overflow: hidden; }
.tobs .to { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 0 1 auto; }
.tobs .tk { flex: none; }

/* ---------- birthdays ---------- */
.slide.bdS::before { background: radial-gradient(60% 90% at 50% 40%, rgba(255, 79, 163, .16), transparent 70%); }
.bds { flex: 1; display: grid; gap: calc(var(--u) * 2.2); align-content: center; margin-top: calc(var(--u) * 1); }
.bds.n1 { grid-template-columns: 1fr; } .bds.n2 { grid-template-columns: 1fr 1fr; } .bds.n3, .bds.n4 { grid-template-columns: 1fr 1fr; }
.bd { background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: calc(var(--u) * 2); padding: calc(var(--u) * 2.4) calc(var(--u) * 2.8); text-align: left; }
.bd.today { background: linear-gradient(135deg, rgba(255, 79, 163, .4), rgba(255, 207, 106, .25)); border-color: #ff8cc6; }
.bdw { color: #ff9ccb; font: 700 calc(var(--u) * 2.4)/1 'Barlow Condensed'; letter-spacing: .2em; }
.bd.today .bdw { color: #fff; }
.bdn { margin-top: .15em; font: 800 calc(var(--u) * 8)/1 'Barlow Condensed'; letter-spacing: .02em; text-transform: uppercase; }
.bda { margin-top: .2em; color: var(--dim); font: 600 calc(var(--u) * 2.8)/1.1 'Barlow Condensed'; letter-spacing: .1em; text-transform: uppercase; }
.bds.n1 .bdn { font-size: calc(var(--u) * 14); }

/* ---------- Hebrew word of the day ---------- */
.slide.hwS::before { background: radial-gradient(60% 80% at 25% 40%, rgba(74, 163, 255, .16), transparent 70%); }
.hw { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 0; }
.hww { font-weight: 800; font-size: calc(var(--u) * 20); line-height: 1.05; }
.hwt { margin-top: .1em; font: 700 calc(var(--u) * 6.4)/1 'Barlow Condensed'; letter-spacing: .08em; color: #8fc4ff; text-transform: uppercase; }
.hwe { margin-top: .5em; font: 600 calc(var(--u) * 4.4)/1.2 'Inter'; }
.hwn { margin-top: .7em; max-width: calc(var(--u) * 78); color: var(--dim); font-size: calc(var(--u) * 2.5); line-height: 1.35; }

/* ---------- game scoreboard ---------- */
.gts { flex: 1; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: calc(var(--u) * 2); margin-top: calc(var(--u) * 1); }
.gt { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid color-mix(in srgb, var(--c) 40%, transparent); border-radius: calc(var(--u) * 2.4); background: color-mix(in srgb, var(--c) 12%, rgba(0, 0, 0, .3)); min-width: 0; }
.gt.lead { border-color: var(--c); box-shadow: 0 0 calc(var(--u) * 3) color-mix(in srgb, var(--c) 45%, transparent); }
.gn { font: 700 calc(var(--u) * 4.4)/1 'Barlow Condensed'; letter-spacing: .1em; text-transform: uppercase; color: var(--c); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 .4em; }
.gs { font: 800 calc(var(--u) * 30)/.9 'Barlow Condensed'; font-variant-numeric: tabular-nums; }
.gts.n3 .gs, .gts.n4 .gs { font-size: calc(var(--u) * 22); } .gts.n4 .gn { font-size: calc(var(--u) * 3.4); }

/* ---------- guest Wi-Fi ---------- */
.slide.wifiS { align-items: center; justify-content: center; }
.wf { display: flex; align-items: center; gap: calc(var(--u) * 5); }
.qr { width: calc(var(--u) * 38); height: calc(var(--u) * 38); border-radius: calc(var(--u) * 1.4); overflow: hidden; flex: none; background: #fff; }
.qr svg { width: 100%; height: 100%; display: block; }
.wft { max-width: calc(var(--u) * 42); }
.wfk { color: #8fc4ff; font: 700 calc(var(--u) * 2.4)/1 'Barlow Condensed'; letter-spacing: .3em; }
.wfn { margin-top: .2em; font: 800 calc(var(--u) * 9)/1 'Barlow Condensed'; word-break: break-word; }
.wfh { margin-top: .8em; color: var(--dim); font-size: calc(var(--u) * 2.6); line-height: 1.4; }

.hww { font-size: calc(var(--u) * 15); }
.hwt { font-size: calc(var(--u) * 5.2); }
.hwe { font-size: calc(var(--u) * 3.8); margin-top: .35em; }
.hwn { margin-top: .5em; font-size: calc(var(--u) * 2.2); }
.hwx { margin-top: calc(var(--u) * 1.8); padding: calc(var(--u) * 1.3) calc(var(--u) * 2.6); border-radius: calc(var(--u) * 1.6); background: rgba(74, 163, 255, .12); border: 1px solid rgba(74, 163, 255, .35); max-width: calc(var(--u) * 80); }
.hwx .he { font-size: calc(var(--u) * 4); font-weight: 600; line-height: 1.3; }
.hwxe { margin-top: .2em; color: #b9c8de; font-size: calc(var(--u) * 2.3); }

/* handwritten to-do items */
.ti .ink { height: calc(var(--u) * 4.6); width: auto; max-width: 100%; flex: 0 1 auto; }
.ti .ink path { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6.5; vector-effect: none; }

/* ---------- big monitor: bottom strip (time, date, weather) ---------- */
:root { --uu: min(1vw, 1.7778vh); --foot: calc(var(--u) * 5.6); }
#clean.hasFoot .slide { bottom: var(--foot); }
#tbfoot { position: absolute; left: 0; right: 0; bottom: 0; height: var(--foot); z-index: 30; display: flex; align-items: center; justify-content: space-between; padding: 0 calc(var(--u) * 3.4); box-sizing: border-box; background: linear-gradient(180deg, rgba(10, 14, 20, .94), rgba(5, 8, 12, .98)); border-top: 1px solid var(--line); }
#tbfoot .fl, #tbfoot .fr { display: flex; align-items: center; gap: calc(var(--u) * 1.6); flex: 1; }
#tbfoot .fr { justify-content: flex-end; }
#tbfoot .fm { flex: none; display: flex; gap: calc(var(--u) * 1.2); color: var(--dim); font: 600 calc(var(--u) * 1.8)/1 'Barlow Condensed', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
#tbfoot .fm .he { color: #cdb87a; letter-spacing: 0; }
#tbfoot .ft { font: 800 calc(var(--u) * 3.6)/1 'Barlow Condensed', sans-serif; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
#tbfoot .fd { color: #8fc4ff; font: 600 calc(var(--u) * 1.9)/1 'Barlow Condensed', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
#tbfoot .fr svg { width: calc(var(--u) * 4); height: calc(var(--u) * 4); flex: none; }
#tbfoot .fr b { font: 800 calc(var(--u) * 3.6)/1 'Barlow Condensed', sans-serif; }
#tbfoot .fr span { color: var(--dim); font: 600 calc(var(--u) * 1.8)/1 'Barlow Condensed', sans-serif; letter-spacing: .08em; text-transform: uppercase; }
#tbfoot .fr em { font: 700 calc(var(--u) * 1.6)/1 'Barlow Condensed', sans-serif; letter-spacing: .14em; color: #8fc4ff; font-style: normal; }

/* ---------- Israel news ---------- */
.israelS { --a: #17304f; --h: #101826; }
.ibody { flex: 1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: calc(var(--u) * 3); min-height: 0; margin-top: calc(var(--u) * 1.4); }
.israelS.noimg .ibody { grid-template-columns: 1fr; }
.israelS.noimg .iimg { display: none; }
.iimg { border-radius: calc(var(--u) * 1.6); background: #101722 center / cover no-repeat; box-shadow: 0 1em 3em rgba(0, 0, 0, .5); min-height: 0; }
.itext { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 1.3); min-width: 0; min-height: 0; overflow: hidden; }
.isrc { color: #8fc4ff; font: 700 calc(var(--u) * 2)/1 'Barlow Condensed', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.isrc span { color: var(--dim); margin-left: .6em; }
.itext h1 { margin: 0; font: 800 calc(var(--u) * 3.9)/1.1 'Inter', sans-serif; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.itext h1.l { font-size: calc(var(--u) * 3.2); } .itext h1.s { font-size: calc(var(--u) * 4.8); }
.itext p { margin: 0; color: #c3ccda; font: 400 calc(var(--u) * 2.1)/1.4 'Inter', sans-serif; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.inext { margin-top: calc(var(--u) * 1.2); flex: none; display: grid; grid-template-columns: auto 1fr 1fr 1fr; gap: calc(var(--u) * 1.6); align-items: stretch; }
.inl { align-self: center; color: var(--dim); font: 700 calc(var(--u) * 1.8)/1 'Barlow Condensed', sans-serif; letter-spacing: .16em; }
.inx { background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.2); padding: calc(var(--u) * 1.1) calc(var(--u) * 1.6); min-width: 0; display: flex; flex-direction: column; gap: .3em; }
.inx b { color: #8fc4ff; font: 700 calc(var(--u) * 1.4)/1 'Barlow Condensed', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.inx span { font: 600 calc(var(--u) * 1.5)/1.25 'Inter', sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- whole-league standings (two conferences side by side) ---------- */
.lcols { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 3); min-height: 0; margin-top: calc(var(--u) * 1); align-items: start; }
table.lst { width: 100%; border-collapse: collapse; font-size: min(calc(var(--u) * 1.55), calc(var(--u) * 33 / var(--n, 16) / 1.45)); }
table.lst th { color: var(--dim); font: 700 .85em/1 'Barlow Condensed', sans-serif; letter-spacing: .12em; text-align: right; padding: .2em .5em .3em; }
table.lst th.n { text-align: left; color: #cfd8e6; font-size: 1.1em; }
table.lst td { text-align: right; padding: .14em .5em; line-height: 1.2; font-variant-numeric: tabular-nums; border-top: 1px solid rgba(255, 255, 255, .06); }
table.lst td.n { text-align: left; display: flex; align-items: center; gap: .6em; font-weight: 600; white-space: nowrap; }
table.lst td.n b { width: 1.4em; color: var(--dim); font-weight: 600; }
table.lst td.n .x { width: 1.3em; height: 1.3em; flex: none; object-fit: contain; }
table.lst tr.fav td { background: color-mix(in srgb, var(--c, #4aa3ff) 26%, transparent); font-weight: 800; }

/* ---------- scores: every game on one screen (big monitor) ---------- */
.gcards { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: calc(var(--u) * 9); gap: calc(var(--u) * 1.2); align-content: center; min-height: 0; margin-top: calc(var(--u) * 1); }
.gcard { background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.2); padding: calc(var(--u) * .8) calc(var(--u) * 1.6); display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * .45); min-width: 0; }
.gcard.live { border-color: rgba(255, 90, 90, .45); background: rgba(255, 90, 90, .07); }
.gst { display: flex; align-items: center; gap: .5em; color: var(--dim); font: 700 calc(var(--u) * 1.5)/1 'Barlow Condensed', sans-serif; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.gcard.live .gst { color: #ff8a8a; }
.gr { display: flex; align-items: center; gap: calc(var(--u) * 1); }
.gr .x { width: calc(var(--u) * 2.7); height: calc(var(--u) * 2.7); object-fit: contain; flex: none; }
.gr b { flex: 1; font: 800 calc(var(--u) * 2.4)/1 'Barlow Condensed', sans-serif; letter-spacing: .02em; }
.gr u { text-decoration: none; font: 800 calc(var(--u) * 2.9)/1 'Barlow Condensed', sans-serif; font-variant-numeric: tabular-nums; }
.gr.win u, .gr.win b { color: var(--gold); }

/* ---------- calendar (big monitor) ---------- */
.calS { --a: #14233a; --h: #101826; }
.cal { flex: 1; display: flex; flex-direction: column; min-height: 0; margin-top: calc(var(--u) * 1); }
.chs { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: calc(var(--u) * .6); margin-bottom: calc(var(--u) * .5); }
.ch { text-align: center; color: var(--dim); font: 700 calc(var(--u) * 1.6)/1 'Barlow Condensed', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.ch.sh { color: #cdb87a; }
.cg { flex: 1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: repeat(var(--rows), minmax(0, 1fr)); gap: calc(var(--u) * .6); min-height: 0; }
.cc { background: rgba(255, 255, 255, .05); border: 1px solid var(--line); border-radius: calc(var(--u) * .9); padding: calc(var(--u) * .55) calc(var(--u) * .8); overflow: hidden; display: flex; flex-direction: column; gap: calc(var(--u) * .25); min-width: 0; min-height: 0; }
.cc.out { opacity: .38; } .cc.past { opacity: .6; } .cc.out.past { opacity: .3; }
.cc.shab { background: rgba(205, 184, 122, .07); }
.cc.today { background: rgba(74, 163, 255, .2); border-color: #4aa3ff; opacity: 1; box-shadow: 0 0 0 1px #4aa3ff inset; }
.cn { display: flex; align-items: baseline; justify-content: space-between; gap: .5em; min-width: 0; }
.cn b { font: 800 calc(var(--u) * 2.2)/1 'Barlow Condensed', sans-serif; }
.cc.today .cn b { color: #8fc4ff; }
.ctags { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; overflow: hidden; }
.ct { font: 700 calc(var(--u) * 1.15)/1.15 'Barlow Condensed', sans-serif; letter-spacing: .06em; text-transform: uppercase; max-width: 100%; text-align: right; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ct.parsha { color: #cdb87a; } .ct.hol { color: #ffd23a; } .ct.rc { color: #8fc4ff; } .ct.fast { color: #ff9c7a; }
.ci { display: flex; gap: .45em; align-items: baseline; font: 600 calc(var(--u) * 1.45)/1.15 'Inter', sans-serif; min-width: 0; border-left: 3px solid var(--w, #8f99ab); padding-left: .45em; }
.ci b { color: #8fc4ff; font-weight: 700; flex: none; }
.ci span { min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ci.bd { border-left-color: #ff4fa3; } .ci.bd b { color: #ff9ccb; }
.cm { color: var(--dim); font: 600 calc(var(--u) * 1.2)/1 'Inter', sans-serif; }
.week { flex: 1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: calc(var(--u) * .8); min-height: 0; margin-top: calc(var(--u) * 1.2); }
.wc { background: rgba(255, 255, 255, .05); border: 1px solid var(--line); border-radius: calc(var(--u) * 1.1); padding: calc(var(--u) * 1) calc(var(--u) * 1.1); display: flex; flex-direction: column; gap: calc(var(--u) * .7); min-width: 0; min-height: 0; overflow: hidden; }
.wc.today { background: rgba(74, 163, 255, .18); border-color: #4aa3ff; }
.wh { display: flex; flex-direction: column; gap: .2em; }
.wh b { font: 800 calc(var(--u) * 1.9)/1 'Barlow Condensed', sans-serif; letter-spacing: .1em; }
.wh span { color: var(--dim); font: 600 calc(var(--u) * 1.6)/1 'Barlow Condensed', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.wc.today .wh b { color: #8fc4ff; }
.wtags { display: flex; flex-direction: column; gap: .2em; min-height: calc(var(--u) * 1.3); }
.wtags .ct { font-size: calc(var(--u) * 1.4); }
.wl { display: flex; flex-direction: column; gap: calc(var(--u) * .8); min-height: 0; overflow: hidden; }
.ci.big { flex-direction: column; gap: .1em; font-size: calc(var(--u) * 1.8); padding-left: .6em; }
.ci.big b { font-size: calc(var(--u) * 1.7); }
.ci.big span { white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.wn { color: var(--dim); text-align: center; padding-top: 1em; }
/* the month keeps one line per event (the week view has room for the whole title) */
.cc .ci span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.evink { height: calc(var(--u) * 1.9); width: auto; max-width: 100%; flex: 0 1 auto; align-self: center; }
.ci.big .evink { height: calc(var(--u) * 3.6); align-self: flex-start; }
.evink path { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6.5; vector-effect: none; }

/* calendar week: the weekday on top, the date in the corner */
.wh { display: block; position: relative; padding-right: calc(var(--u) * 3.4); min-height: calc(var(--u) * 3.4); }
.wh b { display: block; font-size: calc(var(--u) * 1.6); letter-spacing: .05em; padding-top: .55em; }
.wh i { position: absolute; right: 0; top: 0; font: 800 calc(var(--u) * 3.4)/1 'Barlow Condensed', sans-serif; font-style: normal; color: #cfd8e6; }
.wc.today .wh i { color: #8fc4ff; }
.wc.past { opacity: .55; } .wc.today { opacity: 1; }
.wc.shab { background: rgba(205, 184, 122, .07); }
.wh b { font-size: calc(var(--u) * 1.3); letter-spacing: .01em; }

/* each day of the week has its own colour */
.wc { --dc: #4aa3ff; background: color-mix(in srgb, var(--dc) 9%, rgba(255, 255, 255, .03)); border-color: color-mix(in srgb, var(--dc) 40%, transparent); border-top: calc(var(--u) * .5) solid var(--dc); }
.wc.shab { background: color-mix(in srgb, var(--dc) 9%, rgba(255, 255, 255, .03)); }
.wc .wh b, .wc .wh i, .wc.today .wh i { color: var(--dc); }
.wc .ci b { color: var(--dc); }
.wc .ci { border-left-color: var(--dc); }
.wc.today { background: color-mix(in srgb, var(--dc) 24%, rgba(255, 255, 255, .04)); border-color: var(--dc); box-shadow: 0 0 calc(var(--u) * 1.6) color-mix(in srgb, var(--dc) 35%, transparent); }

/* grocery list: three columns, orange tick */
.todol.three { grid-template-columns: 1fr 1fr 1fr; column-gap: calc(var(--u) * 2.4); }
.groc .ti .box { border-color: #ff9f43; }
.groc .todol { align-content: start; }

/* bottom strip: an event happening about now (20 minutes before to 20 minutes after) */
#tbfoot .fe { flex: 2.2; min-width: 0; display: none; justify-content: center; gap: calc(var(--u) * 1.6); }
#tbfoot.hasEvt .fe { display: flex; }
#tbfoot.hasEvt .fm { display: none; }
#tbfoot .ep { display: flex; align-items: center; gap: calc(var(--u) * 1); min-width: 0; padding: calc(var(--u) * .7) calc(var(--u) * 1.6); border-radius: 99px; background: rgba(255, 210, 58, .14); border: 2px solid #ffd23a; }
#tbfoot .ep b { color: #ffd23a; font: 800 calc(var(--u) * 2.6)/1 'Barlow Condensed', sans-serif; flex: none; }
#tbfoot .ep .en { font: 700 calc(var(--u) * 2.3)/1.1 'Inter', sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#tbfoot .ep .evink { height: calc(var(--u) * 3.2); align-self: center; }
#tbfoot .ep em { color: #ffe38a; font: 700 calc(var(--u) * 1.7)/1 'Barlow Condensed', sans-serif; letter-spacing: .08em; text-transform: uppercase; font-style: normal; flex: none; }
#tbfoot .ep.soon, #tbfoot .ep.now { background: rgba(255, 210, 58, .28); animation: epPulse 1.6s ease-in-out infinite; }
@keyframes epPulse { 50% { box-shadow: 0 0 calc(var(--u) * 2) rgba(255, 210, 58, .55); } }

.todol.dense { gap: calc(var(--u) * .7); }
.todol.dense .ti { padding: calc(var(--u) * .65) calc(var(--u) * 1.6); font-size: calc(var(--u) * 2.1); }
.todol.dense .ti .box { width: calc(var(--u) * 2.2); height: calc(var(--u) * 2.2); }
#tbfoot .fr { flex: 1.1; }
#tbfoot .fr span { white-space: nowrap; }
#tbfoot .fe { flex: 2; }
.todol.dense .ti { padding: calc(var(--u) * .85) calc(var(--u) * 1.6); font-size: calc(var(--u) * 2.5); }
#tbfoot .fl { flex: 0 0 auto; }
#tbfoot .fd { white-space: nowrap; }

.mprice.long { font-size: calc(var(--u) * 5.2); }
#tbfoot .fm { flex: 1; justify-content: center; }
#tbfoot .fl { margin-right: calc(var(--u) * 2); }