.juegos-fondo{background:radial-gradient(60rem 30rem at 110% -10%,rgb(56 189 248 / .16),transparent 60%),radial-gradient(50rem 26rem at -20% 0%,rgb(250 204 21 / .14),transparent 60%),#f4f6fb}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.9rem;padding:.8rem 1.1rem;font-weight:700;font-size:.95rem;transition:transform .08s ease,background-color .15s ease;touch-action:manipulation}.boton:active{transform:scale(.97)}.boton-principal{background:#2b4a80;color:#fff;box-shadow:0 8px 20px -10px #2b4a80cc}.boton-principal:hover{background:#213b68}.boton-suave{background:#eef2f8;color:#1f2a3d}.boton-suave:hover{background:#e2e8f2}.boton-peligro{background:#e11d48;color:#fff}dialog.juegos-modal{border:0;padding:0;background:transparent;max-width:none}dialog.juegos-modal::backdrop{background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog.juegos-modal[open]{animation:entra .18s ease-out}dialog.juegos-modal.saliendo{animation:sale .14s ease-in forwards}@keyframes entra{0%{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes sale{to{opacity:0;transform:translateY(10px) scale(.98)}}.ventana-caja{width:min(88vw,21rem);background:#fff;border-radius:1.6rem;padding:1.6rem 1.4rem 1.3rem;text-align:center;box-shadow:0 30px 60px -20px #0f172a73}.ventana-icono{font-size:2.4rem;line-height:1;width:4.2rem;height:4.2rem;margin:0 auto .6rem;display:grid;place-items:center;border-radius:9999px;background:#f1f5f9}.ventana-titulo{font-family:Sora Variable,Sora,sans-serif;font-weight:700;font-size:1.15rem;color:#12263f}.ventana-texto{margin-top:.35rem;font-size:.9rem;color:#52617a}.ventana-botones{margin-top:1.2rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem}.juego-cabeza{border-radius:1.6rem;padding:1rem 1.1rem;color:#12263f;background:var(--acento-suave, #eef2f8);display:flex;align-items:center;gap:.9rem}.juego-cabeza svg{width:3.2rem;height:3.2rem;flex-shrink:0;filter:drop-shadow(0 6px 10px rgb(15 23 42 / .15))}.reloj{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.15rem;background:#fff;border-radius:9999px;padding:.45rem .9rem;box-shadow:0 4px 12px -6px #0f172a4d}.nivel{display:inline-flex;gap:2px;vertical-align:middle}.nivel i{width:.6rem;height:.35rem;border-radius:9999px;background:#0f172a26}.nivel i.lleno{background:var(--acento, #2b4a80)}.tablero-marco{background:#fff;border-radius:1.6rem;padding:.75rem;box-shadow:0 18px 40px -22px #0f172a73}.juego-tablero{display:grid;width:min(100%,26rem);aspect-ratio:1;margin-inline:auto;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:.9rem;overflow:hidden}.juego-tablero .celda{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;font-weight:700;line-height:1;border:0 solid #1f2a3d;padding:0;cursor:pointer;transition:transform .08s ease,background-color .15s ease,filter .15s ease}.juego-tablero .celda:active{filter:brightness(.95)}.coronas{border:2.5px solid #1f2a3d}.coronas .celda{font-size:clamp(1rem,5.6vw,1.6rem);color:#1f2a3d;box-shadow:inset 0 0 0 .5px #1f2a3d40}.coronas .celda .corona{animation:pop .18s ease-out;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .2))}.coronas .celda.marca{font-size:clamp(.65rem,3vw,.9rem);color:#1f2a3d73;font-weight:600}.coronas .celda.mal{background-image:repeating-linear-gradient(45deg,rgb(225 29 72 / .3) 0 5px,transparent 5px 10px)!important}@keyframes pop{0%{transform:scale(.4);opacity:0}}.camino{background:#f8fafc}.camino .celda{box-shadow:inset 0 0 0 .5px #dbe3ee;background:#fff;position:relative;z-index:1}.camino .celda.en-ruta{background:#e0f2fe}.camino .celda.punta{background:#bae6fd}.camino .numero{display:flex;align-items:center;justify-content:center;width:64%;aspect-ratio:1;border-radius:9999px;background:#12263f;color:#fff;font-size:clamp(.8rem,4.4vw,1.2rem);position:relative;z-index:3;box-shadow:0 3px 8px -2px #12263f80}.camino .trazo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.camino .trazo polyline{fill:none;stroke:#0ea5e9;stroke-width:.36;stroke-linecap:round;stroke-linejoin:round}.sudoku{display:flex;flex-direction:column;gap:.9rem}.sudoku-tablero{background:#fff;border:2.5px solid #1f2a3d}.sudoku-tablero .celda{box-shadow:inset -.5px -.5px #cbd5e1;background:#fff;color:#047857;font-size:clamp(1.1rem,6.2vw,1.7rem)}.sudoku-tablero .celda.fija{color:#12263f;background:#f1f5f9;cursor:default}.sudoku-tablero .celda.caja-der{box-shadow:inset -2.5px -.5px #1f2a3d}.sudoku-tablero .celda.caja-abajo{box-shadow:inset -.5px -2.5px #1f2a3d}.sudoku-tablero .celda.caja-der.caja-abajo{box-shadow:inset -2.5px -2.5px #1f2a3d}.sudoku-tablero .celda.par{background:#f0f9ff}.sudoku-tablero .celda.igual{background:#d1fae5}.sudoku-tablero .celda.sel{background:#a7f3d0}.sudoku-tablero .celda.mal{color:#e11d48;background:#ffe4e6}.teclado{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;width:min(100%,26rem);margin-inline:auto}.tecla{height:3.3rem;border-radius:.9rem;background:#fff;border:1px solid #dbe3ee;font-size:1.35rem;font-weight:800;color:#12263f;touch-action:manipulation;box-shadow:0 3px #dbe3ee}.tecla:active{transform:translateY(3px);box-shadow:none}.tecla.borrar{color:#64748b;font-size:1.1rem}.controles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:min(100%,26rem);margin:.8rem auto 0}.control{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 0;border-radius:1rem;background:#fff;font-size:.75rem;font-weight:700;color:#3b4a63;box-shadow:0 2px 8px -4px #0f172a40;touch-action:manipulation}.control span{font-size:1.25rem;line-height:1}.control:active{transform:scale(.96)}.juego-tablero .celda.pista{animation:pista .5s ease 3}@keyframes pista{50%{box-shadow:inset 0 0 0 4px #f59e0b}}.ganaste{position:relative;overflow:hidden}.confeti{position:absolute;inset:0;pointer-events:none}.confeti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:cae 2.4s ease-in forwards}@keyframes cae{to{transform:translateY(32rem) rotate(540deg);opacity:0}}.fila-ranking{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.5rem;align-items:center;padding:.55rem .8rem;border-radius:.8rem;font-size:.9rem}.fila-ranking:nth-child(odd){background:#f8fafc}.fila-ranking.yo{background:#dbeafe;font-weight:700}.fila-ranking .lugar{color:#64748b;font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.fila-ranking .tiempo{font-variant-numeric:tabular-nums;font-weight:700}.tango{border:2.5px solid #1f2a3d;overflow:visible}.tango .celda{background:#fff;box-shadow:inset 0 0 0 .5px #cbd5e1;font-size:clamp(1.1rem,6.5vw,1.8rem)}.tango .celda.fija{background:#eef2ff;cursor:default}.tango .celda.mal{background:#ffe4e6}.marca-tango{position:absolute;z-index:4;transform:translate(-50%,-50%);pointer-events:none;width:1.15rem;height:1.15rem;border-radius:9999px;background:#fff;color:#4f46e5;display:grid;place-items:center;font-weight:800;font-size:.8rem;line-height:1;box-shadow:0 0 0 1.5px #c7d2fe}.parcelas{border:2.5px solid #1f2a3d}.parcelas .celda{background:#fff;box-shadow:inset 0 0 0 .5px #e2e8f0}.parcelas .numero{position:relative;z-index:3;font-weight:800;font-size:clamp(.95rem,5vw,1.4rem);color:#12263f}.capa-parcelas{position:absolute;inset:0;pointer-events:none;z-index:2}.parcela{position:absolute;padding:3px}.parcela:before{content:"";position:absolute;inset:3px;border-radius:.55rem;background:var(--tono, #e2e8f0);border:2px solid rgb(18 38 63 / .55);opacity:.9}.parcela.mal:before{background:repeating-linear-gradient(45deg,#e11d482e 0 6px,#fff9 6px 12px);border-color:#e11d48;border-style:dashed}.parcela.previa:before{background:#0ea5e92e;border:2px dashed #0284c7}.parcela.pista:before{animation:pista-parcela .5s ease 3}@keyframes pista-parcela{50%{box-shadow:0 0 0 4px #f59e0b}}.dibujo{width:min(100%,26rem);margin-inline:auto;display:flex;flex-direction:column;gap:.6rem}.modo-dibujo{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;background:#f1f5f9;border-radius:.9rem;padding:.25rem}.modo{padding:.55rem;border-radius:.7rem;font-weight:700;font-size:.85rem;color:#52617a;touch-action:manipulation}.modo.activo{background:#fff;color:#5b21b6;box-shadow:0 2px 6px -2px #0f172a40}.dibujo-rejilla{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.pistas-arriba{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:end;padding-bottom:.25rem}.pista-col{display:flex;flex-direction:column;align-items:center;gap:.05rem;font-size:clamp(.65rem,3.2vw,.85rem);font-weight:800;color:#12263f}.pistas-lado{display:grid;grid-template-rows:repeat(var(--n),minmax(0,1fr));padding-right:.35rem}.pista-fila{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:clamp(.65rem,3.2vw,.85rem);font-weight:800;color:#12263f}.pista-col.lista,.pista-fila.lista{color:#c4b5fd}.dibujo-tablero{width:100%;border:2.5px solid #1f2a3d;border-radius:.5rem}.dibujo-tablero .celda{background:#fff;box-shadow:inset -.5px -.5px #cbd5e1;color:#94a3b8;font-size:clamp(.6rem,3vw,.85rem)}.dibujo-tablero .celda.cinco-der{box-shadow:inset -2px -.5px #64748b}.dibujo-tablero .celda.cinco-abajo{box-shadow:inset -.5px -2px #64748b}.dibujo-tablero .celda.lleno{background:#7c3aed;box-shadow:inset 0 0 0 1.5px #6d28d9}.tablero-final{pointer-events:none}.tablero-final:empty{display:none}.tablero-final .juego-tablero{width:100%;border-width:2px}.tablero-final .celda{font-size:.7rem!important}.tablero-final .numero{font-size:.6rem!important}.tablero-final .pistas-arriba,.tablero-final .pistas-lado{display:none}.tablero-final .dibujo-rejilla{display:block}.tablero-final .marca-tango{width:.7rem;height:.7rem;font-size:.5rem}