body{margin:0}:root{--fondo:#050508;--tarjeta:#0c0c16;--borde:#2a2a44;--texto:#eaffea;--texto-suave:#8f8fb8;--led-verde:#39ff14;--led-magenta:#ff2bd6;--led-cian:#00e5ff;--led-amarillo:#ffe600;--pixel:"Press Start 2P", monospace;--cuerpo:"VT323", monospace}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);font-family:var(--cuerpo);image-rendering:pixelated;margin:0;font-size:20px}body:after{content:"";pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000002e 2px 4px);position:fixed;inset:0}.app{z-index:1;max-width:960px;margin:0 auto;padding:1.5rem 1rem 6rem;position:relative}.desfile{pointer-events:none;z-index:0;height:90px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.desfile-item{animation:linear infinite marcha;position:absolute;bottom:6px;left:0}.desfile-item.reverso{animation-name:marcha-reversa}.desfile-item.reverso .pixel-dancer{transform:scaleX(-1)}@keyframes marcha{0%{transform:translate(-15vw)}to{transform:translate(110vw)}}@keyframes marcha-reversa{0%{transform:translate(110vw)}to{transform:translate(-15vw)}}.cabecera{text-align:center;margin-bottom:2rem}.logo{font-family:var(--pixel);color:var(--led-amarillo);text-shadow:0 0 6px var(--led-amarillo), 0 0 24px #ffe6008c, 4px 4px 0 #3a2a00;margin:.5rem 0 0;font-size:clamp(.95rem,4.4vw,2.1rem)}.logo span{color:var(--led-magenta);text-shadow:0 0 6px var(--led-magenta), 0 0 24px #ff2bd68c, 4px 4px 0 #3a0030}.lema{color:var(--led-cian);text-shadow:0 0 10px #00e5ff99;letter-spacing:.03em;margin:.8rem 0 1.4rem;font-size:clamp(.95rem,3.4vw,1.2rem)}.pestanas{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.pestana{font-family:var(--pixel);background:var(--tarjeta);border:3px solid var(--borde);color:var(--texto-suave);cursor:pointer;padding:.7rem 1rem;font-size:.62rem;box-shadow:4px 4px #000}@media (width<=640px){.pestanas{gap:.4rem}.pestana{padding:.6rem .55rem;font-size:.52rem}}.pestana:hover{color:var(--led-verde);border-color:var(--led-verde)}.pestana.activa{color:#050508;background:var(--led-verde);border-color:var(--led-verde);box-shadow:4px 4px #0d4000,0 0 18px #39ff1480}.arena-titulo{font-family:var(--pixel);text-align:center;color:var(--texto);text-shadow:3px 3px #000;margin:0 0 1.4rem;font-size:clamp(.68rem,2.9vw,1.15rem)}.arena-duelo{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid;position:relative}.arena-duelo:after{content:"VS";font-family:var(--pixel);color:var(--led-amarillo);text-shadow:0 0 12px var(--led-amarillo), 3px 3px 0 #000;z-index:2;pointer-events:none;font-size:1.4rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.arena-duelo{grid-template-columns:1fr}.arena-duelo:after{display:none}}.arena-lado{flex-direction:column;gap:.9rem;transition:transform .25s,opacity .25s,filter .25s;display:flex}.arena-lado.ganador{filter:drop-shadow(0 0 22px #39ff14b3);transform:scale(1.02)}.arena-lado.perdedor{opacity:.3;filter:saturate(.2)}.arena-pie{text-align:center;color:var(--texto-suave);margin-top:1.4rem;font-size:1.1rem}.arena-pasos{color:var(--texto-suave);flex-wrap:wrap;justify-content:center;gap:1.2rem;margin:0 0 1.4rem;padding:0;font-size:1.02rem;list-style:none;display:flex}@media (width<=640px){.arena-pasos{flex-direction:column;align-items:flex-start;gap:.4rem;max-width:320px;margin-inline:auto}}.arena-pasos b{font-family:var(--pixel);color:#050508;background:var(--led-cian);margin-right:.4rem;padding:.25rem .45rem;font-size:.6rem;box-shadow:2px 2px #000}.arena-delta{font-family:var(--pixel);color:var(--led-verde);text-shadow:0 0 12px var(--led-verde), 2px 2px 0 #000;z-index:3;white-space:nowrap;font-size:.8rem;animation:.9s ease-out forwards sube-aura;position:absolute;top:-.4rem;left:50%;transform:translate(-50%)}@keyframes sube-aura{0%{opacity:0;transform:translate(-50%,10px)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-28px)}}.arena-lado{position:relative}.arena-aviso{text-align:center;font-family:var(--pixel);color:var(--led-amarillo);text-shadow:0 0 10px #ffe60080;margin:1rem 0 0;font-size:.62rem}.clip-card{background:var(--tarjeta);border:3px solid var(--borde);flex:1;overflow:hidden;box-shadow:6px 6px #000}.clip-placeholder{aspect-ratio:9/12;background:linear-gradient(#050508bf,#050508e6),repeating-conic-gradient(#101020 0% 25%,#0a0a14 0% 50%) 0 0/24px 24px;place-items:center;display:grid}.clip-embed{aspect-ratio:9/14}.clip-embed iframe{border:0;width:100%;height:100%;display:block}.clip-meta{border-top:3px solid var(--borde);flex-direction:column;gap:.1rem;padding:.8rem 1rem;display:flex}.clip-autor{font-family:var(--pixel);color:var(--led-cian);padding-bottom:.3rem;font-size:.65rem}.clip-lugar{color:var(--texto);font-size:1.05rem}.clip-evento{color:var(--texto-suave);font-size:.95rem}.clip-elo{color:var(--led-verde);font-family:var(--pixel);margin-top:.35rem;font-size:.7rem}.btn-votar{font-family:var(--pixel);background:var(--led-magenta);color:#050508;cursor:pointer;border:3px solid #ff8ae8;padding:1rem .8rem;font-size:.72rem;box-shadow:5px 5px #4a0038,0 0 16px #ff2bd673}.btn-votar:hover{background:var(--led-verde);border-color:#b4ffa4;box-shadow:5px 5px #0d4000,0 0 16px #39ff1480}.btn-votar:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.btn-votar:disabled{opacity:.6;cursor:wait}.btn-secundario{font-family:var(--pixel);background:var(--tarjeta);color:var(--texto);border:3px solid var(--borde);cursor:pointer;padding:.8rem 1.2rem;font-size:.62rem;box-shadow:4px 4px #000}.board-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.board-cabecera h2{font-family:var(--pixel);color:var(--led-amarillo);text-shadow:0 0 10px #ffe60080,3px 3px #000;margin:0;font-size:1rem}.board-cabecera select{font-family:var(--cuerpo);background:var(--tarjeta);color:var(--texto);border:3px solid var(--borde);padding:.4rem .7rem;font-size:1.05rem;box-shadow:4px 4px #000}.board-lista{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.board-fila{background:var(--tarjeta);border:3px solid var(--borde);grid-template-columns:3rem 1fr auto auto;align-items:center;gap:.9rem;padding:.6rem 1rem;display:grid;box-shadow:4px 4px #000}.board-fila.rey-total{border-color:var(--led-amarillo);box-shadow:4px 4px #3a2a00,0 0 20px #ffe60059}.board-puesto{text-align:center;font-size:1rem;font-family:var(--pixel);color:var(--texto-suave)}.corona-zona{filter:drop-shadow(0 0 6px #ffe60099);font-size:1.35rem}.corona-total{filter:drop-shadow(0 0 14px var(--led-amarillo));font-size:2rem}.board-total{text-align:center;color:var(--led-cian);text-shadow:0 0 8px #00e5ff66;margin:0 0 1rem;font-size:1.05rem}.board-quien{flex-direction:column;display:flex}.board-quien strong{font-family:var(--pixel);color:var(--led-cian);padding-bottom:.25rem;font-size:.62rem}.board-quien small{color:var(--texto-suave);font-size:.95rem}.board-elo{font-family:var(--pixel);color:var(--led-verde);text-shadow:0 0 8px #39ff1480;font-size:.8rem}.board-votos{color:var(--texto-suave);font-size:.9rem}.propuesta{text-align:center;max-width:500px;margin:0 auto}.propuesta h2{font-family:var(--pixel);color:var(--led-verde);text-shadow:0 0 10px #39ff1480,3px 3px #000;font-size:1rem}.propuesta p{color:var(--texto-suave);font-size:1.1rem}.propuesta-form{flex-direction:column;gap:.8rem;margin-top:1.2rem;display:flex}.propuesta-fila{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.propuesta-form input{font-family:var(--cuerpo);background:var(--tarjeta);color:var(--texto);border:3px solid var(--borde);padding:.65rem .9rem;font-size:1.1rem;box-shadow:inset 3px 3px #000}.propuesta-form input:focus{border-color:var(--led-cian);outline:none}.clip-autor-link{text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.clip-autor-link:hover{color:var(--led-verde);text-shadow:0 0 8px #39ff1480}.board-clicable{cursor:pointer}.board-clicable:hover{border-color:var(--led-cian)}.perfil{flex-direction:column;gap:1.2rem;display:flex}.perfil>.btn-secundario{align-self:flex-start}.perfil-cabecera{background:var(--tarjeta);border:3px solid var(--borde);flex-wrap:wrap;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem;display:flex;box-shadow:6px 6px #000}.perfil-avatar{border:3px solid var(--borde);background:repeating-conic-gradient(#101020 0% 25%,#0a0a14 0% 50%) 0 0/20px 20px;place-items:center;width:90px;height:110px;display:grid}.perfil-nombre{font-family:var(--pixel);color:var(--led-cian);text-shadow:0 0 10px #00e5ff80,3px 3px #000;margin:0;font-size:clamp(.85rem,3.6vw,1.25rem)}.perfil-zona{color:var(--texto-suave);margin:.3rem 0 .6rem;font-size:1.1rem}.perfil-stats{color:var(--texto-suave);flex-wrap:wrap;gap:1.1rem;font-size:1.02rem;display:flex}.perfil-stats b{font-family:var(--pixel);color:var(--led-verde);font-size:.72rem}.perfil-tiktok{color:var(--led-magenta);border-bottom:2px solid var(--led-magenta);margin-top:.7rem;font-size:1.05rem;text-decoration:none;display:inline-block}.btn-compartir{align-self:stretch}.perfil-clips{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;display:grid}.pie{text-align:center;color:var(--texto-suave);z-index:1;margin-top:3rem;font-size:.95rem;position:relative}.vacio{text-align:center;color:var(--texto-suave)}.legal{max-width:620px;margin:0 auto}.legal h2{font-family:var(--pixel);color:var(--led-cian);text-shadow:0 0 10px #00e5ff80,3px 3px #000;margin:1.4rem 0 .6rem;font-size:1rem}.legal h3{font-family:var(--pixel);color:var(--led-amarillo);margin:1.4rem 0 .4rem;font-size:.7rem}.legal p{color:var(--texto-suave);margin:0;font-size:1.08rem;line-height:1.5}.legal a{color:var(--led-magenta)}.pie-enlace{color:var(--led-cian);font-family:var(--cuerpo);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;text-decoration:underline}.aviso{color:var(--led-magenta);margin:0;font-size:1rem}