html.tv {
  font-size: clamp(12px, 1.04vw, 30px);
  color-scheme: dark;
  --bg: #0F2029; --panel: #17303B; --panel-2: #1F3E4B; --panel-3: #14262F;
  --line: #F1ECDD; --dim: #A3B5BC; --hairline: rgba(255,255,255,.09);
  --gold-ink: #E2B457; --prata-ink: #C6D2D7; --win-ink: #74C48F; --out-ink: #EE8A78;
}
.tv-body { margin: 0; height: 100vh; overflow: hidden; background: var(--bg); color: var(--line); font-size: 1rem; line-height: 1.35; }
.tv-body.tv-idle { cursor: none; }
.tv-frame { height: 100vh; display: flex; flex-direction: column; gap: .9rem; padding: 1rem 1.3rem 1.1rem; }
.tv-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; }
.tv-title h1 { font-size: 2.3rem; line-height: 1; letter-spacing: .005em; }
.tv-title p { margin: .35rem 0 0; color: var(--dim); font-size: 1rem; }
.tv-now { display: flex; align-items: center; gap: .9rem; margin-left: auto; margin-right: 1.6rem; padding-bottom: .15rem; }
.tv-now-label { color: var(--dim); font-size: .95rem; letter-spacing: .06em; text-transform: uppercase; }
.tv-now strong { font-family: 'Oswald', sans-serif; font-size: 1.9rem; color: var(--gold-ink); line-height: 1; }
.dots { display: inline-flex; gap: .45rem; }
.dots i { width: .6rem; height: .6rem; border-radius: 50%; background: var(--hairline); transition: background .3s; }
.dots i.on { background: var(--gold-ink); }
.tv-meta { display: flex; align-items: center; gap: 1.4rem; }
.tv-clock { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 2.6rem; line-height: 1; font-variant-numeric: tabular-nums; }
.tv-live { display: inline-flex; align-items: center; gap: .5rem; background: var(--live); color: var(--on-live); font-weight: 700; font-size: .95rem; letter-spacing: .05em; padding: .3rem .8rem; border-radius: 99px; }
.tv-live i { width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; }
.tv-live b { font-family: 'Oswald', sans-serif; font-size: 1.1rem; }
.live-now { color: var(--live); font-weight: 700; font-size: calc(var(--tv-scale, 1) * .8rem); letter-spacing: .03em; }
.tv-grid { flex: 1; min-height: 0; display: grid; gap: .9rem; grid-template-columns: minmax(0, 25fr) minmax(0, 45fr) minmax(0, 30fr); grid-template-rows: 1fr auto; --tv-scale: 1; }
.tv-grid.no-fans { grid-template-columns: minmax(0, 27fr) minmax(0, 73fr); }
.c1, .c2 { --tv-scale: .9; }
.c1 { grid-column: 1; grid-row: 1 / -1; }
.c2 { grid-column: 2; grid-row: 1; }
.c3 { grid-column: 3; grid-row: 1; }
.tv-col { display: flex; flex-direction: column; gap: .9rem; min-height: 0; }
.c1 .tv-next { flex: 1 1 0; }
.c2 .tv-standings { flex: 1 1 0; }
.c3 .tv-qr { flex: none; } .c3 .tv-fans { flex: 1 1 0; }
.tv-ticker { grid-column: 2 / -1; grid-row: 2; }

