:root{--fondo: #120d26;--fondo-2: #1c1538;--panel: #231b45;--borde: #3a2f6b;--texto: #f6f3ff;--tenue: #b3a9d9;--rosa: #ff4d6d;--amarillo: #ffc93c;--celeste: #3fa9f5;--verde: #2ec4b6;--radio: 1.1rem;--display: "Fredoka", "Nunito", system-ui, sans-serif;color-scheme:dark;font-size:clamp(16px,.55vw + .6vh + 8px,30px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(120% 80% at 50% -10%,#2b1f5c 0%,var(--fondo) 55%) fixed,var(--fondo);color:var(--texto);font-family:Nunito,system-ui,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:3px solid var(--amarillo);outline-offset:3px}.app{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem 1.5rem}h1,h2,h3{font-family:var(--display);margin:0;font-weight:600}h2{font-size:1rem;color:var(--tenue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.7rem;font-weight:600}.btn{font-family:var(--display);font-weight:600;font-size:1.05rem;border:0;border-radius:999px;padding:.75em 1.4em;background:var(--amarillo);color:#1a1233;transition:transform .12s,filter .12s}.btn:not(:disabled):hover{filter:brightness(1.08)}.btn:not(:disabled):active{transform:scale(.97)}.btn-grande{font-size:1.45rem;padding:.8em 1.8em;box-shadow:0 .4rem #c7901a}.btn-grande:not(:disabled):active{box-shadow:0 .15rem #c7901a;transform:translateY(.25rem)}.btn-suave{background:transparent;color:var(--texto);border:2px solid var(--borde)}.btn-suave:not(:disabled):hover{border-color:var(--tenue)}.btn-icono{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--borde);background:var(--fondo-2);font-size:1.1rem;line-height:1;flex:none}.btn-volver{background:none;border:2px solid var(--borde);border-radius:999px;padding:.45em 1em;font-weight:700;color:var(--tenue)}.link{background:none;border:0;color:var(--tenue);text-decoration:underline;text-underline-offset:.2em;padding:.4em 0;font-weight:700;cursor:pointer}.link:hover{color:var(--texto)}.panel{background:var(--panel);border:2px solid var(--borde);border-radius:var(--radio);padding:1.1rem 1.2rem;margin-bottom:1rem}.barra{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.barra h1{font-size:1.8rem}.barra-dato{margin-left:auto;color:var(--tenue)}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:2px solid var(--borde);background:var(--fondo-2);border-radius:999px;padding:.5em 1em;font-weight:700;--c: var(--amarillo)}.chip small{color:var(--tenue);font-weight:600;margin-left:.3em}.chip.on{background:var(--c);border-color:var(--c);color:#1a1233}.chip.on small{color:#1a1233aa}.decadas{margin-top:.6rem}.segmentos{display:inline-flex;flex-wrap:wrap;background:var(--fondo-2);border:2px solid var(--borde);border-radius:999px;padding:.25rem;gap:.2rem}.segmentos button{border:0;background:none;border-radius:999px;padding:.55em 1.1em;font-weight:700;color:var(--tenue)}.segmentos button.on{background:var(--texto);color:#1a1233}.inicio{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:40rem;margin:0 auto}.marquesina{text-align:center;padding-top:1rem}.marquesina h1{font-size:clamp(2.6rem,7vw,5rem);line-height:.95;font-weight:700;letter-spacing:-.01em}.marquesina h1 span{display:block;color:var(--amarillo)}.bajada{color:var(--tenue);font-size:1.15rem;margin:.8rem 0 0}.ondas{display:flex;gap:.35rem;justify-content:center;align-items:center;height:3.2rem;margin-bottom:.8rem}.ondas i{width:.5rem;border-radius:1rem;background:linear-gradient(var(--rosa),var(--amarillo));animation:onda 1s ease-in-out infinite alternate;height:30%}@keyframes onda{to{height:100%}}.inicio .panel{width:100%}.equipos{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.6rem}.equipos li{display:flex;align-items:center;gap:.7rem}.punto{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--c);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}.equipos input{flex:1;min-width:0;font-size:1.3rem;font-family:var(--display);font-weight:600;background:var(--fondo-2);border:2px solid var(--borde);border-radius:.8rem;padding:.45em .7em}.equipos input:focus{border-color:var(--c);outline:none}.btn-seguir{background:var(--verde)}.secundario{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.configurar{max-width:56rem;margin:0 auto}.fila-config{display:flex;flex-wrap:wrap;gap:1.2rem 2rem}.pie-config{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1.4rem}.cuenta{margin:0;color:var(--tenue);font-weight:700}.cuenta.vacia{color:var(--rosa)}.pantalla-ronda main{max-width:none;display:flex;flex-direction:column;min-height:100dvh}.ronda{display:flex;flex-direction:column;flex:1}.ronda-barra{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ronda-num{font-family:var(--display);font-size:1.2rem;color:var(--tenue)}.ronda-num b{color:var(--texto);font-size:1.4em}.marcador{list-style:none;margin:0 0 0 auto;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.marcador li{display:flex;align-items:center;gap:.5em;padding:.35em .4em .35em .9em;border-radius:999px;background:var(--fondo-2);border:2px solid var(--borde);font-weight:700}.marcador li b{background:var(--c);color:#1a1233;border-radius:999px;min-width:2em;text-align:center;padding:.1em .5em;font-family:var(--display)}.marcador li.turno{border-color:var(--c)}.escenario{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:1rem 0;text-align:center}.le-toca{font-family:var(--display);font-size:1.6rem;margin:0;color:var(--tenue)}.le-toca b{color:var(--c);font-size:1.3em}.reproductor{position:relative;width:min(22rem,62vw,42vh);aspect-ratio:1;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#ff7a93,var(--rosa) 55%,#c9234a);box-shadow:0 1.2rem 3rem -.6rem #ff4d6d88,inset 0 -.5rem 1.2rem #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:transform .15s}.reproductor:active{transform:scale(.97)}.reproductor.sonando{animation:late .5s ease-in-out infinite alternate}@keyframes late{to{transform:scale(1.03)}}.reproductor .icono{font-size:5.5rem;line-height:1;margin-left:.1em}.reproductor.sonando .icono{margin-left:0;font-size:4rem}.reproductor .seg{font-family:var(--display);font-size:1.5rem;font-weight:600;margin-top:.3rem}.anillo{position:absolute;top:-.9rem;right:-.9rem;bottom:-.9rem;left:-.9rem;width:calc(100% + 1.8rem);height:calc(100% + 1.8rem);transform:rotate(-90deg);pointer-events:none}.anillo circle{fill:none;stroke:#ffffff1c;stroke-width:3}.anillo .lleno{stroke:var(--amarillo);stroke-linecap:round;stroke-dasharray:1}.reproductor.cargando,.reproductor.fallo{background:var(--panel);border:2px dashed var(--borde);color:var(--tenue);font-size:1.2rem;box-shadow:none;padding:2rem;gap:1rem}.reproductor.fallo p{margin:0}.niveles{list-style:none;margin:0;padding:0;display:flex;gap:.6rem}.niveles button{border:2px solid var(--borde);background:var(--fondo-2);border-radius:999px;padding:.4em 1.1em;font-weight:800;font-size:1.1rem;color:var(--tenue)}.niveles button.hecho{background:var(--amarillo);border-color:var(--amarillo);color:#1a1233}.niveles button.proximo{border-color:var(--amarillo);color:var(--texto)}.vale{margin:0;color:var(--tenue);font-size:1.1rem}.vale b{color:var(--amarillo);font-size:1.3em}.reloj{font-family:var(--display);font-size:2.4rem;font-weight:700;color:var(--verde);min-width:3em}.reloj.apurado{color:var(--rosa)}.reloj small{display:block;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;color:var(--tenue)}.btn-revelar{margin-top:.5rem}.escribir{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;width:min(36rem,100%)}.escribir input{flex:1;min-width:12rem;font-size:1.3rem;background:var(--fondo-2);border:2px solid var(--borde);border-radius:999px;padding:.5em 1em}.aciertos{flex-basis:100%;display:flex;gap:.6rem;justify-content:center;min-height:1.8rem;font-weight:800}.aciertos .ok{color:var(--verde)}.aciertos .aviso{color:var(--tenue)}.revelacion{flex:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem;align-items:center;padding:1.5rem 0}.disco{display:flex;flex-direction:column;align-items:center;gap:1rem}.disco img,.sin-tapa{width:100%;max-width:30rem;aspect-ratio:1;border-radius:1rem;box-shadow:0 2rem 4rem -1rem #000c;animation:aparece .5s cubic-bezier(.16,1,.3,1);object-fit:cover}.sin-tapa{display:grid;place-items:center;background:var(--panel);font-size:6rem;color:var(--tenue)}@keyframes aparece{0%{transform:scale(.85) rotate(-4deg);opacity:0}}.titulo-cancion{text-transform:none;letter-spacing:-.01em;color:var(--texto);margin:0;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.02;font-weight:700}.artista{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.4rem);color:var(--amarillo);margin:.4rem 0 0;font-weight:600}.anio{color:var(--tenue);font-size:1.2rem;margin:.4rem 0 1.4rem;font-weight:700}.quien{margin-bottom:1rem}.quien h3{font-size:1rem;color:var(--tenue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.marcas{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.marca{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .5rem;border-radius:1rem;border:3px solid var(--borde);background:var(--fondo-2);font-family:var(--display);font-size:1.35rem;font-weight:600}.marca small{font-family:Nunito,sans-serif;color:var(--tenue);font-size:.8em;font-weight:800}.marca .tilde{width:2.2rem;height:2.2rem;border-radius:50%;border:3px solid var(--borde);display:grid;place-items:center;font-size:1.3rem}.marca.on{border-color:var(--verde);background:color-mix(in srgb,var(--verde) 18%,var(--fondo-2))}.marca.on .tilde{background:var(--verde);border-color:var(--verde);color:#1a1233}.marca.on small{color:var(--texto)}.cierre{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.suma{margin:0;font-size:1.3rem;font-weight:700}.suma b{color:var(--amarillo)}.final{position:relative;text-align:center;max-width:52rem;margin:0 auto;padding-top:1rem}.papelitos{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.papelitos i{position:absolute;top:-1rem;width:.6rem;height:1rem;border-radius:2px;animation:cae linear infinite;opacity:.85}@keyframes cae{to{transform:translateY(105vh) rotate(720deg)}}.final>*:not(.papelitos){position:relative;z-index:1}.final-sobre{color:var(--tenue);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0}.final-titulo{font-size:clamp(2.4rem,6vw,4.5rem);color:var(--amarillo);font-weight:700;margin:.3rem 0 1.5rem}.podio{list-style:none;padding:0;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:flex-end;gap:1rem;height:16rem}.podio li{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:8rem}.podio-pts{font-family:var(--display);font-size:2rem;font-weight:700}.podio-barra{width:100%;height:var(--h);background:var(--c);border-radius:.8rem .8rem 0 0;animation:crece .9s cubic-bezier(.2,1,.3,1);transform-origin:bottom}@keyframes crece{0%{transform:scaleY(0)}}.podio-nombre{margin-top:.5rem;font-weight:800;font-size:1.15rem}.detalle{text-align:left;background:var(--panel);border:2px solid var(--borde);border-radius:var(--radio);padding:.8rem 1.1rem;margin-bottom:1.5rem}.detalle summary{cursor:pointer;font-weight:800;color:var(--tenue)}.detalle table{width:100%;border-collapse:collapse;margin-top:.6rem}.detalle td{padding:.45rem .4rem;border-top:1px solid var(--borde);vertical-align:top}.detalle td.n{white-space:nowrap;text-align:right;color:var(--tenue)}.detalle small{color:var(--tenue)}.acciones{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center}.catalogo{max-width:56rem;margin:0 auto}.catalogo-herramientas{display:flex;gap:.7rem;margin-bottom:1rem}.buscador{flex:1;min-width:0;background:var(--fondo-2);border:2px solid var(--borde);border-radius:999px;padding:.6em 1.1em}.canciones{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.canciones li{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:2px solid transparent;border-radius:.9rem;padding:.5rem .7rem}.canciones li.sin-audio{border-color:var(--rosa)}.canciones img,.mini-tapa{width:3rem;height:3rem;border-radius:.4rem;flex:none;object-fit:cover;background:var(--fondo-2);display:grid;place-items:center;color:var(--tenue)}.cancion-datos{flex:1;min-width:0;display:flex;flex-direction:column}.cancion-datos b,.cancion-datos span,.cancion-datos small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancion-datos span{color:var(--tenue)}.cancion-datos small{color:var(--tenue);opacity:.8}.sin-audio .cancion-datos small{color:var(--rosa);opacity:1}.cancion-acciones{display:flex;gap:.4rem}.catalogo-pie{display:flex;flex-wrap:wrap;gap:.3rem 1.5rem;margin-top:1.2rem;align-items:center}.nota{flex-basis:100%;color:var(--tenue);font-size:.9rem;margin:.3rem 0 0}.editor{border-color:var(--amarillo)}.campos{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.campos label{display:flex;flex-direction:column;gap:.3rem;font-weight:700;color:var(--tenue);font-size:.9rem}.campos .ancho{grid-column:1 / -1}.campos input,.campos select{background:var(--fondo-2);border:2px solid var(--borde);border-radius:.6rem;padding:.55em .7em;color:var(--texto);font-size:1rem}.version{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;color:var(--tenue);flex-wrap:wrap}.versiones{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.4rem;max-height:22rem;overflow-y:auto}.versiones li{display:flex;align-items:center;gap:.6rem;padding:.4rem;border-radius:.7rem;background:var(--fondo-2)}.versiones li.elegida{outline:2px solid var(--verde)}.versiones img{width:2.6rem;height:2.6rem;border-radius:.3rem}.versiones div{flex:1;min-width:0;display:flex;flex-direction:column}.versiones small{color:var(--tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versiones .btn{font-size:.9rem;padding:.5em 1em}.editor-acciones{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.ajustes{max-width:44rem;margin:0 auto}.ajuste{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--borde)}.ajuste:first-of-type{border-top:0}.ajuste div:first-child{display:flex;flex-direction:column}.ajuste small{color:var(--tenue)}.contador{display:flex;align-items:center;gap:.3rem;flex:none}.contador button{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--borde);background:var(--fondo-2);font-size:1.3rem;font-weight:800}.contador output{min-width:2.4rem;text-align:center;font-family:var(--display);font-size:1.5rem;font-weight:600}.interruptor{width:3.6rem;height:2rem;border-radius:999px;border:2px solid var(--borde);background:var(--fondo-2);padding:0;position:relative;flex:none}.interruptor span{position:absolute;top:.15rem;left:.2rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--tenue);transition:left .15s}.interruptor.on{background:var(--verde);border-color:var(--verde)}.interruptor.on span{left:1.75rem;background:#fff}.pie{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem max(.8rem,env(safe-area-inset-bottom));color:var(--tenue);font-size:.8rem;border-top:1px solid #ffffff12;flex-wrap:wrap}.pie-logo img{height:1.8rem;width:auto;display:block}@media(max-width:700px){.revelacion{grid-template-columns:1fr;gap:1.2rem;padding-top:1rem}.disco img,.sin-tapa{max-width:15rem}.datos{text-align:center}.quien .chips{justify-content:center}.cierre{justify-content:center;flex-direction:column}.marca{font-size:1.1rem;padding:.7rem .3rem}.ronda-barra{gap:.6rem}.marcador{margin:0;width:100%}.campos{grid-template-columns:1fr}.podio{height:12rem;gap:.5rem}.podio li{width:auto;flex:1;max-width:7rem}.btn-grande{font-size:1.25rem}.segmentos{display:flex;width:100%}.segmentos button{flex:1;padding:.55em .3em}.fila-config>div{width:100%}}