:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tinta:#10131f;--panel:#1b2136e6;--borde:#0b0d16;--texto:#f3f5fb;--suave:#a9b2cc;--acento:#ffc23d;--bien:#5fe36a;--mal:#ff5d5d;--equipo-0:#ff7a59;--equipo-1:#4db8ff}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--tinta);color:var(--texto);-webkit-user-select:none;user-select:none;margin:0;font:15px/1.4 Segoe UI,system-ui,sans-serif;overflow:hidden}#escena,#rotulos,#hud,.portada,#aviso{position:fixed;inset:0}#escena canvas{touch-action:none;cursor:grab;display:block}#escena canvas:active{cursor:grabbing}#rotulos,#hud{pointer-events:none}#rotulos{overflow:hidden}.boton{border:3px solid var(--borde);background:var(--acento);color:#2a1c00;font:inherit;box-shadow:0 4px 0 var(--borde);cursor:pointer;pointer-events:auto;border-radius:14px;padding:10px 22px;font-weight:800}.boton:hover{filter:brightness(1.08)}.boton:active{box-shadow:0 1px 0 var(--borde);transform:translateY(3px)}.boton:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.boton.secundario{color:var(--texto);background:#39425f}.tarjeta{border:4px solid var(--borde);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px 28px 28px;overflow:auto;box-shadow:0 10px #0006}.tarjeta.chica{text-align:center;width:min(420px,100vw - 32px)}.tarjeta.media{width:min(440px,100vw - 32px)}.tarjeta h1{letter-spacing:1px;color:var(--acento);text-shadow:0 4px 0 var(--borde);margin:0 0 14px;font-size:44px;font-weight:900}.tarjeta h2{margin:0 0 8px;font-size:30px;font-weight:900}.tarjeta p{color:var(--suave);margin:0 0 16px}.rotulo{transform-origin:50% 100%;will-change:transform;justify-items:center;gap:3px;display:grid;position:absolute;top:0;left:0}.rotulo .nombre{white-space:nowrap;background:#0b0d16b3;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:700}.rotulo .vida{border:2px solid var(--borde);box-sizing:content-box;background:#0b0d16;border-radius:5px;width:58px;height:7px;overflow:hidden}.rotulo .vida i{background:var(--bien);height:100%;transition:width .4s;display:block}.rotulo.equipo-0 .nombre{color:var(--equipo-0)}.rotulo.equipo-1 .nombre{color:var(--equipo-1)}.rotulo .marca{height:14px;color:var(--acento);visibility:hidden;font-size:14px;line-height:14px;animation:.7s ease-in-out infinite alternate salto}.rotulo.activo .marca{visibility:visible}.rotulo.ausente{opacity:.45}@keyframes salto{to{transform:translateY(-5px)}}#hud .arriba{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:12px 16px;display:grid;position:absolute;top:0;left:0;right:0}.equipo{justify-items:start;gap:8px;display:grid}.equipo.derecha{justify-items:end}.jugador{border:3px solid var(--borde);background:var(--panel);border-radius:16px;grid-template-columns:52px minmax(120px,190px);align-items:center;gap:10px;padding:6px 12px 6px 6px;display:grid}.derecha .jugador{text-align:right;grid-template-columns:minmax(120px,190px) 52px;padding:6px 6px 6px 12px}.derecha .jugador img{order:2;transform:scaleX(-1)}.jugador img{object-fit:contain;width:52px;height:52px}.jugador .nombre{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.jugador .vida{border:2px solid var(--borde);background:#0b0d16;border-radius:7px;height:12px;margin-top:3px;overflow:hidden}.jugador .vida i{background:var(--bien);height:100%;transition:width .4s;display:block}.derecha .jugador .vida i{margin-left:auto}.jugador .puntos{color:var(--suave);font-size:12px}.jugador.turno{border-color:var(--acento);box-shadow:0 0 0 3px #ffc23d55}.jugador.caido{filter:grayscale()brightness(.6)}#equipo-0 .jugador .nombre{color:var(--equipo-0)}#equipo-1 .jugador .nombre{color:var(--equipo-1)}.centro{grid-template-columns:auto auto;place-items:center;gap:6px 12px;display:grid}.viento,.reloj{border:3px solid var(--borde);background:var(--panel);border-radius:50%;place-items:center;width:66px;height:66px;display:grid}.viento{position:relative}.viento .flecha{position:absolute;inset:0}.viento .flecha:before{content:"";border:9px solid #0000;border-left:13px solid var(--acento);filter:drop-shadow(0 0 1px var(--borde));margin-top:-9px;position:absolute;top:50%;right:-15px}.viento.calma .flecha{visibility:hidden}.viento strong{font-size:20px;font-weight:900;position:relative}.reloj{font-size:26px;font-weight:900}.reloj.apuro{color:var(--mal)}.de-quien:empty{visibility:hidden}.de-quien{white-space:nowrap;background:#0b0d16b3;border-radius:10px;grid-column:1/-1;min-height:25px;padding:2px 12px;font-weight:700}.clima{border:3px solid var(--borde);background:var(--panel);color:var(--suave);border-radius:14px;grid-column:1/-1;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}#clima-cola{align-items:center;gap:5px;display:flex}#clima-cola i{width:24px;height:24px;color:var(--acento);opacity:.6;background:#0b0d16;border-radius:8px;place-items:center;font-style:normal;font-weight:900;display:grid}#clima-cola i:first-child{border:2px solid var(--borde);opacity:1;width:40px;height:34px}#clima-cola i:not(.despejado):first-child{border-color:var(--acento);box-shadow:0 0 0 3px #ffc23d55}#clima-cola img,#clima-cola svg{object-fit:contain;width:100%;height:100%}.cartel{border:4px solid var(--borde);background:var(--acento);color:#2a1c00;white-space:nowrap;border-radius:20px;padding:10px 30px;font-size:30px;font-weight:900;animation:1.8s ease-out forwards cartel;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px #0006}@keyframes cartel{0%{opacity:0;scale:.6}12%{opacity:1;scale:1.06}20%{scale:1}80%{opacity:1}to{opacity:0}}.al-dia{border:3px solid var(--borde);background:var(--panel);color:var(--acento);white-space:nowrap;border-radius:12px;padding:5px 16px;font-size:18px;font-weight:900;position:absolute;top:174px;left:50%;transform:translate(-50%);box-shadow:0 4px #0006}#hud .abajo{justify-items:center;gap:6px;padding:0 16px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.panel{border:3px solid var(--borde);background:var(--panel);border-radius:18px;align-items:center;gap:16px;padding:10px 16px;display:flex}.panel.inactivo{opacity:.55}.dato{justify-items:center;min-width:62px;display:grid}.dato span{color:var(--suave);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.dato strong{font-size:24px;font-weight:900}.dato small{min-height:13px;color:var(--suave);white-space:nowrap;font-size:10px}.barras{gap:6px;width:min(42vw,440px);display:grid}.barra{border:3px solid var(--borde);background:#0b0d16;border-radius:9px;position:relative;overflow:hidden}.barra i{width:0;height:100%;display:block}.barra.potencia{pointer-events:auto;cursor:ew-resize;touch-action:none;height:24px}.panel.inactivo .barra.potencia{cursor:default}.barra.potencia i{background:linear-gradient(90deg,#ffe14d,#ff8a2b 60%,#ff3d3d)}.barra.potencia b{background:#fff;width:3px;margin-left:-1px;position:absolute;top:0;bottom:0}.barra.movimiento{height:10px}.barra.movimiento i{background:var(--equipo-1)}.tiros{gap:6px;display:flex}.tiros button{border:3px solid var(--borde);width:44px;height:44px;color:var(--texto);font:inherit;cursor:pointer;pointer-events:auto;background:#39425f;border-radius:12px;font-size:18px;font-weight:900}.tiros button.elegido{background:var(--acento);color:#2a1c00}.tiros button.ss{width:58px;position:relative;overflow:hidden}.tiros button.con-icono{width:62px;height:50px;padding:0;position:relative}.tiros button.con-icono img{vertical-align:middle;filter:drop-shadow(0 2px #0b0d1688);pointer-events:none;max-width:44px;max-height:30px}.tiros button.con-icono span{font-size:11px;position:absolute;top:1px;left:5px}.tiros button.ss.sin-carga img{opacity:.5;filter:grayscale()}.tiros button.ss:after{content:"";height:5px;width:calc(var(--carga,0) * 100%);background:var(--bien);transition:width .4s;position:absolute;bottom:0;left:0}.tiros button.ss.sin-carga{color:var(--suave);cursor:default}.tiros button.ss.sin-carga:after{background:var(--suave)}.armas{justify-items:center;gap:3px;display:grid}.nombre-tiro{min-width:150px;color:var(--suave);text-align:center;white-space:nowrap;font-size:11px}.ayuda{color:var(--suave);background:#0b0d1699;border-radius:8px;margin:0;padding:1px 10px;font-size:12px}.salir{padding:6px 14px;position:absolute;bottom:12px;right:16px}.probador{border:3px solid var(--borde);background:var(--panel);pointer-events:auto;border-radius:16px;gap:8px;width:330px;padding:10px 12px;font-size:12px;display:grid;position:absolute;top:96px;left:16px}.probador .fila{gap:6px;display:flex}.probador .fila .boton{flex:1;padding:6px 4px;font-size:13px}.probador .fila.climas{flex-wrap:wrap}.probador .fila.climas .boton{flex:30%;font-size:12px}.probador .fila.climas .boton.puesto{border-color:var(--acento);color:var(--acento)}.probador>span{color:var(--suave)}.probador select{border:3px solid var(--borde);min-width:0;color:var(--texto);font:inherit;cursor:pointer;background:#39425f;border-radius:12px;flex:2;padding:6px 8px;font-weight:700}.probador select.puesto{border-color:var(--acento);color:var(--acento)}.probador label{color:var(--suave);cursor:pointer;align-items:center;gap:6px;display:flex}.probador ol{gap:4px;max-height:40vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.probador li{background:#0b0d1699;border-radius:8px;padding:4px 6px}.probador li b{color:var(--acento);font-size:14px}.probador li span{color:var(--suave)}.portada,#aviso{place-items:center;display:grid}.portada{background:linear-gradient(#10131fb0, #10131fd9), var(--portada,none) center / cover}#aviso{background:#0b0d16a6}.boton.chico{box-shadow:0 3px 0 var(--borde);border-radius:11px;padding:5px 12px;font-size:13px}.pestanas{border:3px solid var(--borde);background:#0b0d16;border-radius:14px;gap:6px;margin-bottom:18px;padding:5px;display:flex}.pestana{color:var(--suave);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:8px 10px;font-weight:800}.pestana.elegida{background:var(--acento);color:#2a1c00}.media .campo input{max-width:none}.campo small{color:var(--suave);font-size:12px}.tarjeta p.error{border:2px solid var(--mal);color:#ffd0d0;background:#ff5d5d1f;border-radius:10px;margin:0 0 14px;padding:8px 12px;font-weight:700}.lista-servidores{gap:8px;margin-bottom:16px;display:grid}.servidor{border:3px solid var(--borde);color:var(--texto);font:inherit;text-align:left;cursor:pointer;background:#262d45;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:10px 14px;display:grid}.servidor:hover:not(:disabled){border-color:var(--acento);background:#313a58}.servidor:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.servidor b{font-size:17px;font-weight:900}.servidor.tipo-normal{border-left:8px solid #3fb8ff}.servidor.tipo-principiantes{border-left:8px solid #5fd86a}.servidor.tipo-altos{border-left:8px solid #a77bff}.servidor.tipo-evento{border-left:8px solid #ffb02e}.servidor small{color:var(--suave)}.servidor small.descripcion{color:var(--texto);grid-column:1/-1}.servidor .carga{border:2px solid var(--borde);background:#0b0d16;border-radius:7px;grid-area:1/2/span 2;width:92px;height:12px;overflow:hidden}.servidor .carga i{background:var(--bien);height:100%;display:block}.servidor .carga.alta i{background:var(--acento)}.servidor .carga.llena i{background:var(--mal)}.identidad{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.identidad span{color:var(--suave);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.identidad strong{color:var(--acento);font-size:18px;font-weight:900}.identidad .boton{margin-left:auto}.campo{gap:6px;margin-bottom:16px;display:grid}.campo>span{color:var(--suave);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.campo input{border:3px solid var(--borde);width:100%;max-width:280px;color:var(--texto);font:inherit;-webkit-user-select:text;user-select:text;background:#0b0d16;border-radius:12px;padding:9px 12px;font-weight:700}.campo input:focus{outline:3px solid var(--acento);outline-offset:1px}.rejilla{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.rejilla.pilotos{grid-template-columns:repeat(auto-fill,92px)}.opcion{border:3px solid var(--borde);color:var(--texto);font:inherit;cursor:pointer;background:#262d45;border-radius:14px;justify-items:center;padding:6px 4px 4px;font-size:12px;font-weight:700;display:grid;position:relative}.opcion img{object-fit:contain;width:72px;height:72px}.opcion:hover{background:#313a58}.opcion.elegida{border-color:var(--acento);background:#4a4322}.opcion.especial:after{content:"★";color:var(--acento);position:absolute;top:2px;right:6px}.acciones{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.con-google{border-top:2px solid var(--borde);justify-items:center;gap:10px;margin-top:18px;padding-top:14px;display:grid}.con-google>span{color:var(--suave);font-size:13px;font-weight:700}#boton-google{min-height:44px}.acciones p{color:var(--texto);margin:0;font-weight:700}@media (max-width:760px){.ayuda,.jugador .puntos{display:none}.jugador{grid-template-columns:40px minmax(80px,120px)}.derecha .jugador{grid-template-columns:minmax(80px,120px) 40px}.jugador img{width:40px;height:40px}.barras{width:34vw}}