/* =====================================================================
   PUNTOS DE LA RONDA (2026-11-06): pizarra en el centro de la mesa con el detalle de la ronda escrito en tiza
   y fósforos encendidos que vuelan al tanteador (js/ui/puntos_ronda.js)
   ===================================================================== */
.tg-pr-cartel {
    /* grande y en el centro de la mesa, bien legible (pedido del autor) */
    position: absolute; top: 54%; left: 50%; z-index: 120; pointer-events: none;
    transform: translate(-50%, -50%) rotate(-1deg);
    font-size: clamp(16px, 2.25cqw, 44px);
    filter: drop-shadow(0 .5em .8em rgba(0, 0, 0, .7));
}
/* la pizarra: verde negruzca con el borrón de tiza y marco de madera */
.tg-pr-pizarra {
    min-width: 18em; padding: .6em 1.2em .75em;
    border: .42em solid #6b3f1d; border-radius: .35em;
    border-color: #8a5428 #5a3214 #4a290f #7a4a22;
    background:
        radial-gradient(ellipse 60% 40% at 30% 35%, rgba(255, 255, 255, .07), transparent 70%),
        radial-gradient(ellipse 50% 35% at 75% 70%, rgba(255, 255, 255, .05), transparent 70%),
        linear-gradient(160deg, rgba(38, 54, 46, .96), rgba(22, 32, 27, .96));
    box-shadow: inset 0 0 1.4em rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 1px #2c1806;
}
/* renglones: qué pasó | NOS | ELLOS (las dos columnas de puntos separadas con línea de tiza) */
.tg-pr-cabeza, .tg-pr-renglon { display: grid; grid-template-columns: 1fr var(--col-nos, 3.6em) 3.6em; align-items: center; column-gap: .6em; }
.tg-pr-cabeza {
    font-family: var(--tg-fuente-titulo, 'Arial Black', sans-serif); padding-bottom: .3em; margin-bottom: .35em;
    border-bottom: 2px dashed rgba(242, 239, 228, .25);
}
.tg-pr-titulo { font-size: .72em; letter-spacing: .35em; color: rgba(242, 239, 228, .55); }
.tg-pr-cabeza .tg-pr-col { font-size: .95em; letter-spacing: .08em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; line-height: 1.5em; }
.tg-pr-col { text-align: center; align-self: stretch; display: flex; align-items: center; justify-content: center;
    border-left: 2px dashed rgba(242, 239, 228, .2); min-height: 1.5em; }
