:root{--ink:#0a0a0c;--bone:#f4efe4;--acid:#c9ff2e;--magenta:#ff2d6f;--gold:#ffc531;--pad:max(20px, env(safe-area-inset-bottom))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--bone);overscroll-behavior:none;font-family:Chakra Petch,system-ui,sans-serif;overflow:hidden}#stage{background:radial-gradient(120% 90% at 50% 0%, #17171d 0%, var(--ink) 62%);place-items:center;display:grid;position:fixed;inset:0}#cam{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#view{background:var(--ink);max-width:100%;max-height:100%;display:block}.panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:32px 24px var(--pad);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ced;flex-direction:column;justify-content:safe center;align-items:center;gap:18px;animation:.32s both fade;display:flex;position:absolute;inset:0;overflow-y:auto}.panel>*{flex-shrink:0}.panel.bare{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.hidden{display:none!important}@keyframes fade{0%{opacity:0;transform:translateY(10px)}}.tape{letter-spacing:.22em;background:var(--acid);color:var(--ink);padding:6px 16px;font-size:clamp(10px,2.6vw,13px);font-weight:700;animation:.5s cubic-bezier(.2,1.6,.4,1) both slam;transform:rotate(-2.2deg)}.tape.alert{background:var(--magenta);color:var(--bone)}@keyframes slam{0%{opacity:0;transform:rotate(-14deg)scale(1.6)}to{opacity:1;transform:rotate(-2.2deg)scale(1)}}h1{letter-spacing:-.02em;font-family:Archivo Black,sans-serif;font-size:clamp(46px,15vw,104px);line-height:.86;animation:.55s cubic-bezier(.2,1.5,.4,1) 60ms both slam;transform:skew(-7deg)}h1 em{-webkit-text-stroke:2px var(--acid);color:#0000;paint-order:stroke fill;font-style:normal}h2{color:var(--acid);font-family:Archivo Black,sans-serif;font-size:clamp(24px,7.5vw,44px);line-height:1;transform:skew(-6deg)}.lede{opacity:.92;max-width:30ch;font-size:clamp(14px,3.9vw,19px);font-weight:600;line-height:1.45}.fine{opacity:.5;max-width:34ch;font-family:Share Tech Mono,monospace;font-size:12px;line-height:1.5}.score{text-shadow:4px 0 var(--magenta), -4px 0 #00e5ff;font-family:Archivo Black,sans-serif;font-size:clamp(64px,22vw,150px);line-height:.85;animation:.6s cubic-bezier(.2,1.7,.4,1) both slam;transform:skew(-7deg)}.stats{flex-wrap:wrap;justify-content:center;gap:10px;font-family:Share Tech Mono,monospace;font-size:12px;display:flex}.stats span{opacity:.8;border:1px solid #f4efe440;padding:5px 10px}.stats b{color:var(--acid);font-weight:400}.btn{letter-spacing:.01em;color:var(--bone);cursor:pointer;background:0 0;border:2px solid #f4efe466;padding:12px 26px;font-family:Archivo Black,sans-serif;font-size:14px;transition:transform .12s,border-color .12s,color .12s,filter .12s;transform:skew(-7deg)}.btn:hover{border-color:var(--acid);color:var(--acid)}.btn:active{transform:skew(-7deg)translate(2px,2px)}.btn:disabled{filter:grayscale();opacity:.5;cursor:wait}#countnum{color:var(--bone);text-shadow:6px 0 var(--magenta), -6px 0 #00e5ff;font-family:Archivo Black,sans-serif;font-size:clamp(140px,46vw,340px);line-height:1;animation:.85s ease-out both pop}@keyframes pop{0%{opacity:0;transform:scale(2.4)skew(-10deg)}22%{opacity:1;transform:scale(1)skew(-7deg)}to{opacity:0;transform:scale(.7)skew(-7deg)}}.spinner{border:5px solid #f4efe429;border-top-color:var(--acid);border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn.small{padding:10px 16px;font-size:13px}.rank-alta{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;display:flex}.acciones{flex-direction:column;align-items:center;gap:12px;display:flex}.fine.alerta:not(:empty){color:var(--magenta)}.online{opacity:.8;align-items:center;gap:8px;display:flex}.online:before{content:"";background:var(--acid);width:7px;height:7px;box-shadow:0 0 8px var(--acid);border-radius:50%;flex:none;animation:2.4s ease-in-out infinite latir}.online.vacio:before{background:var(--magenta);box-shadow:none;animation:none}@keyframes latir{50%{opacity:.2}}.alias{letter-spacing:.06em;text-transform:uppercase;width:min(46vw,180px);color:var(--bone);background:#f4efe40f;border:2px solid #f4efe447;border-radius:0;outline:none;padding:12px 14px;font-family:Chakra Petch,system-ui,sans-serif;font-size:16px;font-weight:700}.alias:focus{border-color:var(--acid)}.alias::placeholder{color:#f4efe459;letter-spacing:.1em}.tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tab{letter-spacing:.08em;color:var(--bone);cursor:pointer;background:0 0;border:1px solid #f4efe438;padding:7px 11px;font-family:Share Tech Mono,monospace;font-size:12px}.tab.on{background:var(--acid);color:var(--ink);border-color:var(--acid)}.tab:disabled{opacity:.3;cursor:not-allowed}.tabla{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-top:1px solid #f4efe424;border-bottom:1px solid #f4efe424;width:min(100%,420px);max-height:min(46vh,340px);list-style:none;overflow-y:auto}.tabla li{border-bottom:1px solid #f4efe412;grid-template-columns:2.4em 1fr auto;align-items:baseline;gap:10px;padding:9px 4px;font-family:Share Tech Mono,monospace;font-size:13px;display:grid}.tabla li:last-child{border-bottom:0}.tabla .pos{color:var(--acid);text-align:right}.tabla .quien{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:Chakra Petch,system-ui,sans-serif;font-weight:700;overflow:hidden}.tabla .cuanto{font-variant-numeric:tabular-nums}.tabla li.yo{background:#c9ff2e1f}.tabla li.podio .pos{color:var(--gold);font-size:15px}.tabla .vacio{text-align:center;opacity:.5;padding:18px 0;display:block}#tiles{place-content:center;gap:var(--tgap,0px);flex-wrap:wrap;display:flex;position:absolute;inset:0}#tiles.sala{--tgap:8px;inset:10px}.tile{width:var(--tw,100%);height:var(--th,100%);place-items:center;display:grid;position:relative;overflow:hidden}#tiles.sala .tile{background:#0c0c10;border:2px solid #f4efe429}#tiles.sala .tile.yo{border-color:var(--acid)}.tile>video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.tile>video.contener{object-fit:contain}.tile-nombre,.tile-aura{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0a0a0cbd;max-width:62%;padding:3px 7px;font-size:12px;position:absolute;bottom:6px;overflow:hidden}.tile-nombre{font-weight:700;left:6px}.tile-aura{color:var(--acid);font-variant-numeric:tabular-nums;font-family:Share Tech Mono,monospace;right:6px}.tile.mudo .tile-nombre:before{content:"🔇 "}#tiles.solo .tile-nombre,#tiles.solo .tile-aura{display:none}.lobby{left:50%;bottom:calc(var(--barra-h,72px) + 10px);z-index:7;text-align:center;background:#0a0a0ce0;border:2px solid #c9ff2e59;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:min(92vw,460px);padding:16px 22px;display:flex;position:absolute;transform:translate(-50%)}.lobby-cod{letter-spacing:.22em;color:var(--acid);text-shadow:3px 0 var(--magenta), -3px 0 #00e5ff;cursor:pointer;background:0 0;border:0;padding:0 0 0 .22em;font-family:Share Tech Mono,monospace;font-size:clamp(30px,8vw,52px)}.lobby-quienes{letter-spacing:.06em;opacity:.8;overflow-wrap:anywhere;max-width:100%;font-family:Share Tech Mono,monospace;font-size:12px}.lobby .fine{margin:0}.marcador{letter-spacing:.14em;color:var(--gold);font-family:Share Tech Mono,monospace;font-size:15px}.barra{z-index:6;padding:10px 12px var(--pad);background:linear-gradient(#0a0a0c00,#0a0a0cf5 55%);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.chip{letter-spacing:.1em;color:var(--bone);cursor:pointer;background:#f4efe417;border:1px solid #f4efe43d;padding:9px 13px;font-family:Share Tech Mono,monospace;font-size:12px}.chip:hover{border-color:var(--acid);color:var(--acid)}.chip:disabled{opacity:.35;cursor:not-allowed}.chip.fuerte,.chip.on{background:var(--acid);color:var(--ink);border-color:var(--acid);font-weight:700}.chip.fuerte:hover,.chip.on:hover{color:var(--ink)}.chip.rojo:hover{border-color:var(--magenta);color:var(--magenta)}.tabla.sala{max-height:min(30vh,230px)}.clips{flex-direction:column;align-items:center;gap:8px;display:flex}.clips-fila{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (pointer:coarse),(width<=760px){.panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0a0cf7}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}