:root{--verde:#006847;--rojo:#B3372B;--rojo-vivo:#CE1126;--manta:#FBF4E2;--tinta:#2B2118;--linea:#C9B99B;--blanco:#FFFFFF;--acento:#006847;--maiz:#E8C547;--pasta:#F9EDC8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{background:var(--manta)}html,body{min-height:100%}body{background:var(--manta);font-family:"Baloo 2",system-ui,-apple-system,sans-serif;color:var(--tinta);display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:0 12px calc(4px + env(safe-area-inset-bottom));min-height:100dvh;user-select:none;-webkit-user-select:none;touch-action:manipulation}main{width:100%;display:flex;flex-direction:column;align-items:center;flex:1}.picado{width:100vw;max-width:480px;height:26px;display:flex;overflow:hidden;flex:none}.banderin{flex:1;height:100%;position:relative}.banderin:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);background:var(--b, var(--verde))}.picado-abajo{transform:scaleY(-1);margin-top:10px;height:18px}header{width:100%;text-align:center;padding:8px 0 2px;position:relative}.plato{width:270px;height:74px;margin:2px auto 0;position:relative;display:flex;align-items:center;justify-content:center}.plato:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(78,155,78,.55) 2px,transparent 3px),radial-gradient(circle at 68% 62%,rgba(78,155,78,.5) 2px,transparent 3px),radial-gradient(circle at 82% 34%,rgba(206,17,38,.45) 2.5px,transparent 3.5px),radial-gradient(circle at 18% 64%,rgba(232,119,34,.5) 2.5px,transparent 3.5px),radial-gradient(circle at 52% 22%,rgba(206,17,38,.4) 2px,transparent 3px),radial-gradient(ellipse at 50% 38%,#efb44e,#de9a33 55%,#c77f2a);box-shadow:inset 0 6px 14px #7a480a73,inset 0 -4px 8px #ffe6aa59,0 0 0 5px var(--blanco),0 0 0 8px var(--rojo),0 4px 10px #2b211840}.letra-sopa{position:relative;font-weight:800;font-size:40px;line-height:1;color:#f9edc8;text-shadow:0 2px 0 #B5842E,0 3px 4px rgba(90,55,5,.5);margin:0 1px}.letra-sopa:nth-child(1){transform:rotate(-8deg) translateY(3px)}.letra-sopa:nth-child(2){transform:rotate(5deg) translateY(-3px)}.letra-sopa:nth-child(3){transform:rotate(-4deg) translateY(2px)}.letra-sopa:nth-child(4){transform:rotate(7deg) translateY(-2px)}.letra-sopa:nth-child(5){transform:rotate(-6deg) translateY(3px)}.letra-sopa:nth-child(6){transform:rotate(4deg) translateY(-3px)}@media (prefers-reduced-motion:no-preference){.letra-sopa{animation:flotar 3.2s ease-in-out infinite alternate}.letra-sopa:nth-child(2){animation-delay:.4s}.letra-sopa:nth-child(3){animation-delay:.9s}.letra-sopa:nth-child(4){animation-delay:.2s}.letra-sopa:nth-child(5){animation-delay:.7s}.letra-sopa:nth-child(6){animation-delay:1.1s}@keyframes flotar{0%{translate:0 0}to{translate:0 -3px}}}.canto{font-size:14px;font-weight:600;color:var(--rojo);margin-top:2px;font-style:italic}.fecha{font-size:13px;color:#8a7a5f;margin-top:2px}.fecha.dev{cursor:pointer;text-decoration:underline dotted}.fecha b{color:var(--acento)}.icono{position:absolute;top:12px;width:32px;height:32px;border-radius:50%;border:2px solid var(--linea);background:var(--blanco);color:var(--tinta);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icono-ayuda{right:2px}.icono-stats{left:2px}#tablero{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;margin:12px 0 8px}.fila{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.fila.sacudir{animation:sacudir .4s ease}@keyframes sacudir{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.celda{width:58px;height:58px;border:2.5px solid var(--linea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:800;color:var(--tinta);background:var(--blanco);text-transform:uppercase;transition:transform .12s;box-shadow:inset 0 2px 5px #2b211814}@media (max-width:380px){.celda{width:52px;height:52px;font-size:24px}}.celda.llena{border-color:#d9a93f;background:radial-gradient(circle at 35% 30%,#f2c56b,#e5a93f 75%);color:#fbf2d5;text-shadow:0 1px 0 #A5751F,0 2px 3px rgba(90,55,5,.45);box-shadow:inset 0 4px 8px #7a480a59,inset 0 -3px 5px #ffebb466;transform:scale(1.04)}.celda.volteada{animation:voltear .45s ease}@keyframes voltear{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.celda.bien,.celda.casi,.celda.nel{color:#fbf2d5;text-shadow:0 1px 0 rgba(43,33,24,.4),0 2px 3px rgba(43,33,24,.35);box-shadow:inset 0 4px 8px #140f0859,inset 0 -3px 5px #fff0c847,0 0 0 2px var(--blanco),0 2px 4px #2b21182e;border:none;transform:none}.celda.bien{background:radial-gradient(circle at 35% 30%,#2e8b5b,#006847 75%)}.celda.casi{background:radial-gradient(circle at 35% 30%,#fff,#efe3c6 78%);color:#8a5a1f;text-shadow:0 1px 0 rgba(255,255,255,.7);box-shadow:inset 0 4px 8px #785f2d38,inset 0 -3px 5px #fff9,0 0 0 2px #e8c547,0 2px 4px #2b21182e}.celda.nel{background:radial-gradient(circle at 35% 30%,#c85a47,#a5301f 78%)}@media (prefers-reduced-motion:reduce){.celda,.celda.volteada,.fila.sacudir{animation:none;transition:none}}#mensaje{min-height:26px;font-size:16px;font-weight:700;color:var(--rojo);text-align:center;margin-bottom:4px}#teclado{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:auto}.linea-t{display:flex;justify-content:center;gap:5px}.tecla{flex:1;max-width:40px;height:52px;border:1.5px solid var(--linea);border-radius:18px;background:var(--blanco);color:var(--tinta);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.tecla.ancha{max-width:80px;flex:2;font-size:11px}.tecla.bien{background:var(--verde);border-color:var(--verde);color:#fff}.tecla.casi{background:#f6e7b0;border-color:#e8c547}.tecla.nel{background:var(--rojo);border-color:var(--rojo);color:#e9c4bd}.tecla:active{transform:scale(.94)}#final{display:none;flex-direction:column;align-items:center;gap:10px;margin:8px 0;width:100%}#final.visible{display:flex}.btn{font-family:inherit;font-weight:800;font-size:18px;border:none;border-radius:12px;padding:13px 26px;cursor:pointer}.btn-compartir{background:var(--verde);color:#fff;box-shadow:0 3px #00000040}.btn-otra{background:none;border:2px solid var(--linea);color:var(--tinta);font-size:15px;padding:9px 20px}.link{background:none;border:none;font-family:inherit;font-weight:700;font-size:14px;color:var(--verde);text-decoration:underline;cursor:pointer}.racha{font-size:14px;color:#8a7a5f}.domingo{margin:20px 0 12px;padding:22px 20px;border-radius:16px;background:var(--blanco);border:2px solid var(--linea);text-align:center;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:8px}.domingo-plato{font-size:44px;line-height:1}.domingo h2{font-size:20px;line-height:1.2;color:var(--verde)}.domingo p{font-size:15px;line-height:1.45}dialog{border:none;border-radius:16px;background:var(--blanco);color:var(--tinta);padding:22px;max-width:340px;width:calc(100% - 32px);margin:auto;font-family:"Baloo 2",sans-serif}dialog::backdrop{background:#2b2118b3}dialog h2{font-size:22px;margin-bottom:8px;color:var(--verde)}dialog h3{font-size:15px;margin:12px 0 6px}dialog p{font-size:15px;line-height:1.45;margin-bottom:8px}.mini{display:inline-flex;width:22px;height:22px;border-radius:50%;vertical-align:middle;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fbf2d5}.mini.bien{background:radial-gradient(circle at 35% 30%,#2e8b5b,#006847 75%)}.mini.casi{background:radial-gradient(circle at 35% 30%,#fff,#efe3c6 78%);color:#8a5a1f;box-shadow:0 0 0 2px #e8c547}.mini.nel{background:radial-gradient(circle at 35% 30%,#c85a47,#a5301f 78%)}dialog .btn-d{font-family:inherit;font-weight:700;background:var(--verde);color:#fff;border:none;border-radius:10px;padding:10px 22px;margin-top:6px;cursor:pointer;font-size:15px}dialog .btn-d-sec{background:none;color:var(--tinta);border:2px solid var(--linea)}#texto-compartir{width:100%;height:150px;font-family:monospace;font-size:15px;border:2px solid var(--linea);border-radius:10px;padding:8px;margin:6px 0}.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center}.numeros b{display:block;font-size:30px;line-height:1.1;font-weight:800}.numeros span{display:block;font-size:12px;line-height:1.2;color:#8a7a5f}.dist{display:flex;flex-direction:column;gap:4px}.barra-fila{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.barra-fila .n{width:12px;text-align:right}.barra{min-width:24px;padding:0 8px;height:22px;border-radius:11px;background:#efe3c6;color:var(--tinta);display:flex;align-items:center;justify-content:flex-end;font-size:13px}.barra.hoy{background:var(--verde);color:#fff}.stats-fin{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}.cuenta{font-size:14px;color:#8a7a5f}.cuenta b{color:var(--tinta);font-variant-numeric:tabular-nums}#stats .btn-d-sec{display:block;margin:12px auto 0}#aviso{position:fixed;left:50%;top:12%;transform:translate(-50%);background:var(--tinta);color:var(--manta);font-weight:700;font-size:15px;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:0 4px 14px #00000059;white-space:nowrap;z-index:50}#aviso.ver{opacity:1}.pildora{display:inline-block;margin-top:4px;padding:2px 12px;border-radius:999px;background:#f6e7b0;border:1.5px solid var(--maiz);color:#8a5a1f;font-size:12.5px;font-weight:700}.btn-reto{background:radial-gradient(circle at 35% 30%,#f2c56b,#e5a93f 75%);color:#fbf2d5;text-shadow:0 1px 0 #A5751F,0 2px 3px rgba(90,55,5,.45);box-shadow:inset 0 -3px 5px #ffebb466,0 3px #7a480a59;font-size:15px;line-height:1.2;padding:11px 20px;max-width:320px}.reto-banner{margin-top:8px;padding:4px 14px;border-radius:999px;background:var(--blanco);border:2px solid var(--maiz);font-weight:700;font-size:13.5px;text-align:center;max-width:360px}body.en-reto .pildora{display:none}.frase{font-size:21px;font-weight:700;line-height:1.3;color:var(--tinta);margin:6px 0 4px}.frase-chica{font-size:17px}.hueco{display:inline-block;min-width:3.2em;padding:0 8px;border-radius:999px;letter-spacing:.06em;background:#efe3c6;color:#8a5a1f;white-space:pre}.hueco.revelado{background:radial-gradient(circle at 35% 30%,#2e8b5b,#006847 75%);color:#fbf2d5;letter-spacing:0;text-shadow:0 1px 0 rgba(43,33,24,.4)}.hueco.nel{background:radial-gradient(circle at 35% 30%,#c85a47,#a5301f 78%);color:#fbf2d5;letter-spacing:0}.dom-pozoles{display:flex;gap:8px;justify-content:center;margin:4px 0}.dom-pozoles .mini{width:24px;height:24px;border:2px solid var(--linea);background:var(--blanco)}.dom-pozoles .mini.bien,.dom-pozoles .mini.nel{border:none;box-shadow:inset 0 3px 6px #140f084d}.dom-pozoles .mini.bien{background:radial-gradient(circle at 35% 30%,#2e8b5b,#006847 75%)}.dom-pozoles .mini.nel{background:radial-gradient(circle at 35% 30%,#c85a47,#a5301f 78%)}.dom-form{display:flex;gap:8px;width:100%;margin-top:4px}.dom-form input{flex:1;min-width:0;font-family:inherit;font-size:18px;font-weight:700;text-transform:uppercase;padding:10px 14px;border:2.5px solid var(--linea);border-radius:999px;background:var(--manta);color:var(--tinta);user-select:text;-webkit-user-select:text}.dom-form input:focus{outline:none;border-color:#d9a93f}.dom-form .btn{font-size:15px;padding:10px 16px}.dom-form.sacudir{animation:sacudir .4s ease}.dom-pista{min-height:22px;font-size:14px;font-weight:700;color:var(--rojo)}.dom-fin{display:flex;flex-direction:column;align-items:center;gap:8px}.dom-fin[hidden]{display:none}.dom-mensaje{font-weight:700;color:var(--verde)}.dom-prompt{font-size:15px;font-style:italic;color:#8a5a1f}.teaser{width:100%;max-width:340px;margin-top:6px;padding:14px 16px;border-radius:16px;text-align:center;background:var(--blanco);border:2px dashed var(--maiz)}.teaser-etiqueta{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--rojo)}.teaser-titulo{font-size:19px;font-weight:800;color:var(--verde);line-height:1.2}.teaser-texto{font-size:14px;line-height:1.4;margin-top:4px}@media (max-height:740px){header{padding:4px 0 0}.plato{width:200px;height:52px}.letra-sopa{font-size:30px}.icono{top:6px}.canto{font-size:13px;margin-top:0}.fecha{font-size:12px;margin-top:0}#tablero{margin:6px 0 2px;gap:4px}.fila{gap:5px}.celda,.celda.llena{--t:clamp(34px, calc((100vh - 326px) / 6), 52px);--t:clamp(34px, calc((100dvh - 326px) / 6), 52px);width:var(--t);height:var(--t);font-size:calc(var(--t) * .46);border-width:2px}#mensaje{min-height:22px;font-size:15px;margin-bottom:2px}#teclado{gap:5px}.tecla{height:44px}.picado-abajo{display:none}.pildora{margin-top:1px;padding:0 10px;font-size:11.5px}body.con-pildora .celda,body.con-pildora .celda.llena{--t:clamp(30px, calc((100vh - 352px) / 6), 52px);--t:clamp(30px, calc((100dvh - 352px) / 6), 52px)}.reto-banner{margin-top:4px;padding:2px 12px;font-size:12.5px}body.en-reto .celda,body.en-reto .celda.llena{--t:clamp(30px, calc((100vh - 360px) / 6), 52px);--t:clamp(30px, calc((100dvh - 360px) / 6), 52px)}}