/* Reto 60 · V2, ronda 3. Va aparte de dry_v2.css y se carga en el layout justo
   después (no por content_for :head: una hoja nueva con data-turbo-track en una
   visita Turbo recarga la página y el cronómetro perdería el audio desbloqueado). */

/* Cronómetro hexagonal (Alberca .ring-wrap, to-do #23). El <path> arranca arriba
   al centro y se llena en el sentido del reloj: sin la rotación del anillo viejo. */
.v2-hex-ring svg { transform: none; overflow: visible; }
.v2-hex-ring .v2-ring-face { fill: rgba(9, 14, 20, 0.62); stroke: none; transition: fill 0.6s; }
.v2-hex-ring .v2-ring-track { fill: none; stroke: var(--v2-line); stroke-width: 4; stroke-linejoin: round; }
.v2-hex-ring .v2-ring-bar { fill: none; stroke: var(--v2-gold-hi); stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; transition: stroke-dashoffset 0.12s linear, stroke 0.4s; filter: drop-shadow(0 0 6px rgba(241, 216, 143, 0.5)); }
.v2-hex-ring .v2-ring-num { position: relative; color: var(--v2-ink); text-shadow: 0 1px 14px rgba(3, 7, 11, 0.9); transition: color 0.4s; }
.v2-hex-ring.prep .v2-ring-bar { stroke: #6ea0ff; filter: drop-shadow(0 0 6px rgba(110, 160, 255, 0.5)); }
.v2-hex-ring.is-over .v2-ring-bar { stroke: var(--v2-gold-hi); }
.v2-hex-ring.over .v2-ring-bar { animation: v2-ring-pulse 1.6s ease-in-out infinite; }
.v2-hex-ring.done .v2-ring-face { fill: url(#v2-face-gold); }
.v2-hex-ring.done .v2-ring-track, .v2-hex-ring.done .v2-ring-bar { stroke: var(--v2-gold-hi); stroke-dashoffset: 0 !important; animation: none; }
.v2-hex-ring.done .v2-ring-num { color: var(--v2-gold-ink); text-shadow: none; }
.v2-hex-ring.paused .v2-ring-bar { stroke: #8c939a; filter: none; animation: none; }
@keyframes v2-ring-pulse { 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) {
  .v2-hex-ring .v2-ring-bar, .v2-hex-ring .v2-ring-face, .v2-hex-ring .v2-ring-num { transition: none; }
  .v2-hex-ring.over .v2-ring-bar { animation: none; }
}

/* Ventana del día 10 (Alberca #reviewLayer, to-do #24): botón apagado para "No mucho". */
.v2-btn.v2-quiet { background: rgba(255, 255, 255, 0.06); border: 1px solid var(--v2-line); color: #b3b8be; font-weight: 500; font-size: 17px; }
/* Capa de pantalla completa como .layer: velo oscuro con desenfoque sobre Hoy. */
.v2-dialog.v2-review { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; inset: 0; border: 0; border-radius: 0; background: rgba(2, 4, 7, 0.88); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.v2-dialog.v2-review[open] { display: flex; align-items: center; justify-content: center; }
.v2-review::backdrop { background: transparent; }
.v2-review .v2-dialog-body { width: 100%; max-width: 360px; padding: 24px; gap: 16px; }
.v2-review .v2-text { max-width: 32ch; color: #b3b8be; }
.v2-review [hidden] { display: none !important; }