.quien{--si:#6fd08c;--cerca:#f0b64a;--nada:#f1d6ac1a}.quien-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.quien-botones{gap:.5rem;display:flex}.bolas{gap:.55rem;margin-top:.8rem;display:flex}.bola{filter:url(#tiza);border:2.5px dashed #f1d6ac99;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;transition:background .3s,border-color .3s,transform .3s;display:grid}.bola svg{stroke:#06182f;stroke-width:3.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:62%;height:62%}.bola.fallo{background:#ff6b64;border:2.5px solid #ff6b64;box-shadow:0 0 10px #ff6b6459}.bola.gol{background:var(--si);border:2.5px solid var(--si);transform:scale(1.18);box-shadow:0 0 14px #6fd08c8c}.bola.nueva{animation:.52s cubic-bezier(.2,1.8,.4,1) bola-entra}@keyframes bola-entra{0%{transform:scale(.2)rotate(-40deg)}}.buscador{position:relative}.buscador input{width:100%;min-height:3.4rem;color:var(--color-crema);background:#00132dbf;border:2.5px solid #f1d6ac8c;border-radius:5px 16px 6px 13px/13px 6px 16px 5px;outline:none;padding:0 1rem;font-size:1.2rem}.buscador input:focus{border-color:var(--color-crema);box-shadow:0 0 0 4px #f1d6ac26}.buscador input::placeholder{color:#f1d6ac73}.sugerencias{z-index:20;background:#06182f;border:2px solid #f1d6ac66;border-radius:10px;max-height:20rem;margin:0;padding:.3rem;list-style:none;display:grid;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 14px 30px #00000080}.sugerencias:empty{display:none}.sugerencias li{cursor:pointer;border-radius:7px;align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.sugerencias li[aria-selected=true],.sugerencias li:hover{background:#f1d6ac1f}.sugerencias img{object-fit:contain;flex:none;width:1.7rem;height:1.7rem}.sugerencias .s-nombre{font-weight:700}.sugerencias .s-pos{font-family:var(--font-display);color:var(--color-crema);border:1.5px solid #f1d6ac80;border-radius:4px;flex:none;padding:.05rem .4rem;font-size:.8rem;font-weight:900}.sugerencias .s-club{font-family:var(--font-mono);color:var(--tiza-suave);text-align:right;margin-left:auto;font-size:.72rem}.error-quien{color:#ff9d98;min-height:1.2rem}.bajo-buscador{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem 1rem;display:flex}.regla{max-width:34rem;font-family:var(--font-mono);color:var(--tiza-suave);margin:0;font-size:.72rem;line-height:1.45}.quien .rendirse.seguro{color:#06182f;background:#ff6b64;border-color:#ff6b64}.rejilla{gap:.7rem;display:grid}.cabecera,.casillas{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;display:grid}.casillas{align-items:start;padding-bottom:.2rem}.cabecera span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--tiza-suave);font-size:.62rem}.fila{gap:.3rem;display:grid}.fila-nombre{font-family:var(--font-display);text-transform:uppercase;color:var(--color-crema);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:900;display:flex}.fila-nombre img{object-fit:contain;width:1.4rem;height:1.4rem}.fila-n{min-width:1.5rem;height:1.5rem;font-family:var(--font-mono);color:var(--tiza-suave);border:1.5px solid #f1d6ac80;border-radius:99px;place-items:center;padding:0 .3rem;font-size:.72rem;display:grid}.casilla{--t:clamp(2.35rem, 11.5vw, 3.1rem);--aro:#f1d6ac4d;align-content:start;justify-items:center;gap:.25rem;display:grid;position:relative}.casilla.si{--aro:var(--si)}.casilla.cerca{--aro:var(--cerca)}.ficha{width:var(--t);height:var(--t);perspective:500px;position:relative}.casilla-gira{transform-style:preserve-3d;transition:transform .56s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0}.casilla.vuelta .casilla-gira{transform:rotateY(180deg)}.casilla-dorso,.casilla-cara{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.casilla-dorso{font-family:var(--font-display);font-weight:900;font-size:calc(var(--t) * .46);color:#f1d6ac73;background:#00132d99;border:2px dashed #f1d6ac73}.casilla-cara{background:#16294a;overflow:hidden;transform:rotateY(180deg)}.casilla-cara:after{content:"";box-shadow:inset 0 0 0 3px var(--aro);pointer-events:none;border-radius:50%;position:absolute;inset:0}.casilla.si .casilla-cara{box-shadow:0 0 12px #6fd08c99}.casilla.cerca .casilla-cara{box-shadow:0 0 10px #f0b64a80}.casilla-cara .bandera{object-fit:cover;width:100%;height:100%}.casilla-cara.claro{background:#fffaf0}.casilla.si .casilla-cara.claro{background:var(--si)}.casilla-cara .logo{object-fit:contain;width:66%;height:66%}.casilla-cara .pos{font-family:var(--font-display);font-weight:900;font-size:calc(var(--t) * .34);color:var(--color-crema)}.casilla.si .casilla-cara.pos-cara{background:var(--si)}.casilla.si .casilla-cara.pos-cara .pos{color:#06240f}.casilla-cara.dibujada{background:0 0;border-radius:0;overflow:visible}.casilla-cara.dibujada:after{display:none}.casilla.si .casilla-cara.dibujada,.casilla.cerca .casilla-cara.dibujada{box-shadow:none}.icono{width:100%;height:100%;overflow:visible}.icono .tela,.icono .papel{fill:#2b3c5a;stroke:#f1d6accc;stroke-width:1.6px;stroke-linejoin:round}.icono .tapa{fill:#9a4d49}.icono .anilla{stroke:#f1d6ace6;stroke-width:2.6px;stroke-linecap:round}.icono .raya{stroke:#f1d6ac59;stroke-width:1.4px}.icono .num{fill:var(--color-crema);font-family:var(--font-display);font-size:17px;font-weight:900}.casilla.si .icono .tela,.casilla.si .icono .papel{fill:var(--si);stroke:#e3ffec}.casilla.si .icono .tapa{fill:#2f8f55}.casilla.si .icono .num{fill:#06240f}.casilla.si .icono{filter:drop-shadow(0 0 6px #6fd08ca6)}.casilla.cerca .icono .tela,.casilla.cerca .icono .papel{fill:var(--cerca);stroke:#fff1d6}.casilla.cerca .icono .tapa{fill:#c47f14}.casilla.cerca .icono .num{fill:#2b1a00}.casilla.cerca .icono{filter:drop-shadow(0 0 5px #f0b64a8c)}.flecha{z-index:2;border:2px solid var(--color-crema);width:1.25rem;height:1.25rem;color:var(--color-crema);opacity:0;background:#06182f;border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;line-height:1;transition:opacity .2s .38s,transform .32s cubic-bezier(.2,1.8,.4,1) .38s;display:grid;position:absolute;bottom:-.3rem;right:-.4rem;transform:scale(.4)}.casilla.vuelta .flecha{opacity:1;transform:none}.pie{max-width:100%;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--tiza-suave);overflow-wrap:anywhere;opacity:0;font-size:.55rem;line-height:1.15;transition:opacity .25s .35s}.casilla.vuelta .pie{opacity:1}.fila.nueva .fila-nombre{animation:.38s cubic-bezier(.2,1.5,.4,1) both entra-nombre}@keyframes entra-nombre{0%{opacity:0;transform:translate(-1.2rem)}}.final{scroll-margin-top:6.5rem}.final-caja{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem 1.1rem;display:grid}.final-caja.panel-juego{background-color:#00132d73;border-radius:10px;padding:.9rem}.final-cromo{justify-items:center;gap:.3rem;display:grid}.final-lado{gap:.55rem;min-width:0;display:grid}.final-datos{font-family:var(--font-mono);letter-spacing:.02em;color:var(--tiza-suave);margin:0;font-size:.7rem;line-height:1.5}.final-datos strong{color:var(--color-crema);font-weight:700}.final-botones{gap:.5rem;display:grid}.final-botones .boton-juego{justify-content:center;padding:.55rem .9rem .6rem;font-size:1.15rem}.grito.perdio{align-items:flex-end;gap:.3rem;font-size:clamp(1.7rem,7.5vw,2.6rem);display:flex}.bandera-fdj{width:2.3rem;height:2rem;stroke:var(--color-crema);fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.bandera-fdj .palo{transform-box:view-box;transform-origin:20px 96px;animation:.9s cubic-bezier(.3,1.6,.5,1) .25s both palo-sube-q}@keyframes palo-sube-q{0%{opacity:0;transform:rotate(150deg)}20%{opacity:1}}.bandera-fdj .tela{transform-box:fill-box;transform-origin:0;animation:.9s ease-in-out 1.1s infinite alternate ondea-q}.bandera-fdj .tela rect{fill:#f1d6ac1f}.bandera-fdj .tela .cuadro{fill:#ff6b64;stroke:none}@keyframes ondea-q{to{transform:skewY(-9deg)scaleX(.9)}}.voltea-pista{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tiza-suave);text-align:center;margin:0;font-size:.58rem}.tuto-leyenda{gap:.5rem;display:grid}.tuto-leyenda p{align-items:center;gap:.6rem;margin:0;display:flex}.muestra{border:2px solid #f1d6ac59;border-radius:5px;flex:none;width:1.4rem;height:1.4rem;display:inline-block}@media (prefers-reduced-motion:reduce){.casilla-gira{transition:none}.fila.nueva .fila-nombre,.bandera-fdj .palo,.bandera-fdj .tela{animation:none}}
