*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e1020;--tarjeta: #191d33;--linea: rgba(255, 255, 255, .1);--txt: #eceefa;--dim: rgba(236, 238, 250, .6);--acento: #9b6cff;--acento2: #6c4bd6;--peligro: #ff5c72;--ok: #56d67f;--oro: #ffcf5c}html,body{height:100%}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 620px at 50% -10%,#241a4a 0%,transparent 65%),var(--bg);background-attachment:fixed;color:var(--txt);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.hidden{display:none!important}.pantalla{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 18px calc(24px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.logo{font-size:clamp(30px,8vw,50px);font-weight:900;font-style:italic;letter-spacing:-.02em;line-height:1;text-align:center}.logo span{background:linear-gradient(180deg,#c9a6ff,var(--acento));-webkit-background-clip:text;background-clip:text;color:transparent}.titulo{font-size:clamp(22px,6vw,30px);font-weight:900;text-align:center}.bajada{color:var(--dim);font-size:14px;text-align:center;line-height:1.5;max-width:34ch}.pista{color:var(--dim);font-size:12px;line-height:1.5}.pista.centrada{text-align:center}.error{color:var(--peligro);font-size:13px;min-height:1.2em;text-align:center}.tarjeta{width:100%;background:var(--tarjeta);border:1px solid var(--linea);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}.tarjeta-tit{font-size:15px;font-weight:800}.tarjeta-sub{font-weight:600;font-size:12px;color:var(--dim);margin-left:6px}.reglas p{font-size:13px;color:var(--dim);line-height:1.6}.reglas b{color:var(--txt)}.btn{cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;padding:13px 24px;border-radius:13px;border:none;background:linear-gradient(180deg,var(--acento),var(--acento2));color:#fff;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.grande{width:100%;font-size:17px;padding:16px;letter-spacing:.03em}.btn.fantasma{background:transparent;border:1px solid var(--linea);color:var(--dim);font-size:14px}.btn.peligro{background:linear-gradient(180deg,#ff7385,#d93b52)}.link{background:none;border:none;color:#9fb4d8;font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline;padding:6px}.volver{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:#ffffff0a;color:#ffffff9e;font-size:13px;font-weight:700;text-decoration:none}.volver:hover{background:#ffffff17;color:#ffffffe6}#jugadores{display:flex;flex-direction:column;gap:8px}.jugador{display:flex;align-items:center;gap:8px}.jugador-punto{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--acento)}.jugador input{flex:1;min-width:0;font-family:inherit;font-size:15px;padding:11px 13px;border-radius:11px;border:1px solid var(--linea);background:#101426;color:var(--txt);outline:none}.jugador input:focus{border-color:var(--acento)}.quitar{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--linea);background:transparent;color:var(--dim);font-size:17px;cursor:pointer}.quitar:hover{color:var(--peligro);border-color:var(--peligro)}.paso{display:flex;align-items:center;gap:10px}.paso-btn{width:46px;height:46px;border-radius:12px;cursor:pointer;border:1px solid var(--linea);background:#101426;color:var(--txt);font-size:22px;font-weight:700;font-family:inherit}.paso-btn:active{background:#151b33}.paso-btn:disabled{opacity:.3;cursor:default}.paso-val{flex:1;text-align:center;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px}.cat{cursor:pointer;font-family:inherit;padding:11px 6px;border-radius:13px;border:1px solid var(--linea);background:#101426;color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s}.cat .cat-emoji{font-size:20px}.cat.puesta{border-color:var(--acento);color:var(--txt);background:#9b6cff1f}.check{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--acento)}.reparto-cabecera{display:flex;gap:8px}.chip{background:#ffffff12;padding:6px 13px;border-radius:999px;font-size:12px;font-weight:800;color:var(--dim)}.nombre-grande{font-size:clamp(26px,7vw,38px);font-weight:900;text-align:center;line-height:1.1;word-break:break-word}.persiana-caja{position:relative;width:min(320px,88vw);height:320px;border-radius:22px;overflow:hidden;border:1px solid var(--linea);background:#0a0c18;box-shadow:0 18px 50px #00000073;touch-action:none}.secreto{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;text-align:center}.secreto-cat{font-size:13px;font-weight:800;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.secreto-txt{font-size:clamp(28px,9vw,44px);font-weight:900;line-height:1.1;word-break:break-word}.secreto-pie{font-size:13px;color:var(--dim);line-height:1.5;max-width:26ch}.persiana-caja.es-impostor{background:#1c0b12}.persiana-caja.es-impostor .secreto-txt{color:var(--peligro)}.persiana-caja.es-impostor .secreto-cat{color:#ff8c9bbf}.persiana{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform:translateY(calc(var(--abierta, 0) * -100%))}.persiana-lamas{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,#3a4162,#3a4162 12px,#2b3150 12px,#2b3150 13px,#232849 13px,#232849 16px,#2b3150 16px,#2b3150 17px);box-shadow:inset 0 -22px 34px #00000073}.persiana-lamas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.09) 46%,transparent 62%)}.persiana-tirador{position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(180deg,#4a5379,#333a5c);border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}.persiana-tirador span{width:52px;height:5px;border-radius:3px;background:#ffffff4d}.orden{list-style:none;display:flex;flex-direction:column;gap:6px}.orden li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:#101426;font-size:15px;font-weight:700}.orden li:first-child{background:#9b6cff24;border:1px solid rgba(155,108,255,.35)}.orden .num{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:12px;font-weight:800;color:var(--dim)}.orden li:first-child .num{background:var(--acento);color:#fff}.orden .arranca{margin-left:auto;font-size:11px;color:var(--acento);font-weight:800}.voto-lista{width:100%;display:flex;flex-direction:column;gap:9px}.voto{width:100%;cursor:pointer;font-family:inherit;padding:15px 18px;border-radius:14px;text-align:left;border:1px solid var(--linea);background:var(--tarjeta);color:var(--txt);font-size:16px;font-weight:700;transition:border-color .15s,background .15s}.voto:hover{border-color:var(--acento);background:#1e2340}.voto:active{transform:scale(.99)}.res-marca{font-size:56px;line-height:1}.res-fila{display:flex;align-items:center;justify-content:space-between;gap:12px}.res-etq{font-size:13px;color:var(--dim)}.res-palabra{font-size:19px;font-weight:900;color:var(--oro);text-align:right}.res-imp{font-size:17px;font-weight:800;color:var(--peligro);text-align:right}.res-botones{display:flex;gap:9px}.res-botones .btn{flex:1}.tanteador{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 14px}.tanteador-lado{display:flex;flex-direction:column;align-items:center}.tanteador-num{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums}.tanteador-etq{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.07em}.tanteador-guion{font-size:22px;color:var(--dim)}#res-final{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.quedan,.fuera{display:flex;flex-wrap:wrap;gap:7px}.quedan>span,.fuera>span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--linea);background:#ffffff0a;font-size:13px;font-weight:700}.fuera>span{opacity:.5;text-decoration:line-through}.quedan .punto,.fuera .punto{width:9px;height:9px;border-radius:50%;flex:0 0 auto}:root{--rec-acento: #9b6cff;--rec-caja: #191d33;--rec-tenue: rgba(236,238,250,.55)}.rec-chips{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.rec-chip{flex:1;min-width:72px;cursor:pointer;font-family:inherit;padding:8px 6px;border-radius:11px;border:1px solid var(--rec-linea, rgba(255, 255, 255, .1));background:var(--rec-fondo, rgba(255, 255, 255, .04));color:var(--rec-tenue, rgba(255, 255, 255, .5));font-size:13px;font-weight:800;transition:transform .1s,background .15s,color .15s,border-color .15s}.rec-chip:active{transform:scale(.96)}.rec-chip.puesto{background:var(--rec-acento, #7ee0ff);border-color:transparent;color:#10142a}.rec-titulo{font-size:13px;font-weight:800;margin-bottom:8px;color:var(--rec-acento, #7ee0ff);letter-spacing:.04em}.rec-lista{list-style:none;display:flex;flex-direction:column;gap:3px;margin:0;padding:0}.rec-fila{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;background:var(--rec-fondo, rgba(255, 255, 255, .04));font-size:13px}.rec-fila:first-child{background:color-mix(in srgb,var(--rec-acento, #7ee0ff) 16%,transparent)}.rec-fila.rec-mio{outline:1px solid var(--rec-acento, #7ee0ff)}.rec-puesto{width:20px;text-align:right;font-weight:900;color:var(--rec-tenue, rgba(255, 255, 255, .5));font-variant-numeric:tabular-nums}.rec-nombre{flex:1;font-weight:800;letter-spacing:.12em;font-family:ui-monospace,monospace}.rec-puntaje{font-variant-numeric:tabular-nums;font-weight:700}.rec-nombre-libre{letter-spacing:0;font-family:inherit}.rec-detalle{font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--rec-tenue, rgba(255, 255, 255, .5));font-variant-numeric:tabular-nums}.rec-vacia,.rec-cargando{font-size:12.5px;color:var(--rec-tenue, rgba(255, 255, 255, .5));padding:8px 2px}.rec-capa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;background:#060812b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rec-aparecer .16s ease-out}@keyframes rec-aparecer{0%{opacity:0}}.rec-caja{background:var(--rec-caja, #171b30);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 18px 50px #00000080;max-width:92vw;animation:rec-subir .22s cubic-bezier(.2,1.2,.4,1)}@keyframes rec-subir{0%{transform:translateY(12px) scale(.95);opacity:0}}.rec-tit{font-size:19px;font-weight:900;text-align:center}.rec-sub{font-size:13px;opacity:.65;text-align:center;max-width:30ch;line-height:1.5}.rec-letras{display:flex;gap:8px}.rec-letra{width:46px;height:58px;text-align:center;font-family:ui-monospace,monospace;font-size:26px;font-weight:900;text-transform:uppercase;color:inherit;background:#0000004d;border:2px solid rgba(255,255,255,.14);border-radius:12px;outline:none;caret-color:var(--rec-acento, #7ee0ff)}.rec-letra:focus{border-color:var(--rec-acento, #7ee0ff)}.rec-botones{display:flex;gap:9px;width:100%;margin-top:4px}.rec-botones button{flex:1;cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;padding:12px;border-radius:12px;border:none;transition:transform .1s}.rec-botones button:active{transform:scale(.96)}.rec-si{background:var(--rec-acento, #7ee0ff);color:#06222f}.rec-no{background:transparent;color:var(--rec-tenue, rgba(255, 255, 255, .55));border:1px solid rgba(255,255,255,.14)!important}@media(max-width:380px){.rec-letra{width:40px;height:52px;font-size:22px}}