.tg-pr-col-nosotros { color: #9fe7a8; }
.tg-pr-col-ellos { color: #ff9c8c; }
.tg-pr-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .28em; }
.tg-pr-renglon {
    white-space: nowrap; filter: url(#tg-pr-tiza);
    clip-path: inset(-20% 100% -20% 0); /* se escribe de izquierda a derecha */
}
.tg-pr-renglon.tg-pr-escribe { animation: tgPrEscribir .42s steps(14, end) forwards; }
@keyframes tgPrEscribir { to { clip-path: inset(-20% -5% -20% 0); } }
.tg-pr-concepto {
    font-family: var(--tg-fuente-pizarron, 'Comic Sans MS', cursive); color: #f2efe4; font-size: 1em; letter-spacing: .03em;
    text-shadow: 0 0 2px rgba(255, 255, 255, .45);
}
.tg-pr-pts {
    font-family: var(--tg-fuente-titulo, 'Arial Black', sans-serif); font-size: 1.35em; font-weight: normal; display: inline-block;
    text-shadow: 0 0 3px rgba(255, 213, 107, .5);
}
.tg-pr-renglon.tg-pr-listo .tg-pr-pts { animation: tgPrPunto .45s cubic-bezier(.3, 1.8, .5, 1); }
@keyframes tgPrPunto { 0% { transform: scale(1); } 40% { transform: scale(1.45); text-shadow: 0 0 10px #ffb733; } 100% { transform: scale(1); } }

/* fósforo en vuelo: encendido, con la llamita en la cabeza */
.tg-pr-vuelo {
    position: fixed; left: 0; top: 0; z-index: 1000030; pointer-events: none; will-change: transform;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .55));
}
.tg-pr-vuelo svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.tg-pr-llama {
    position: absolute; right: -14%; top: 50%; width: 26%; height: 110%; margin-top: -55%;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    background: radial-gradient(ellipse at 40% 60%, #fffbe0 0%, #ffd34d 30%, #ff7a1a 60%, rgba(255, 60, 0, 0) 75%);
    filter: blur(.4px); mix-blend-mode: screen;
    animation: tgPrLlama .12s ease-in-out infinite alternate;
}
@keyframes tgPrLlama { from { transform: scale(1, .85); opacity: .85; } to { transform: scale(1.15, 1.1); opacity: 1; } }

/* brillo al apoyarse en el tanteador (más fuerte al cerrar el cuadrado de 5) */
.tg-pr-destello {
    position: fixed; z-index: 1000029; pointer-events: none; border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 220, 140, .55) 0%, rgba(255, 170, 60, .25) 40%, rgba(255, 150, 40, 0) 70%);
    animation: tgPrDestello .6s ease-out forwards;
}
.tg-pr-destello.tg-pr-cierra {
    background: radial-gradient(circle, rgba(255, 240, 190, .8) 0%, rgba(255, 190, 70, .4) 35%, rgba(255, 150, 40, 0) 70%);
    animation-duration: .9s;
}
@keyframes tgPrDestello { 0% { transform: scale(.5); opacity: 0; } 25% { opacity: 1; } 100% { transform: scale(1.25); opacity: 0; } }
.tg-pr-humo {
    position: fixed; z-index: 1000029; pointer-events: none; border-radius: 50%;
    background: radial-gradient(circle, rgba(220, 220, 220, .7), rgba(200, 200, 200, 0) 70%);
}


/* [2026-11-07] la cuenta completa: raya de tiza doble y el TOTAL de cada equipo, que se escribe al final */
.tg-pr-total {
    margin-top: .45em; padding-top: .35em;
    border-top: .14em solid rgba(242, 239, 228, .8);
    box-shadow: 0 -.3em 0 -.18em rgba(242, 239, 228, .55);
}
.tg-pr-total .tg-pr-concepto { font-family: var(--tg-fuente-titulo, 'Arial Black', sans-serif); letter-spacing: .2em; font-size: .95em; }
.tg-pr-total .tg-pr-pts { font-size: 1.6em; text-shadow: 0 0 4px rgba(255, 255, 255, .55); }
.tg-pr-total .tg-pr-col { border-left-color: transparent; }

/* [2026-11-08] timer integrado: "REPARTIENDO..." en tiza y una raya que se borra de a poco, como con un trapo */
.tg-pr-cuenta {
    margin-top: .5em; padding-top: .4em; border-top: .1em dashed rgba(242, 239, 228, .35);
    display: grid; gap: .3em;
}
/* letras doradas con relieve, como el cartel de REPARTIENDO de siempre (textos_juego.css) */
.tg-pr-cuenta-txt {
    font-family: var(--tg-fuente-titulo, 'Arial Black', sans-serif); font-size: .95em; line-height: 1.1;
    letter-spacing: .1em; text-align: center; color: #ffd23a;
    -webkit-text-stroke: .12em #2a0f02; paint-order: stroke fill;
    text-shadow: 0 1px 0 #2a0f02, 1px 2px 0 #2a0f02, 2px 3px 0 #2a0f02, 2px 4px 0 #2a0f02, 3px 6px 4px rgba(0, 0, 0, .6);
    transform: skewX(-6deg);
}
.tg-pr-cuenta-barra { height: .34em; border-radius: .2em; background: rgba(242, 239, 228, .12); overflow: hidden; }
.tg-pr-cuenta-barra i {
    display: block; height: 100%; background: linear-gradient(90deg, #f2efe4, rgba(242, 239, 228, .7));
    transform-origin: left center; animation-name: tgPrCuenta; animation-timing-function: linear; animation-fill-mode: forwards;
}
@keyframes tgPrCuenta { from { transform: scaleX(1); } to { transform: scaleX(0); } }