/* Sintonía: dial semicircular (SVG estático) con una aguja HTML que gira con transform. */
.onda { background: #FCEBF6; }
.on-centro { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; }
.on-cartel { font-size: 1.6rem; font-weight: var(--tg-w-strong); text-align: center; min-height: 2.2rem; max-width: 38rem; letter-spacing: -.02em; }
.on-cartel .tg-personaje--linea { width: 2rem; height: 2rem; vertical-align: -.45rem; }
/* El viewBox es 200 × 110 y el eje está en (100, 100): mismas proporciones en la caja. */
.on-dial { position: relative; width: 35rem; height: 19.25rem; flex: none; }
.on-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.on-gajo { fill: #FFFFFF; stroke: #8A3D74; stroke-width: .8; }
.on-gajo--par { fill: #F7DDEF; }
.on-gajo--3 { fill: #FFC93C; }
.on-gajo--2 { fill: #FFE18A; }
.on-gajo--1 { fill: #FFF1C7; }
.on-gajo--0 { fill: #E6E0E4; }
.on-num { font-size: 9px; font-weight: 700; fill: #5A1F49; text-anchor: middle; }
.on-aguja { position: absolute; left: calc(50% - .35rem); bottom: 9.09%; width: .7rem; height: 76%; background: #D81B9C; border-radius: .35rem .35rem 0 0;
  transform-origin: 50% 100%; transform: rotate(0deg); transition: transform 1.4s cubic-bezier(.3, 1.4, .5, 1); }
.on-eje { position: absolute; left: calc(50% - 1rem); top: calc(90.91% - 1rem); width: 2rem; height: 2rem; border-radius: 50%; background: #5A1F49; }
.on-marcas { position: absolute; inset: 0; z-index: 1; }
.on-marca { position: absolute; width: 2.2rem; height: 2.2rem; margin: -1.1rem 0 0 -1.1rem; animation: cl-aparece .35s var(--tg-ease) both; }
.on-extremos { width: 40rem; display: flex; justify-content: space-between; align-items: center; }
.on-extremo { display: flex; align-items: center; gap: .5rem; font-size: 1.7rem; font-weight: var(--tg-w-strong); background: #fff; border-radius: 1rem; padding: .3rem .9rem;
  border: .15rem solid #E9B9DA; }
.on-extremo b { font-size: 2.4rem; font-weight: normal; line-height: 1; }
.onda .cl-jugadores { gap: .4rem; justify-content: center; }