:root{--gala-0: #0a1220;--gala-1: #111c31;--gala-2: #182543;--gala-3: #203055;--laton: #c9a227;--laton-claro: #e4be55;--laton-oscuro: #8f7418;--baliza: #4d82ff;--sirena: #e24a43;--radio: #3bc873;--tiza: #f4f1e6;--tiza-2: #c9cbd3;--humo: #8b90a3;--humo-2: #5a6178;--costura: rgba(244, 241, 230, .08);--costura-suave: rgba(244, 241, 230, .05);--costura-laton: rgba(201, 162, 39, .35);--f-display: "Nimbus Sans Narrow", "Liberation Sans Narrow", "Bahnschrift", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--f-texto: "Segoe UI", system-ui, -apple-system, sans-serif;--f-datos: "Consolas", "Courier New", monospace;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-6: 48px;--sp-8: 64px;--curva-s: 6px;--curva-m: 10px;--curva-l: 16px;--transicion: .14s cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--gala-0);color:var(--tiza);font-family:var(--f-texto);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--laton-oscuro);color:var(--tiza)}button{font:inherit;color:inherit}a{color:var(--baliza);text-decoration:none}img,canvas,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--baliza);outline-offset:2px;border-radius:var(--curva-s)}.display{font-family:var(--f-display);font-stretch:condensed;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.1}.datos{font-family:var(--f-datos);font-variant-numeric:tabular-nums}.radio-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-datos);font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--laton-claro);border:1px solid var(--costura-laton);border-radius:999px;padding:4px 12px;white-space:nowrap}.radio-tag--radio{color:var(--radio);border-color:#3bc87366}.radio-tag--sirena{color:var(--sirena);border-color:#e24a4366}.radio-tag--humo{color:var(--humo);border-color:var(--costura)}.beacon{position:relative}.beacon:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--baliza) 45%,var(--tiza) 50%,var(--baliza) 55%,transparent) no-repeat,var(--costura);background-size:30% 100%,100% 100%;animation:beacon-barrido 4.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes beacon-barrido{0%{background-position:-30% 0,0 0}50%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:48px;padding:0 var(--sp-3);border:1px solid var(--costura);border-radius:var(--curva-m);background:var(--gala-2);color:var(--tiza);font-family:var(--f-display);font-stretch:condensed;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transicion),border-color var(--transicion),transform var(--transicion),opacity var(--transicion)}.btn:hover{background:var(--gala-3);border-color:var(--costura-laton)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--laton{background:var(--laton);border-color:var(--laton);color:var(--gala-0)}.btn--laton:hover{background:var(--laton-claro);border-color:var(--laton-claro)}.btn--fantasma{background:transparent}.btn--sirena{background:transparent;border-color:#e24a4380;color:var(--sirena)}.btn--sirena:hover{background:#e24a431f;border-color:var(--sirena)}.btn--kiosco{min-height:64px;padding:0 var(--sp-4);font-size:22px;border-radius:var(--curva-l)}.card{background:var(--gala-1);border:1px solid var(--costura);border-radius:var(--curva-l);padding:var(--sp-3)}.card--piping{position:relative;overflow:hidden}.card--piping:before{content:"";position:absolute;top:0;left:var(--sp-3);right:var(--sp-3);height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,var(--laton) 20%,var(--laton) 80%,transparent);opacity:.75}.input{width:100%;min-height:52px;padding:0 var(--sp-2);background:var(--gala-0);border:1px solid var(--costura);border-radius:var(--curva-m);color:var(--tiza);font:inherit;font-size:18px;transition:border-color var(--transicion)}.input::placeholder{color:var(--humo-2)}.input:focus{outline:none;border-color:var(--baliza)}.rank-list{list-style:none;display:flex;flex-direction:column}.rank-item{display:flex;align-items:center;gap:var(--sp-2);padding:10px var(--sp-2);border-bottom:1px solid var(--costura-suave);border-radius:var(--curva-s)}.rank-item:last-child{border-bottom:none}.rank-item--propio{background:var(--gala-2);border:1px solid var(--costura-laton)}.rank-pos{flex:0 0 64px;display:flex;align-items:center;justify-content:flex-start;gap:2px}.rank-num{font-size:15px;color:var(--humo);border:1px solid var(--costura);border-radius:var(--curva-s);padding:2px 8px}.rank-name{flex:1;font-family:var(--f-display);font-stretch:condensed;font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{font-family:var(--f-datos);font-variant-numeric:tabular-nums;font-size:18px;color:var(--laton-claro)}.rank-meta{font-size:12px;color:var(--humo)}.rank-vacio{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-3);color:var(--humo);text-align:center}.estado{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-6);color:var(--humo);text-align:center}.pulso{width:10px;height:10px;border-radius:50%;background:var(--laton);animation:pulso 1.2s ease-in-out infinite}@keyframes pulso{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.aparecer{animation:aparecer .32s cubic-bezier(.2,0,0,1) both}@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pantalla{min-height:100dvh;display:flex;flex-direction:column}.contenedor{width:min(1100px,100% - var(--sp-4));margin-inline:auto}.creditos{display:inline-flex;align-items:center;gap:8px;color:var(--humo);font-size:12.5px;text-decoration:none;transition:color var(--transicion)}a.creditos:hover .creditos-texto{color:var(--laton-claro)}.creditos-texto strong{font-weight:600;color:var(--tiza-2)}.creditos-logo-fila{display:inline-flex;align-items:center;gap:8px}.creditos-logo{height:20px;width:auto;border-radius:3px;opacity:.9}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--gala-3);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.auth-pantalla{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--sp-3)}.auth-caja{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4)}.auth-marca{display:flex;align-items:center;gap:var(--sp-2)}.auth-titulos{min-width:0}.auth-titulo{font-size:clamp(22px,4vw,30px);line-height:1.1}.auth-sub{color:var(--humo);font-size:14px;letter-spacing:.04em;margin-top:2px}.auth-form{display:flex;flex-direction:column;gap:var(--sp-2)}.auth-campo{display:flex;flex-direction:column;gap:var(--sp-1)}.auth-label{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--tiza-2);font-size:14px;letter-spacing:.03em}.auth-icono{color:var(--laton-claro)}.auth-input{font-size:22px;letter-spacing:.3em;text-align:center}.auth-error{align-self:flex-start}.auth-btn{margin-top:var(--sp-1);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1)}.auth-ayuda{color:var(--humo);font-size:12.5px;line-height:1.45}.auth-cargando{padding:var(--sp-3) 0;text-align:center;color:var(--tiza-2)}.auth-pie{display:flex;justify-content:center;padding-top:var(--sp-1);border-top:1px solid var(--costura)}