body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-grad-a:#89f7fe;--bg-grad-b:#66a6ff;--card-bg:#fff;--text-main:#222;--text-soft:#666;--text-muted:#999;--accent:#66a6ff;--accent-strong:#4f46e5;--success:#4caf50;--success-strong:#22c55e;--warning:#ff9800;--danger:#f44336;--shadow-neon:0 0 12px #66a6ffa6,0 4px 22px #4f46e559;--shadow-neon-strong:0 0 16px #66a6ffbf,0 6px 28px #4f46e580;--ring:0 0 8px #66a6ffa8}@media (prefers-color-scheme:dark){:root{color-scheme:light}}*{box-sizing:border-box}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0}.main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.logo{height:auto;max-height:150px;max-width:250px;vertical-align:middle;width:auto}.titulo{color:var(--text-main);font-size:2.5rem;font-weight:900;letter-spacing:.01em;margin:0 0 1.6rem;text-shadow:0 2px 6px #66a6ff8c;-webkit-user-select:none;user-select:none}.subtitulo{color:#444;font-weight:700;margin-bottom:1rem}.lista{color:#555;font-weight:600;list-style:none;margin-bottom:1.4rem;padding:0}.lista li{padding:.35rem 0;-webkit-user-select:none;user-select:none}.ayuda{color:#6c6c6c;display:block;font-size:.9rem;line-height:1.3;margin-top:6px;text-align:center}.info{color:var(--text-muted);font-style:italic;margin-bottom:1.2rem;-webkit-user-select:none;user-select:none}.card{animation:fadeInUp .4s ease forwards;background:var(--card-bg);border-radius:20px;box-shadow:0 12px 36px #0000001f,var(--shadow-neon);padding:1rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ping{0%{opacity:.6;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #00000014,0 0 8px #66a6ff40}50%{box-shadow:0 6px 16px #0000001f,0 0 14px #66a6ff59}}@keyframes dotty{0%{width:0}to{width:3ch}}@keyframes growLine{0%{opacity:0;width:0}to{opacity:.9;width:80%}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(100%)}}.spinner{animation:spin .8s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;display:inline-block;height:16px;margin-left:6px;vertical-align:middle;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.page{background:linear-gradient(135deg,var(--bg-grad-a) 0,var(--bg-grad-b) 100%);flex-direction:column;min-height:100vh}.app,.page{display:flex}.app{align-items:center;background:#0000;color:var(--text-main);flex:1 1 auto;justify-content:center;padding:1rem}.container{max-width:480px;width:100%}.header,.header-moderno{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;justify-content:space-between;margin-bottom:1rem;position:relative}.titulo-header{cursor:pointer;font-weight:800;letter-spacing:.02em;text-shadow:0 0 10px #66a6ff80;transition:transform .18s ease,text-shadow .18s ease}.titulo-header:hover{text-shadow:var(--shadow-neon);transform:scale(1.05)}.titulo-header .logo{cursor:pointer;height:auto;max-height:50px;max-width:200px;width:auto}.menu-hamburguesa{cursor:pointer;filter:drop-shadow(0 0 6px rgba(255,255,255,.4));font-size:2rem;-webkit-user-select:none;user-select:none}.menu-desplegable{animation:scaleIn .18s ease forwards;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000002e,var(--shadow-neon);color:#000;display:flex;flex-direction:column;gap:6px;padding:10px;position:absolute;right:16px;top:60px;z-index:10}.btn-menu{background:none;border:none;border-radius:10px;color:inherit;cursor:pointer;font-size:1rem;padding:10px 12px;text-align:left;transition:background-color .18s ease,transform .12s ease}.btn-menu:hover{background:#f0f3ff;transform:translateX(2px)}.codigo{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:400;gap:8px;justify-content:flex-start;letter-spacing:.05em;margin-bottom:1rem;text-align:left;text-shadow:0 0 6px #00000040;-webkit-user-select:none;user-select:none}.codigo-texto{font-weight:800;letter-spacing:.06em;-webkit-user-select:all;user-select:all}.codigo-texto.clicable{border-bottom:2px dashed #fff9;cursor:pointer;padding-bottom:2px;transition:color .15s ease,text-shadow .15s ease,border-color .15s ease}.codigo-texto.clicable:focus,.codigo-texto.clicable:hover{border-color:#eaf2ff;color:#eaf2ff;text-shadow:var(--shadow-neon)}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.3rem;transition:transform .18s ease,color .18s ease,text-shadow .18s ease}.icon-btn:hover{color:var(--accent);text-shadow:var(--shadow-neon);transform:scale(1.15)}.server-status{align-items:center;animation:pulseGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;box-shadow:0 4px 12px #00000014,0 0 8px #66a6ff40;color:#374151;display:inline-flex;font-weight:800;gap:8px;margin-bottom:12px;padding:8px 12px}.server-status .dot{background:#f59e0b;border-radius:999px;box-shadow:0 0 6px #f59e0b99;height:10px;position:relative;width:10px}.server-status .dot:after{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;border:2px solid #f59e0b;border-radius:999px;content:"";inset:0;opacity:.6;position:absolute}.menu-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.8rem;margin-top:10px;opacity:.85;padding-top:8px;text-align:center}.install-wrap{display:flex;justify-content:center;margin:.25rem 0 .75rem}.install-cta{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 10px #0000000d;color:#111827;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:800;gap:.45rem;opacity:.9;padding:.45rem .7rem;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.install-cta:hover{box-shadow:0 8px 18px #00000014,var(--shadow-neon);opacity:1;transform:translateY(-1px)}.install-cta .icon{font-size:1.05rem}.install-help{animation:scaleIn .18s ease;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 14px 36px #0000002e;color:#111827;inset:auto 16px 16px 16px;margin:auto;max-width:420px;padding:16px 18px 14px;position:fixed;z-index:5000}.install-help h4{font-size:1.05rem;font-weight:900;margin:.1rem 0 .35rem}.install-help ol{margin:.25rem 0 0 1rem;padding:0}.install-help li{margin:.2rem 0}.install-help-close{background:none;color:#6b7280;font-size:1rem;position:absolute;right:10px;top:8px}.btn,.install-help-close{border:none;cursor:pointer}.btn{border-radius:28px;box-shadow:var(--shadow-neon);color:#fff;display:inline-block;font-size:1.08rem;font-weight:800;letter-spacing:.01em;margin-top:1rem;padding:.9rem 1.8rem;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){box-shadow:var(--shadow-neon-strong);transform:translateY(-2px)}.btn:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}.btn:disabled{background:#cfd4e1;box-shadow:none;color:#2b2b2b;cursor:not-allowed}.btn-crear{background:var(--success)}.btn-unirse{background:#2196f3}.btn-crear,.btn-unirse{display:block;margin:.6rem auto;max-width:300px;width:100%}.btn-ayuda{background:#9919d8}.btn-enviar{background:var(--success)}.btn-pregunta{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 12px #8b5cf699,0 6px 18px #6d28d980;color:#fff}.btn-pregunta:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 0 16px #8b5cf6cc,0 8px 22px #6d28d999;transform:translateY(-2px)}.btn-sugerencia{background:none;border:none;color:#fffc;cursor:pointer;display:block;font-size:1.1rem;margin-top:16px;text-align:center;transition:color .18s ease,text-shadow .18s ease,transform .12s ease}.btn-sugerencia:hover{color:#fff;text-shadow:var(--shadow-neon);transform:translateY(-1px)}.btn-volver{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:30px;box-shadow:0 4px 12px #00000014,0 0 8px #66a6ff40;color:#374151;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:800;gap:8px;justify-content:center;margin-top:1.2rem;padding:.9rem 1.6rem;transition:all .18s ease}.btn-volver:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#9ca3af;box-shadow:0 6px 16px #0000001f,0 0 10px #66a6ff59;transform:translateY(-2px)}.btn-volver:active{box-shadow:0 3px 8px #0000001a;transform:translateY(0)}.share-link{background:#0000;border:none;color:#6b7280;cursor:pointer;display:block;font-size:.95rem;font-weight:700;margin:0 auto 12px;padding:0;text-decoration:none;transition:color .15s ease,text-shadow .15s ease}.share-link:hover{color:#374151;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.share-link:focus{border-radius:4px;box-shadow:0 0 0 2px #66a6ff40;outline:none;text-decoration:underline;text-underline-offset:2px}.btn-reiniciar{background:#6f42c1;border:none;border-radius:25px;box-shadow:var(--shadow-neon);color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem;position:fixed;right:10px;top:10px;transition:box-shadow .18s ease,transform .12s ease;width:20%;z-index:1000}.btn-reiniciar:hover{box-shadow:var(--shadow-neon-strong);transform:translateY(-2px)}.input-wrapper{position:relative;width:100%}.input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:var(--text-main);font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .18s ease,box-shadow .18s ease,transform .06s ease;width:100%}.input::placeholder{color:#9aa3b2}.input:focus{border-color:var(--accent);box-shadow:var(--ring);transform:translateY(-1px)}.input.con-contador{padding-right:3.2rem}.contador-inside{color:#8a8a8a;font-size:.8rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.code-input{display:flex;gap:10px;justify-content:center;margin:12px 0}.code-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 16px #66a6ff40,0 0 10px #66a6ff59;color:var(--text-main);font-size:1.6rem;font-weight:800;height:56px;outline:none;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .08s ease;width:52px}.code-box:focus{border-color:var(--accent);box-shadow:var(--ring),var(--shadow-neon);transform:translateY(-1px)}.config-opcion{align-items:center;display:flex;font-size:1rem;gap:10px;justify-content:flex-start}.label-switch{color:var(--text-main);font-weight:700}.config-opcion input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#e5e7eb;border:2px solid #e5e7eb;border-radius:999px;box-shadow:0 2px 10px #00000014;cursor:pointer;height:28px;outline:none;position:relative;transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease;width:50px}.config-opcion input[type=checkbox]:before{background:#fff;border-radius:999px;box-shadow:0 2px 10px #0000002e;content:"";height:20px;left:4px;position:absolute;top:50%;transform:translateY(-50%);transition:left .18s ease,box-shadow .18s ease;width:20px}.config-opcion input[type=checkbox]:checked{background:var(--success-strong);border-color:var(--success-strong);box-shadow:0 0 12px #22c55e8c}.config-opcion input[type=checkbox]:checked:before{left:26px}.btn:focus,.code-box:focus,.config-opcion input[type=checkbox]:focus,.icon-btn:focus,.input:focus{box-shadow:var(--ring);outline:none}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:2000}.toast{animation:slideIn .3s ease,fadeOut .5s ease 2.5s forwards;border-radius:10px;box-shadow:0 6px 18px #0003;color:#fff;font-size:.95rem;font-weight:600;max-width:300px;min-width:220px;padding:.8rem 1rem}.toast.info{background:#3b82f6}.toast.success{background:#22c55e}.toast.error{background:#ef4444}.opciones{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:10px}.btn-opcion{align-items:center;background:#eef2ff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:none;color:#1f2937;display:inline-flex;font-size:.96rem;gap:10px;justify-content:center;line-height:1;max-width:320px;padding:.6rem 1rem;position:relative;transition:background .15s ease,border-color .15s ease,transform .08s ease;width:100%}.btn-opcion:hover:not(:disabled){background:#e6ecff;border-color:#a9b7d0;transform:translateY(-1px)}.btn-opcion:disabled{cursor:default;opacity:.7}.btn-opcion.votado{background:#4f46e5;border-color:#4338ca;transform:none}.btn-opcion.votado:after{background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;box-shadow:0 2px 8px #00000014;color:#1e3a8a;content:"Mi voto";font-size:.7rem;font-weight:800;padding:3px 8px;pointer-events:none;position:absolute;right:10px;top:-10px}.btn-opcion.pending{background:#f8fafc}.btn-opcion.has-voted:before,.btn-opcion.pending:before{border-radius:50%;content:"";height:9px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:9px}.btn-opcion.pending:before{background:#f59e0b;border:1px solid #fbbf24;box-shadow:0 0 6px #f59e0b99}.btn-opcion.has-voted{background:#eefbf4;border-color:#b8e2c6;color:#0b3d2a}.btn-opcion.has-voted:before{background:#22c55e;border:1px solid #86efac;box-shadow:0 0 6px #22c55e8c}.btn-opcion span,.btn-opcion strong{line-height:1}.opciones-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 18px #00000014,0 0 10px #66a6ff26;margin-top:1rem;overflow:hidden;transition:all .25s ease}.opciones-header{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;list-style:none;padding:12px 16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.opciones-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.opciones-panel>.opciones-header::-webkit-details-marker{display:none}.opciones-header .contador-votos{color:#111827;font-size:.95rem;font-weight:800;margin:0;text-shadow:none}.opciones-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;display:flex;height:28px;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;width:28px}.opciones-toggle:after{color:#374151;content:"▾";font-size:.9rem;transition:transform .2s ease}.opciones-panel[open] .opciones-toggle:after{transform:rotate(180deg)}.opciones-header:hover .opciones-toggle{background:#f3f4f6;border-color:#cbd5e1}.opciones .btn-opcion{margin:0 auto;max-width:320px;width:100%}.opciones{animation:fadeIn .25s ease;background:#f9fafb;padding:14px 16px 16px}.pregunta{color:var(--text-main);font-size:1.5rem;font-weight:800;margin:0;padding:.3rem;-webkit-user-select:none;user-select:none}.pregunta-separador{animation:growLine .4s ease forwards;border:none;border-radius:4px;height:4px;margin:.8rem auto 1.2rem;max-width:340px;opacity:.9;width:80%}.pregunta-separador.basicas{background:linear-gradient(90deg,#60a5fa,#2563eb);box-shadow:0 0 6px #2563eb99}.pregunta-separador.polemicas{background:linear-gradient(90deg,#facc15,#eab308);box-shadow:0 0 6px #eab30899}.pregunta-separador.atraccion{background:linear-gradient(90deg,#ff3434,#a80707);box-shadow:0 0 6px #eab30899}.pregunta-separador.picantes{background:linear-gradient(90deg,#f87171,#dc2626);box-shadow:0 0 6px #dc262699}.pregunta-separador.pareja{background:linear-gradient(90deg,#ec4899,#db2777);box-shadow:0 0 6px #db277799}.pregunta-separador.personalizada{background:linear-gradient(90deg,#6f0,#006e09);box-shadow:0 0 6px #006a1999}.info{animation:pulseGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;box-shadow:0 4px 12px #00000014,0 0 8px #66a6ff40;color:#374151;display:inline-block;font-size:1rem;font-weight:700;margin:1rem auto;padding:.6rem 1.2rem .6rem 2.2rem;position:relative;text-align:center}.separador{background:#e5e7eb;border:none;box-shadow:0 1px 3px #00000014;height:1px;margin:18px 0;width:100%}.ayuda-nombre{margin-bottom:12px;margin-top:4px}.ayuda-preguntas,.ayuda-votos{margin-bottom:20px;margin-top:8px}.chip-tipo{border-radius:999px;color:#fff;display:inline-block;font-size:.8rem;font-weight:900;margin-left:8px;padding:2px 10px;vertical-align:middle}.chip-tipo.basicas{background:linear-gradient(90deg,#60a5fa,#2563eb)}.chip-tipo.polemicas{background:linear-gradient(90deg,#facc15,#eab308);color:#111}.chip-tipo.picantes{background:linear-gradient(90deg,#f87171,#dc2626)}.chip-tipo.pareja{background:linear-gradient(90deg,#ec4899,#db2777)}.chip-tipo.personalizada{background:linear-gradient(90deg,#19d00f,#00840b)}.titulo-jugadores{background:#f9fafb;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#1f2937;display:inline-block;font-size:1.3rem;font-weight:800;letter-spacing:.02em;margin:0 0 1.8rem;padding:.2rem .8rem;position:relative;text-align:center}.titulo-jugadores:after{background:#4f46e5;border-radius:2px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40%}.lista-jugadores-modern{align-items:center;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 1rem;padding:0}.player{align-items:center;background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-radius:14px;box-shadow:0 3px 10px #66a6ff2e,0 0 8px #66a6ff38;display:inline-flex;gap:10px;max-width:calc(15ch + 90px);min-width:180px;padding:8px 12px;position:relative;transition:transform .12s ease,box-shadow .18s ease;width:-webkit-fit-content;width:fit-content}.player:hover{box-shadow:0 6px 16px #66a6ff40,0 0 12px #4f46e559;transform:translateY(-2px)}.player-idx{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:999px;box-shadow:0 0 6px #4f46e580;color:#fff;display:inline-flex;font-size:.8rem;font-weight:800;height:24px;justify-content:center;-webkit-user-select:none;user-select:none;width:24px}.player-name{color:#1f2937;font-size:.95rem;font-weight:800;letter-spacing:.01em;max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player.me{background:linear-gradient(145deg,#dbeafe,#c7d2fe);box-shadow:0 8px 20px #66a6ff47,0 0 14px #4f46e561}.player.host .player-idx{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #f59e0b99}.tag-floating{border-radius:999px;box-shadow:0 2px 8px #00000014;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:3px 8px;pointer-events:none;position:absolute;right:8px;top:-10px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tag-floating.host{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.tag-floating.me{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.player.host .tag-floating.me{right:64px}@media (max-width:370px){.player{gap:8px;padding:6px 10px}.player-idx{font-size:.78rem;height:22px;width:22px}.player-name{font-size:.9rem}.tag-floating{top:-9px}}.resultados{animation:fadeIn .3s ease both;background:#fff;border-radius:18px;margin-top:1.4rem;padding:1.4rem 1.6rem;text-align:center}.resultados h3{color:var(--accent-strong);font-size:1.2rem;font-weight:900;letter-spacing:.01em;margin:0 0 1rem;text-align:center}.resultados ul{gap:14px;list-style:none;margin:0;padding:0}.resultados li,.resultados ul{align-items:center;display:flex;flex-direction:column}.resultados li{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:14px;box-shadow:0 4px 14px #00000014;color:#333;font-weight:700;gap:6px;justify-content:center;max-width:280px;min-width:200px;padding:14px 20px;transform:scale(1.04);transition:transform .12s ease,box-shadow .15s ease}.resultados li:hover{box-shadow:0 6px 18px #4f46e52e;transform:translateY(-2px)}.resultados li strong{color:var(--accent-strong);font-size:1.6rem;font-weight:900;letter-spacing:.02em;text-align:center}.resultados li .badge-votos{background:#4338ca}.res-list{gap:14px;list-style:none;margin:0;padding:0}.res-item,.res-list{align-items:center;display:flex;flex-direction:column}.res-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 14px #00000014;gap:6px;max-width:280px;min-width:200px;padding:16px 20px;position:relative;transition:transform .12s ease,box-shadow .15s ease}.res-item:hover{box-shadow:0 6px 18px #4f46e52e;transform:translateY(-2px)}.res-name{color:#1f2937;font-size:1.4rem;font-weight:900;letter-spacing:.02em;text-align:center}.badge-votos.badge-float{background:var(--accent-strong);border-radius:999px;box-shadow:0 2px 8px #4f46e559;color:#fff;font-size:.85rem;font-weight:800;padding:4px 10px;position:absolute;right:-6px;top:-6px}.res-item:before{content:"";font-size:1.1rem;left:-10px;position:absolute;top:-10px}.res-item.rank-1:before{content:"🥇"}.res-item.rank-2:before{content:"🥈"}.res-item.rank-3:before{content:"🥉"}.res-item.rank-1{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe}.res-item.rank-2{background:linear-gradient(135deg,#f8fafc,#eef2ff)}.res-item.rank-3{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}@media (max-width:380px){.resultados li{min-width:160px;padding:10px 14px}.resultados li strong{font-size:1.2rem}.res-item{min-width:180px;padding:12px 14px}.res-name{font-size:1.2rem}.badge-votos.badge-float{font-size:.8rem;padding:3px 8px;right:6px;top:6px}}.footer{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#fffc;border-top:1px solid #0000000f;box-shadow:0 -4px 14px #0000000d;flex-shrink:0;margin-top:auto;padding-top:18px;width:100%;z-index:1}.footer-wrap{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-areas:"logo links1 links2";grid-template-columns:1fr 1fr 1fr;justify-items:start;margin:0 auto;max-width:480px;padding:0 20px 18px}.footer-col--logo{grid-area:logo}.footer-col--links1{grid-area:links1}.footer-col--links2{grid-area:links2}.footer-col{align-items:flex-start;align-self:stretch;flex-direction:column;gap:8px}.footer-brand,.footer-col{display:flex;justify-content:center}.footer-brand{align-items:center;height:100%;width:100%}.footer-logo{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));height:84px;object-fit:contain;width:auto}.footer-nav{display:flex;flex-direction:column;gap:8px}.footer-link{color:#374151;font-size:.9rem;font-weight:400;padding:2px 0;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:#111827;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.footer-copy{border-top:1px solid #0000000d;color:#4b5563;font-size:.85rem;font-weight:500;padding:12px 0;text-align:center}@media (max-width:700px){.footer-wrap{gap:16px;grid-template-areas:"logo logo" "links1 links2";grid-template-columns:1fr 1fr;justify-items:center;text-align:center}.footer-col{align-items:center}.footer-logo{height:64px}}.footer-sugerencia{align-self:center;grid-column:1/-1;justify-self:center;margin-top:4px}.footer-link--btn{background:none;border:none;color:#374151;cursor:pointer;display:inline-flex;font:.9rem;gap:.35rem;padding:2px 0;text-align:center}.footer-link--btn:hover{color:#111827;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.footer-link--btn:focus-visible{outline:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (max-width:700px){.footer-sugerencia{margin-top:2px}}@media (max-width:380px){.code-box{font-size:1.4rem;height:50px;width:46px}.btn{font-size:1rem;padding:.8rem 1.4rem}.titulo{font-size:2.2rem}}.otros-juegos-title{font-size:1.8rem;font-weight:900;margin:1rem 0;text-align:center}.otros-juegos-list{flex-direction:column;list-style:none;margin:0 0 1.5rem;padding:0}.juego-item,.otros-juegos-list{display:flex;gap:1rem}.juego-header{align-items:center;display:flex;justify-content:center}.juego-nombre{color:#1f2937}.juego-nombre,.juego-url{font-size:.9rem;font-weight:800}.juego-url{color:#2563eb;text-decoration:none}.juego-url:hover{text-decoration:underline}.juego-descripcion{color:#374151;font-size:.9rem;margin:6px 0 10px}.btn-jugar{border-radius:20px;font-size:.9rem;margin-top:.3rem;padding:.5rem 1.2rem;text-decoration:none}.juego-item,.otros-juegos-list{width:100%}.juego-info{flex:1 1;min-width:0}.juego-descripcion,.juego-nombre,.juego-url{overflow-wrap:anywhere;word-break:break-word}@media (max-width:600px){.juego-item{align-items:center}.juego-info{width:100%}}.juego-left{align-items:center;display:flex;flex-direction:column;gap:.5rem}.logo-wrap{display:inline-block;position:relative}.juego-logo{border-radius:12px;display:block;height:96px;object-fit:contain;width:96px}@media (max-width:600px){.juego-logo{height:72px;width:72px}}.badge-nuevo{background:linear-gradient(135deg,#34d399,#10b981);border-radius:999px;box-shadow:0 4px 10px #00000059;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.02em;padding:.18rem .45rem;pointer-events:none;position:absolute;right:-4px;top:-4px;-webkit-user-select:none;user-select:none}.ckies-wrap{line-height:1.65;margin:0 auto;text-align:left}.ckies-title{font-size:1.6rem;font-weight:800;margin:.5rem 0 .75rem}.ckies-h3{font-size:1.15rem;font-weight:800;margin:1.25rem 0 .5rem}.ckies-h4{font-size:1rem;font-weight:800;margin:1rem 0 .5rem}.ckies-meta{color:#667085;margin:.2rem 0 .8rem}.ckies-list{margin:.25rem 0 .75rem;padding-left:1.25rem}.ckies-cta-row{align-items:center;display:flex;flex-direction:column;gap:.6rem}.ckies-table-wrap{margin-top:.5rem;overflow-x:auto}.ckies-table{border-collapse:initial;border-spacing:0;font-size:.95rem;width:100%}.ckies-table thead{background:#f8fafc}.ckies-table td,.ckies-table th{border-bottom:1px solid #e5e7eb;padding:.6rem .7rem;vertical-align:top}@media (max-width:480px){.ckies-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ckies-table{border-collapse:collapse;font-size:.85rem;table-layout:fixed;width:100%}.ckies-table td,.ckies-table th{padding:.45rem .4rem;white-space:normal}.ckies-table a,.ckies-table td,.ckies-table th{overflow-wrap:anywhere;word-break:break-word}}.modal{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .25s ease forwards;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:12px;position:fixed;z-index:4000}.modal-content{animation:scaleIn .22s ease forwards;background:#fff;border-radius:20px;box-shadow:0 14px 36px #0000002e,var(--shadow-neon);max-height:calc(100dvh - 24px);max-width:420px;overflow-y:auto;overflow:visible;padding:1rem;position:relative;text-align:center;width:100%;z-index:4010}.btn-cerrar{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;left:12px;position:absolute;top:10px;transition:color .18s ease,transform .12s ease,text-shadow .18s ease;-webkit-user-select:none;user-select:none}.btn-cerrar:hover{color:var(--text-main);text-shadow:var(--shadow-neon);transform:scale(1.05)}.modal-content.aviso{border-left:6px solid #2196f3;box-shadow:0 12px 32px #2196f340,var(--shadow-neon)}.modal-content.error{border-left:6px solid var(--danger);box-shadow:0 12px 32px #f4433640,var(--shadow-neon)}.modal-content.aviso h2{color:#2196f3}.modal-content.error h2{color:var(--danger)}.modal-content.aviso p,.modal-content.error p{color:#333;font-size:1.05rem;margin-top:1rem}.modal-content.aviso p{white-space:pre-line}.modal-title{align-items:center;color:#111827;display:inline-flex;font-size:1.4rem;font-weight:900;gap:8px;margin:0 0 6px}.modal-sub{color:#6b7280;font-size:.95rem;margin:0}.section{text-align:left}.config-title,.section-title{color:#1f2937;font-size:1.05rem;font-weight:900;margin:0 0 8px}.config-title{justify-self:center;margin-bottom:1rem;text-decoration:underline}.hint-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;box-shadow:0 4px 12px #00000014,0 0 8px #66a6ff33;color:#374151;font-weight:700;margin-top:16px;padding:10px 12px;text-align:center}.mensaje-gracias{color:#16a34a;font-weight:900;margin-top:12px;text-align:center}.preferible-block{background:#f6f6f6;border:1px solid #e0e0e0;border-radius:6px;font-size:.8em;margin:.5em 0 0;padding:.5em;white-space:pre-line}.preferible-activado{color:#1a7f37;font-weight:700}.preferible-desactivado{color:#b91c1c;font-weight:700}.contador-modal{border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem .6rem;position:absolute;right:-8px;top:-8px}.contador-avisos{background:#330dde}.contador-errores{background:red}.alert{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000014,0 0 8px #66a6ff26;display:flex;font-weight:700;gap:.5rem;margin-top:12px;padding:10px 12px}.alert .icon{font-size:1.1rem;line-height:1}.alert.warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #f59e0b33;color:#92400e}.select{position:relative;width:100%}.select-control{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000f;color:#111827;font-size:16px;line-height:1.2;padding:.7rem 2.6rem .7rem .9rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.select-control:focus{border-color:#4f46e5;border-color:var(--accent-strong,#4f46e5);box-shadow:0 0 0 3px #4f46e526,var(--shadow-neon);outline:none}.select:after{background:#374151;-webkit-clip-path:polygon(50% 70%,0 0,100% 0);clip-path:polygon(50% 70%,0 0,100% 0);content:"";height:.6rem;opacity:.9;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:.6rem}.toggle-group{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 0}.toggle-group.center{justify-content:center}.toggle-item{align-items:center;display:flex;gap:.35rem}.toggle{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 12px #0000000f;color:#1f2937;font-size:.9rem;font-weight:800;padding:.55rem .85rem;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;width:100%}.toggle:hover:not(:disabled){box-shadow:0 8px 18px #00000014,var(--shadow-neon);transform:translateY(-1px)}.toggle:focus-visible{border-color:#4f46e5;border-color:var(--accent-strong,#4f46e5);box-shadow:0 0 0 3px #4f46e526,var(--shadow-neon);outline:none}.toggle.is-active{background:linear-gradient(135deg,#66a6ff,#4f46e5);background:linear-gradient(135deg,var(--accent,#66a6ff),var(--accent-strong,#4f46e5));border-color:#0000;box-shadow:0 10px 22px #4f46e540,var(--shadow-neon);color:#fff;transform:translateY(-1px)}.toggle:disabled{cursor:not-allowed;filter:saturate(.6);opacity:.5}.toggle-grid{grid-gap:.45rem .5rem;display:grid;gap:.45rem .5rem;grid-template-columns:repeat(auto-fit,minmax(120px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(120px,max-content));justify-content:center;margin-top:.4rem}.toggle-card{align-items:center;display:inline-flex}.toggle-info{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 12px #0000000f;color:#374151;font-weight:800;line-height:1;padding:.35rem .5rem;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.toggle-info:hover{box-shadow:0 8px 18px #00000014,var(--shadow-neon);transform:translateY(-1px)}.toggle-info:focus-visible{border-color:#4f46e5;border-color:var(--accent-strong,#4f46e5);box-shadow:0 0 0 3px #4f46e526,var(--shadow-neon);outline:none}.toggle-info.dot{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 10px #0000000f;color:#374151;display:inline-grid;font-size:.7rem;font-weight:900;height:20px;line-height:1;margin-left:-.35rem;place-items:center;pointer-events:auto;position:static;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;width:20px}.toggle-info.dot:hover{box-shadow:0 8px 18px #00000014,var(--shadow-neon);transform:translateY(-1px)}.toggle-info.dot:focus-visible{border-color:#4f46e5;border-color:var(--accent-strong,#4f46e5);box-shadow:0 0 0 3px #4f46e526,var(--shadow-neon);outline:none}.toggle-info.icon{background:#fff;border:none;color:#374151;cursor:pointer;display:inline-grid;margin-bottom:2rem;margin-left:-1rem;padding:0;place-items:center;position:static;transition:transform .12s ease,box-shadow .15s ease,color .15s ease;z-index:2}.toggle-info.icon:hover{transform:translateY(-1px)}.toggle-info.icon:focus-visible{border-radius:999px;box-shadow:0 0 0 3px #4f46e533,var(--shadow-neon);outline:none}.ckie-banner-modal{align-items:flex-end;animation:fadeIn .3s ease;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;width:100vw;z-index:5000}.ckie-banner-content{background:#fff;border:1px solid #e5e7eb;border-radius:18px 18px 0 0;box-shadow:0 8px 32px #0000002e,var(--shadow-neon);color:#222;font-size:1.08rem;margin:0 12px 18px;max-width:420px;padding:1.2rem 1.5rem 1.1rem;text-align:center;width:100%}.ckie-banner-content p{line-height:1.5;margin-bottom:1.1rem}.ckie-banner-actions{display:flex;gap:.7rem;justify-content:center}.ckie-btn{border:none;border-radius:999px;box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.3rem;transition:background .18s,color .18s,box-shadow .18s}.ckie-btn.accept{background:linear-gradient(135deg,#66a6ff,#4f46e5);color:#fff}.ckie-btn.reject{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.ckie-btn:hover{box-shadow:0 4px 16px #4f46e51f;filter:brightness(1.08)}@media (max-width:600px){.ckie-banner-content{font-size:.98rem;margin:0 4px 10px;max-width:98vw;padding:1rem .7rem .9rem}}body.modal-open{overflow:hidden}
/*# sourceMappingURL=main.8d98428e.css.map*/