@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Syne:wght@400;600;700;800&display=swap";:root{--bg: #07070F;--surf: rgba(255,255,255,.05);--surf2: rgba(255,255,255,.09);--bdr: rgba(255,255,255,.1);--accent: #F5A623;--accent2: #E8621A;--glow: rgba(245,166,35,.25);--text: #F5F0E8;--muted: #7A7A96;--green: #2ECC71;--red: #E74C3C;--blue: #5aabf5;--fd: "Playfair Display", serif;--fb: "Syne", sans-serif;--r: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--fb);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.menu-principal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;background:radial-gradient(ellipse at 50% 0%,rgba(245,166,35,.08) 0%,transparent 65%)}.menu-logo{text-align:center;margin-bottom:40px}.menu-logo-icon{font-size:56px;margin-bottom:8px;display:block;animation:fadeScalePulse 2.6s ease-in-out infinite}.menu-logo h1{font-family:var(--fd);font-size:32px;color:var(--accent);margin-bottom:6px}.menu-logo p{font-size:14px;color:var(--muted)}.menu-cards{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.juego-card{background:var(--surf);border:1px solid var(--bdr);border-radius:20px;padding:24px 20px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s;width:100%;font-family:var(--fb);color:var(--text)}.juego-card:active{background:var(--surf2);border-color:var(--accent)}.juego-card-icon{font-size:40px;margin-bottom:10px}.juego-card-nombre{font-size:20px;font-weight:700;margin-bottom:6px}.juego-card-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:12px}.juego-card-tag{display:inline-block;padding:3px 10px;background:#f5a6231f;border:1px solid rgba(245,166,35,.25);border-radius:20px;font-size:11px;color:var(--accent);font-weight:700}.menu-footer{margin-top:32px;font-size:11px;color:var(--muted)}.pantalla{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative}.game-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--bdr);padding:12px 16px;display:flex;align-items:center;gap:10px}.game-header-title{font-size:15px;font-weight:700;flex:1}.btn-volver{background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:4px;line-height:1}.contenido{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.card{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r);padding:16px;margin-bottom:12px}.inp{width:100%;background:var(--surf2);border:1px solid var(--bdr);border-radius:10px;padding:13px 14px;color:var(--text);font-size:15px;font-family:var(--fb);outline:none;margin-bottom:10px}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f5a62324,0 0 16px #f5a62314}.inp::placeholder{color:var(--muted)}select.inp{cursor:pointer}.btn{width:100%;padding:14px;border-radius:12px;border:none;font-size:15px;font-weight:700;font-family:var(--fb);cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){opacity:.8}.btn-primary{background:linear-gradient(135deg,var(--accent),#E8621A);color:#000;box-shadow:0 6px 24px var(--glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 3px #f5a62338,0 10px 36px #f5a62373}.btn-secondary{background:var(--surf2);color:var(--text);border:1px solid var(--bdr)}.btn-danger{background:#e74c3c26;color:var(--red);border:1px solid rgba(231,76,60,.3)}.btn-small{padding:8px 16px;font-size:13px;width:auto}.tabs{display:flex;background:var(--surf);border-radius:12px;padding:4px;margin-bottom:16px;border:1px solid var(--bdr)}.tab{flex:1;padding:10px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600;font-family:var(--fb);cursor:pointer;transition:all .15s}.tab:hover:not(.on){color:var(--accent)}.tab.on{background:linear-gradient(135deg,var(--accent),#E8621A);color:#000;box-shadow:0 0 14px #f5a62340}.lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:5px}.error-msg{background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);border-radius:10px;padding:10px 12px;color:var(--red);font-size:13px;margin-bottom:10px}.logo-area{text-align:center;padding:32px 16px 20px}.logo-icon{font-size:48px;display:block;text-align:center;animation:fadeScalePulse 2.6s ease-in-out infinite}.logo-titulo{font-family:var(--fd);font-size:28px;color:var(--accent);margin:8px 0 4px}.logo-sub{font-size:12px;color:var(--muted)}.codigo-sala{font-family:var(--fd);font-size:36px;color:var(--accent);letter-spacing:6px;text-align:center;margin:8px 0}.jugador-item{display:flex;align-items:center;gap:12px;background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:12px 14px;margin-bottom:8px}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.jugador-nombre{font-size:14px;font-weight:600}.jugador-rol{font-size:11px;color:var(--muted);margin-top:2px}.timer-bar-wrap{height:5px;background:var(--surf2);border-radius:3px;overflow:hidden}.timer-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .9s linear,background .3s}.timer-bar.urgente{background:var(--red)}.timer-num{font-size:12px;color:var(--muted);text-align:right;margin-top:3px}.letra-display{font-family:var(--fd);font-size:80px;color:var(--accent);font-weight:900;line-height:1;text-shadow:0 0 40px var(--glow)}.cat-tabla{width:100%;border-collapse:collapse}.cat-tabla th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);text-align:left;padding:6px 4px;border-bottom:1px solid var(--bdr)}.cat-tabla td{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.04)}.cat-tabla td:first-child{font-size:13px;color:var(--muted);width:30%}.cat-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--bdr);color:var(--text);font-size:14px;font-family:var(--fb);padding:4px 0;outline:none}.cat-input:focus{border-bottom-color:var(--accent)}.cat-input:disabled{color:var(--muted)}.btn-parar{width:100%;padding:16px;margin-top:16px;border-radius:14px;border:2px solid var(--accent);background:#f5a6231a;color:var(--accent);font-size:16px;font-weight:700;font-family:var(--fb);cursor:pointer;transition:background .15s}.btn-parar:active:not(:disabled){background:#f5a62338}.btn-parar:disabled{opacity:.3;cursor:not-allowed}.alerta-parar{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070fd9;display:flex;align-items:center;justify-content:center;z-index:100}.alerta-caja{background:var(--surf2);border:1px solid var(--accent);border-radius:20px;padding:32px 24px;text-align:center;max-width:300px}.alerta-caja .alerta-icon{font-size:48px;margin-bottom:12px}.alerta-caja h2{font-family:var(--fd);font-size:22px;color:var(--accent);margin-bottom:8px}.alerta-caja p{font-size:14px;color:var(--muted)}.pts-badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.pts-unica{background:#2ecc7126;color:var(--green);border:1px solid rgba(46,204,113,.3)}.pts-repetida{background:#f5a6231f;color:var(--accent);border:1px solid rgba(245,166,35,.25)}.pts-invalida{background:#e74c3c1a;color:var(--red);border:1px solid rgba(231,76,60,.2)}.podio-wrap{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:24px 0}.podio-lugar{text-align:center;display:flex;flex-direction:column;align-items:center}.podio-medalla{font-size:28px}.podio-nombre{font-size:13px;font-weight:700;margin:6px 0 3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podio-pts{font-size:12px;color:var(--muted)}.podio-bar{width:72px;border-radius:8px 8px 0 0;margin-top:8px}.audio-btn{width:72px;height:72px;border-radius:50%;border:2px solid var(--accent);background:#f5a6231a;color:var(--accent);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.audio-btn:active{background:#f5a62340}.audio-btn.playing{background:var(--accent);color:#000}.reto-badge{display:inline-block;padding:5px 14px;background:#f5a6231a;border:1px solid rgba(245,166,35,.25);border-radius:20px;font-size:13px;font-weight:700;color:var(--accent)}.lyric{font-family:var(--fd);font-size:16px;line-height:1.6;color:var(--text);font-style:italic}.cuenta-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070feb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200}.cuenta-num{font-family:var(--fd);font-size:96px;font-weight:900;color:var(--accent);text-shadow:0 0 60px var(--glow);animation:pop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.votar-row{display:flex;gap:6px;justify-content:flex-end}.voto-btn{padding:5px 10px;border-radius:8px;border:1px solid;font-size:11px;font-weight:700;cursor:pointer;background:transparent;font-family:var(--fb);transition:background .1s}.voto-btn.valida{border-color:var(--green);color:var(--green)}.voto-btn.invalida{border-color:var(--red);color:var(--red)}.voto-btn.activo{background:currentColor}.voto-btn.activo.valida{background:var(--green);color:#000}.voto-btn.activo.invalida{background:var(--red);color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:0}@keyframes fadeScalePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.08)}}@keyframes pillShine{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 10px #f5a62373}}.particles-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.p-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--accent);opacity:0;animation:particleRise var(--dur, 9s) ease-in infinite var(--del, 0s)}@keyframes particleRise{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:.4}88%{opacity:.14}to{transform:translateY(-95dvh) translate(var(--dx, 15px));opacity:0}}.app-footer{text-align:center;padding:22px 16px 18px;font-size:11px;color:var(--muted);letter-spacing:.4px;border-top:1px solid var(--bdr);margin-top:28px}.juego-card:hover{border-color:var(--accent);background:#f5a6230f;box-shadow:0 0 0 1px #f5a62326,0 8px 28px #f5a6231f}