.tv-panel { background: var(--panel); border-radius: .8rem; padding: .9rem 1.1rem 1rem; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.tv-panel h2 { font-size: calc(var(--tv-scale) * 1.1rem); letter-spacing: .06em; text-transform: uppercase; color: var(--gold-ink); margin: 0 0 .7rem; }
.tv-page > .tv-empty, .tv-panel > .tv-empty, .pages > .tv-empty, .tv-scroll > .tv-empty { margin: auto; padding: 1rem; text-align: center; color: var(--dim); font-size: calc(var(--tv-scale) * 1.05rem); max-width: 28ch; }
.pages { position: relative; flex: 1; min-height: 0; }
.tv-page { position: absolute; inset: 0; display: flex; flex-direction: column; min-height: 0; opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; }
.tv-page.on { opacity: 1; visibility: visible; }
.tv-slide { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.tv-ticker { background: var(--panel); border-radius: .8rem; padding: .7rem 1.1rem; min-height: 0; }
.tv-scroll-x { overflow: hidden; position: relative; }
.tv-scroll-x.is-scrollable { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 2rem, #000 calc(100% - 2.4rem), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 2rem, #000 calc(100% - 2.4rem), transparent 100%); }
.tick-list { list-style: none; margin: 0; padding: 0; display: flex; gap: .7rem; }
.tick { flex: none; background: var(--panel-2); border-radius: .6rem; padding: .45rem .8rem; min-width: 14rem; }
.tick-tag { display: block; font-size: .78rem; color: var(--dim); margin-bottom: .25rem; white-space: nowrap; }
.tick-row { display: flex; align-items: baseline; gap: .6rem; white-space: nowrap; }
.tick-name { font-size: 1.05rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.tick-row.won .tick-name { color: var(--win-ink); }
.tick-row.lost .tick-name { color: var(--dim); font-weight: 400; }
.tick-sets { display: flex; flex-wrap: wrap; justify-content: center; margin-top: .3rem; padding-top: .3rem; border-top: 1px solid var(--hairline); font-family: 'Oswald', sans-serif; font-size: .92rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tick-set + .tick-set::before { content: '|'; margin: 0 .45em; color: var(--dim); font-weight: 400; }
.tick-set b { font-weight: 400; color: var(--dim); }
.tick-set b.w { font-weight: 700; color: var(--line); }
.tv-slide > header { display: flex; align-items: baseline; gap: .3rem 1rem; margin-bottom: .5rem; flex-wrap: wrap; }
.tv-slide > header h3 { font-size: calc(var(--tv-scale) * 1.6rem); }
.tv-slide > header span { color: var(--dim); font-size: calc(var(--tv-scale) * .88rem); }
.stand-grid { display: flex; flex-direction: column; gap: .8rem; }
.stand-card { background: var(--panel-2); border-radius: .7rem; padding: .55rem .9rem .7rem; }
table.stand { width: 100%; border-collapse: collapse; font-size: calc(var(--tv-scale) * 1.12rem); }
.stand caption { text-align: left; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: calc(var(--tv-scale) * 1.2rem); color: var(--gold-ink); padding-bottom: .25rem; }
.stand th, .stand td { padding: .34rem .4rem; text-align: left; font-weight: 400; border-top: 1px solid var(--hairline); }
.stand thead th { border-top: 0; color: var(--dim); font-size: calc(var(--tv-scale) * .78rem); font-weight: 600; }
.stand tbody th { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 12ch; }
.stand .num { text-align: right; font-variant-numeric: tabular-nums; }
.stand tbody td:first-child { width: 2ch; text-align: center; }
.stand tr.q td:first-child { background: color-mix(in srgb, var(--win) 30%, transparent); border-radius: .4rem 0 0 .4rem; font-weight: 700; }
.stand tr.q2 td:first-child { background: color-mix(in srgb, var(--prata) 28%, transparent); border-radius: .4rem 0 0 .4rem; font-weight: 700; }
.stand-key { margin: .7rem 0 0; color: var(--dim); font-size: calc(var(--tv-scale) * .85rem); display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.stand-key i { width: .8rem; height: .8rem; border-radius: .25rem; display: inline-block; }
.k-gold { background: color-mix(in srgb, var(--win) 55%, transparent); } .k-silver { background: color-mix(in srgb, var(--prata) 55%, transparent); margin-left: .6rem; }
.progress { height: .9rem; border-radius: 99px; background: var(--panel-2); overflow: hidden; margin: .4rem 0 1rem; max-width: 40rem; }
.progress span { display: block; height: 100%; background: var(--gold-ink); border-radius: 99px; }
.tv-podiums { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: .8rem; padding-top: .8rem; }
.tv-podium { background: var(--panel-2); border-radius: .6rem; padding: .6rem .9rem; min-width: 14rem; }
.tv-podium h4 { font-family: 'Oswald', sans-serif; font-size: calc(var(--tv-scale) * 1rem); color: var(--win-ink); margin: 0 0 .35rem; }
.tv-podium.silver h4 { color: var(--prata-ink); }
.tv-podium ol { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.tv-podium li { display: flex; align-items: center; gap: .6rem; font-size: calc(var(--tv-scale) * 1.1rem); font-weight: 600; }
.tv-podium .rank { width: 1.6rem; height: 1.6rem; font-size: calc(var(--tv-scale) * .8rem); }
.next-list { list-style: none; margin: 0; padding: 0; }
.next-live { flex: none; margin-bottom: .6rem; padding-bottom: .6rem; border-bottom: 1px solid var(--hairline); }
.nx { display: grid; grid-template-columns: 6.4rem 1fr auto; gap: .45rem; align-items: center; padding: .5rem .6rem; border-radius: .6rem; }
.nx + .nx { margin-top: .15rem; }
.nx.is-live { background: var(--tint-live); }
.next-soon { flex: none; margin-bottom: .6rem; padding-bottom: .6rem; border-bottom: 1px solid var(--hairline); }
.soon-label { display: flex; align-items: center; gap: .4rem; margin: 0 0 .3rem .6rem; color: var(--dim); font-weight: 700; font-size: calc(var(--tv-scale) * .78rem); letter-spacing: .08em; text-transform: uppercase; }
.soon-label .ic { width: 1em; height: 1em; }
.nx.is-soon { background: color-mix(in srgb, var(--gold) 9%, transparent); }
.nx.tbd .nx-vs { color: var(--dim); }
.nx-when { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; white-space: nowrap; }
.nx-when b { font-family: 'Oswald', sans-serif; font-size: calc(var(--tv-scale) * 1.55rem); font-variant-numeric: tabular-nums; }
.nx-when span { color: var(--dim); font-size: calc(var(--tv-scale) * .85rem); }
.nx-teams { display: flex; flex-direction: column; min-width: 0; }
.nx-tag { color: var(--dim); font-size: calc(var(--tv-scale) * .8rem); }
.nx-vs { display: flex; flex-direction: column; font-size: calc(var(--tv-scale) * 1.12rem); font-weight: 600; }
.nx-team { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nx-vs em { font-style: normal; color: var(--dim); font-weight: 400; margin-right: .2rem; }
.nx-score { text-align: right; line-height: 1.1; }
.nx-score b { display: block; font-family: 'Oswald', sans-serif; font-size: calc(var(--tv-scale) * 1.6rem); }
.nx-score span { color: var(--dim); font-size: calc(var(--tv-scale) * .9rem); font-variant-numeric: tabular-nums; }
.tv-qr { padding-bottom: .8rem; }
.qr-row { display: flex; align-items: center; gap: .9rem; }
.tv-qr .qr { flex: none; width: min(6.4rem, 34%); aspect-ratio: 1; border-radius: .6rem; overflow: hidden; background: #fff; }
.tv-qr .qr svg { display: block; width: 100%; height: 100%; }
.tv-qr p { margin: 0; font-size: .85rem; color: var(--dim); line-height: 1.35; }
.tv-qr p span { color: var(--gold-ink); font-weight: 600; overflow-wrap: anywhere; }
.fan-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .7rem; flex: 1; min-height: 0; overflow: hidden; -webkit-mask-image: linear-gradient(#000 82%, transparent); mask-image: linear-gradient(#000 82%, transparent); }
.fan { display: flex; flex-direction: column; gap: .2rem; }
.fan-who { color: var(--gold-ink); font-size: .85rem; font-weight: 700; padding-left: .3rem; }
.fan q { quotes: none; display: block; background: var(--panel-2); border-radius: .3rem 1rem 1rem 1rem; padding: .55rem .85rem; font-size: 1.12rem; line-height: 1.3; overflow-wrap: anywhere; width: fit-content; max-width: 100%; }
.fan.fresh { animation: res-in .9s cubic-bezier(.22, 1, .36, 1); }
.tv-conn { position: fixed; left: 50%; bottom: 1rem; transform: translateX(-50%); background: var(--panel-3); color: var(--out-ink); padding: .5rem 1rem; border-radius: 99px; font-size: .95rem; box-shadow: 0 0 0 1px var(--hairline); }
@media (prefers-reduced-motion: no-preference) {
  .tick.fresh { animation: res-in .9s cubic-bezier(.22, 1, .36, 1); }
  @keyframes res-in { from { opacity: 0; transform: translateY(-1rem); background: color-mix(in srgb, var(--gold) 40%, var(--panel-2)); } }
  .tv-live i, .live-now { animation: tv-pulse 1.6s ease-in-out infinite; }
  @keyframes tv-pulse { 50% { opacity: .35; } }
}
@media (max-width: 900px), (max-aspect-ratio: 1/1) {
  html.tv { font-size: 15px; }
  .tv-body, .tv-frame { height: auto; min-height: 100vh; overflow: visible; }
  .tv-grid, .tv-grid.no-fans { grid-template-columns: 1fr; grid-template-rows: none; }
  .tv-panel { overflow: visible; }
  .fan-list { -webkit-mask-image: none; mask-image: none; }
  .pages, .tv-scroll { min-height: 18rem; overflow: visible; }
  .tv-scroll-x { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .c1 .tv-next, .c2 .tv-standings, .c3 .tv-fans { flex: none; }
}
.tv-scroll { flex: 1; min-height: 0; overflow: hidden; position: relative; }
.tv-scroll.is-scrollable { -webkit-mask-image: linear-gradient(transparent 0, #000 1.2rem, #000 calc(100% - 1.6rem), transparent 100%); mask-image: linear-gradient(transparent 0, #000 1.2rem, #000 calc(100% - 1.6rem), transparent 100%); }
.tv-grid { position: relative; }
.tv-sponsors { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.tv-sponsor { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.1rem; text-align: center; padding: 2rem; background: var(--panel); border-radius: .8rem; opacity: 0; visibility: hidden; transition: opacity .7s, visibility .7s; }
.tv-sponsor.on { opacity: 1; visibility: visible; }
.sp-tier { font-family: 'Oswald', sans-serif; font-size: 1.3rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-ink); }
.sp-plate { box-sizing: border-box; overflow: hidden; background: #fff; border-radius: 1.2rem; padding: min(2rem, 6%) min(3rem, 8%); width: min(38rem, 70%); height: min(19rem, 38%); min-height: 0; display: block; box-shadow: 0 1rem 3rem rgba(0,0,0,.35); }
.sp-plate img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sp-plate .sp-name-big { display: grid; place-items: center; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.sp-name-big { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 3.4rem; line-height: 1.05; color: #17303C; }
.sp-name { font-size: 3.2rem; letter-spacing: .01em; }
.sp-tagline { margin: 0; font-size: 1.6rem; color: var(--dim); max-width: 34ch; text-wrap: balance; }
.sp-url { margin: 0; font-size: 1.5rem; font-weight: 600; color: var(--gold-ink); }
@media (prefers-reduced-motion: no-preference) {
  .tv-sponsor.on .sp-plate { animation: sp-in .9s cubic-bezier(.22, 1, .36, 1); }
  @keyframes sp-in { from { opacity: 0; transform: translateY(1.2rem) scale(.96); } }
}
.tv-brackets { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.tv-bracket-slide { position: absolute; inset: 0; display: flex; flex-direction: column; gap: .6rem; padding: 1.4rem 1.6rem; background: var(--bg); opacity: 0; visibility: hidden; transition: opacity .7s, visibility .7s; }
.tv-bracket-slide.on { opacity: 1; visibility: visible; }
.tvb-slide-head h2 { font-size: 1.8rem; color: var(--gold-ink); }
@media (prefers-reduced-motion: no-preference) {
  .tv-grid.anim-in .tv-page.on .stand-card { animation: tv-rise .6s cubic-bezier(.22, 1, .36, 1) both; }
  .tv-grid.anim-in .tv-page.on .stand-card:nth-child(2) { animation-delay: .07s; }
  .tv-grid.anim-in .tv-page.on .stand-card:nth-child(3) { animation-delay: .14s; }
  .tv-grid.anim-in .tv-page.on .stand-card:nth-child(4) { animation-delay: .21s; }
  .tv-grid.anim-in .tv-page.on .stand-card:nth-child(n+5) { animation-delay: .28s; }
  @keyframes tv-rise { from { opacity: 0; transform: translateY(1.2rem); } }
}
.tv-panel h2 { display: flex; align-items: center; gap: .55rem; }
.tv-panel h2 .ic { width: calc(var(--tv-scale, 1) * 1.25rem); height: calc(var(--tv-scale, 1) * 1.25rem); }
.tv-trial-overlay { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--bg); color: var(--line); padding: 2rem; }
.tv-trial-overlay .tv-trial-title { font-family: 'Oswald', sans-serif; font-size: 2.2rem; color: var(--gold-ink); margin: 0 0 .8rem; }
.tv-trial-overlay p { margin: .3rem 0; font-size: 1.1rem; }
.tv-trial-overlay p.small { color: var(--dim); font-size: .95rem; margin-top: 1.2rem; }
.fan q, .fan-who { font-family: 'Inter', system-ui, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif; }
.tv-live-board { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.tv-live-slide { position: absolute; inset: 0; display: flex; flex-direction: column; gap: .7rem; padding: 1.2rem 1.6rem 1.4rem; background: var(--bg); opacity: 0; visibility: hidden; transition: opacity .7s, visibility .7s; }
.tv-live-slide.on { opacity: 1; visibility: visible; }
.tv-live-slide .tvb-slide-head h2 { display: flex; align-items: center; gap: .8rem; }
.lg-count { background: var(--live); color: var(--on-live); border-radius: 99px; padding: .05em .6em; font-size: .6em; }
.lg-wrap { flex: 1; min-height: 0; container-type: size; }
.lg-grid { --gap: .9rem; height: 100%; display: grid; gap: var(--gap); justify-content: center; align-content: center;
  grid-template-columns: repeat(var(--cols, 1), calc((100cqw - 2 * var(--gap)) / 3));
  grid-auto-rows: max(calc((100cqh - 3 * var(--gap)) / 4), min(calc((100cqh - (var(--rows, 4) - 1) * var(--gap)) / var(--rows, 4)), 9.5rem)); }
.lg-card { container-type: size; min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 1cqh; background: var(--panel); border-radius: .8rem; padding: 3.5cqh 3cqw; box-shadow: inset 0 0 0 2px var(--tint-live); overflow: hidden; }
.lg-meta { display: flex; justify-content: space-between; gap: 3cqw; font-size: clamp(9px, min(11.5cqh, 5.4cqw), 40px); color: var(--dim); white-space: nowrap; }
.lg-meta span { overflow: hidden; text-overflow: ellipsis; }
.lg-court { color: var(--gold-ink); font-weight: 700; }
.lg-body { flex: 1; min-height: 0; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 1.5cqw; }
.lg-team { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .1em; text-align: center; min-width: 0; color: var(--dim); font-size: clamp(10px, min(14cqh, 5.6cqw), 52px); font-weight: 700; line-height: 1.12; }
.lg-team.lead { color: var(--line); }
.lg-nm { position: relative; z-index: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-amp { position: absolute; inset: 0; display: grid; place-items: center; z-index: 0; font: 700 3.4em 'Oswald', sans-serif; line-height: 1; opacity: .2; pointer-events: none; color: var(--line); transform: translateY(-16%); }
.lg-score { display: flex; align-items: center; justify-content: center; gap: 1.5cqw; font-family: 'Oswald', sans-serif; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.lg-score b { font-size: clamp(24px, min(58cqh, 24cqw), 340px); color: var(--dim); min-width: 1.1ch; text-align: center; }
.lg-score b.lead { color: var(--gold-ink); }
.lg-score i { font-style: normal; font-size: clamp(12px, min(26cqh, 10cqw), 120px); color: var(--dim); opacity: .7; }
.lg-foot { display: flex; justify-content: center; align-items: baseline; flex-wrap: nowrap; gap: 3cqw; text-align: center; font-size: clamp(9px, min(12cqh, 5.4cqw), 40px); color: var(--dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
.lg-sets { font-weight: 700; color: var(--line); }
.lg-prev { overflow: hidden; text-overflow: ellipsis; }
.tick-big { display: block; margin-top: .25rem; text-align: center; font-family: 'Oswald', sans-serif; font-size: 1.9rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: var(--gold-ink); }
.tick-sets.tick-small { font-family: inherit; font-weight: 400; color: var(--dim); font-size: .85rem; margin-top: .2rem; }
.nx { grid-template-columns: 5.6rem minmax(0, 1fr) auto; }
.nx.is-live { grid-template-columns: 4.6rem minmax(0, 1fr) auto; }
.nx-team { white-space: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; line-height: 1.15; overflow-wrap: anywhere; }
.nx-score b { font-size: calc(var(--tv-scale) * 1.4rem); }
.nx-score span { font-size: calc(var(--tv-scale) * .8rem); }

.lg-ph { display: flex; justify-content: center; position: relative; z-index: 1; margin-bottom: .15em; }
.lg-ph img { width: clamp(16px, min(21cqh, 15cqw), 130px); height: clamp(16px, min(21cqh, 15cqw), 130px); border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 .08em var(--panel), 0 0 0 .13em var(--tint-live); }
.lg-ph img + img { margin-left: -.35em; }
.lg-team.has-ph { font-size: clamp(9px, min(10.5cqh, 4.6cqw), 44px); }
.lg-team.has-ph .lg-amp { display: none; }
.tvs-root { flex: 1; min-height: 0; }
.tvs-root > .tv-empty { margin: 4rem auto; text-align: center; color: var(--dim); max-width: 32ch; font-size: 1.2rem; }
.ag-tv { height: 100%; }
.ag-tv .ag-day { height: 100%; }
.ag-tv .ag { height: 100%; padding: .7rem .9rem .8rem; gap: 0 .7rem; grid-template-columns: 4.2rem repeat(var(--cols, 1), minmax(0, 1fr)); align-content: start; }
.ag-tv .ag-court:not(.on) { display: block; }
.ag-tv .ag-tabs { display: none; }
.ag-tv .ag-h { font-size: 1.15rem; min-height: 3.2rem; }
.ag-tv .ag-h small { display: block; font-size: .85rem; }
.ag-tv .ag-axis span { font-size: .9rem; }
.ag-tv .ag-axis .ag-nowtag { font-size: .85rem; }
.ag-tv .ag-g { font-size: 1rem; padding: .3rem .6rem .3rem .75rem; }
.ag-tv .ag-t { font-size: .85rem; }
.ag-tv .ag-n { font-size: 1.1rem; }
.ag-tv .ag-sc { font-size: 1.7rem; }
.ag-tv .ag-sub { font-size: .85rem; }
.ag-tv .ag-sc-none { font-size: 1.1rem; }
.ag-tv .ag-free { font-size: .85rem; }
.ag-tv .ag-axis, .ag-tv .ag-col { height: calc(var(--room, 600) * 1px); overflow: hidden; }
.ag-tv .ag-g { top: calc((var(--s) - var(--off, 0)) * var(--ppm) * 1px + 1px); }
.ag-tv .ag-free { top: calc((var(--s) - var(--off, 0)) * var(--ppm) * 1px + 3px); }
.ag-tv .ag-now, .ag-tv .ag-axis span { top: calc((var(--s) - var(--off, 0)) * var(--ppm) * 1px); }
.ag-tv .ag-col { background-position-y: calc(var(--off, 0) * var(--ppm) * -1px); }