@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fondo:#0e1116;--superficie:#ffffff0b;--superficie-alta:#171c24;--borde:#ffffff17;--tinta:#e8eaed;--tinta-suave:#98a1ab;--rojo:#ff5252;--azul:#448aff;--amarillo:#ffd740;--verde:#69f0ae;--pelota:#f5f5f5;--display:"Bungee", system-ui, sans-serif;--cuerpo:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse 120% 80% at 50% -20%, #448aff14, transparent), var(--fondo);color:var(--tinta);font-family:var(--cuerpo);min-height:100vh}:focus-visible{outline:2px solid var(--amarillo);outline-offset:2px}#app{flex-direction:column;align-items:center;gap:10px;min-height:100vh;padding:10px;display:flex}.encabezado{align-items:center;gap:10px;width:100%;max-width:720px;display:flex}.barra-estado{margin-left:auto}.boton-volver-header{border:1px solid var(--borde);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:4px 8px;font-size:18px;line-height:1;transition:background .15s}.boton-volver-header:hover{background:#ffffff24}.boton-volver-header[hidden]{display:none}.logo{font-family:var(--display);letter-spacing:1px;color:var(--tinta);align-items:baseline;gap:2px;font-size:24px;font-weight:400;display:inline-flex}.pelota-logo{background:var(--pelota);border-radius:50%;align-self:center;width:.62em;height:.62em;animation:1.6s ease-in-out infinite pique;box-shadow:0 0 10px #f5f5f58c}@keyframes pique{0%,to{transform:translateY(-12%)}50%{transform:translateY(14%)}}.sufijo-logo{font-family:var(--cuerpo);letter-spacing:3px;text-transform:uppercase;color:var(--tinta-suave);margin-left:8px;font-size:11px;font-weight:600}.barra-estado{align-items:center;gap:12px;font-size:12px;display:flex}.estado{color:var(--tinta-suave);align-items:center;gap:6px;display:inline-flex}.estado:before{content:"";background:#666;border-radius:50%;width:8px;height:8px}.estado[data-estado=conectado]:before{background:var(--verde);box-shadow:0 0 6px var(--verde)}.estado[data-estado=desconectado]:before{background:var(--rojo)}.eco{color:var(--tinta-suave);opacity:.7}.boton-mute{cursor:pointer;opacity:.85;background:0 0;border:none;font-size:16px}.pantalla{flex-direction:column;align-items:center;gap:12px;display:flex}.overlay[hidden],.pantalla[hidden]{display:none}.tarjeta{background:var(--superficie);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #ff525266;border-color:#ff525266 #448aff66 #ffd74066 #69f0ae66;border-radius:18px;flex-direction:column;gap:14px;min-width:300px;margin-top:9vh;padding:28px 32px;display:flex}.tarjeta h2{text-align:center;color:var(--tinta);font-size:17px;font-weight:600}.boton{font-size:15px;font-family:var(--cuerpo);color:var(--tinta);border:1px solid var(--borde);cursor:pointer;background:#ffffff12;border-radius:999px;padding:10px 18px;transition:background .15s,transform .1s}.boton:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.boton:disabled{opacity:.4;cursor:not-allowed}.boton.primario{background:var(--pelota);border-color:var(--pelota);color:#10131a;font-weight:700}.boton.primario:hover:not(:disabled){box-shadow:0 0 16px #f5f5f559}.boton.sutil{opacity:.8;padding:6px 14px;font-size:13px}input[type=text]{color:var(--tinta);border:1px solid var(--borde);background:#ffffff0f;border-radius:12px;outline:none;padding:10px 14px;font-size:15px}input[type=text]:focus{border-color:var(--amarillo)}.fila-unirse{gap:10px;display:flex}.fila-unirse input{text-align:center;letter-spacing:3px;width:110px;font-family:var(--display);font-size:14px}.fila-unirse .boton{flex:1}.fila-modos{gap:10px;display:flex}.fila-modos .boton:first-child{flex:1}.separador{border:none;border-top:1px solid var(--borde);margin:4px 0}.ayuda-teclas{color:var(--tinta-suave);text-align:center;font-size:12.5px}.etiqueta-codigo{letter-spacing:2px;text-transform:uppercase;color:var(--tinta-suave);text-align:center;font-size:11px}.codigo-grande{font-family:var(--display);letter-spacing:8px;text-align:center;color:var(--amarillo);text-shadow:0 0 22px #ffd74059;font-size:40px}.lista-jugadores{flex-direction:column;gap:8px;min-width:260px;list-style:none;display:flex}.jugador-lobby{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.jugador-lobby .punto{border-radius:50%;flex-shrink:0;width:10px;height:10px}.jugador-lobby .apodo{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.jugador-lobby em{color:var(--tinta-suave);font-size:12px;font-style:normal}.cosmetica-mini{color:var(--tinta-suave);font-size:11px;display:block}.badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px}.badge.listo{color:var(--verde);background:#69f0ae29}.badge.esperando{color:var(--tinta-suave);background:#ffffff14}.badge.anfitrion{color:var(--amarillo);background:#ffd7401f}.pildoras{flex-wrap:wrap;gap:6px;max-width:320px;display:flex}.pildora-opcion{color:var(--tinta-suave);border:1px solid var(--borde);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:5px 12px;font-size:12px;transition:background .15s}.pildora-opcion:hover{background:#ffffff1f}.pildora-opcion.activa{border-color:var(--amarillo);color:var(--amarillo);background:#ffd74024}.fondo-modal{z-index:50;background:#06080ca6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--superficie-alta);text-align:center;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;gap:12px;max-width:90vw;padding:26px 30px;display:flex}.modal h3{font-size:18px}.modal p{color:var(--tinta-suave);font-size:14px}.aviso{background:var(--superficie-alta);z-index:60;border:1px solid #ffffff29;border-radius:12px;padding:10px 20px;font-size:14px;animation:.2s aparecer;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes aparecer{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.barra-vidas{flex-wrap:wrap;justify-content:center;gap:10px;min-height:34px;display:flex}.pildora-vidas{background:var(--superficie);border:1px solid var(--borde);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:inline-flex}.pildora-vidas.eliminado{opacity:.4;filter:grayscale(.8)}.nombre-jugador{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:600;overflow:hidden}.leds{gap:4px;display:inline-flex}.led{background:#ffffff1f;border-radius:50%;width:8px;height:8px}.led.encendido{background:var(--color,var(--verde));box-shadow:0 0 5px var(--color,var(--verde))}.led.perdida{animation:.9s forwards led-perdida}@keyframes led-perdida{0%{background:var(--rojo);box-shadow:0 0 8px var(--rojo)}50%{background:var(--rojo);box-shadow:0 0 2px var(--rojo)}to{box-shadow:none;background:#ffffff1f}}.marco-cancha{animation:.6s entrada-suave;position:relative}@keyframes entrada-suave{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}canvas{touch-action:none;background:#0a0d12;border:1px solid #ffffff1f;border-radius:10px;display:block}.marco-cancha.rotado{transform:rotate(var(--rot,0deg));transition:none;animation:none}.marco-cancha.rotado.entrada{animation:1.4s cubic-bezier(.34,1.56,.64,1) entrada-cancha}@keyframes entrada-cancha{0%{transform:scale(.5) rotate(calc(var(--rot,0deg) - 360deg))}to{transform:scale(1) rotate(var(--rot,0deg))}}.marco-cancha.rotado .overlay>*{transform:rotate(calc(-1 * var(--rot,0deg)))}.overlay{background:#06080c8c;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-wrap{display:inline-flex}.countdown{font-family:var(--display);color:var(--pelota);text-shadow:0 0 26px #f5f5f580;font-size:84px;animation:1s infinite pulso}@keyframes pulso{0%{opacity:.4;transform:scale(.7)}30%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}.tarjeta-ganador{text-align:center;background:#0e1116f0;border:2px solid #ff525266;border-color:#ff525266 #448aff66 #ffd74066 #69f0ae66;border-radius:16px;flex-direction:column;gap:16px;padding:26px 34px;display:flex}.titulo-ganador{font-size:22px;font-weight:700}.lista-puestos{flex-direction:column;gap:6px;font-size:15px;list-style:none;display:flex}.lista-puestos .medalla{width:28px;display:inline-block}.lista-revancha{flex-direction:column;gap:6px;min-width:240px;list-style:none;display:flex}.acciones{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.panel-debug{color:#8ff0b4;z-index:70;pointer-events:none;background:#000000bf;border:1px solid #fff3;border-radius:8px;padding:8px 10px;font-family:monospace;font-size:11px;line-height:1.5;position:fixed;top:8px;left:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}