:root{--ink:#0a0221;--surface:#160a34;--raised:#22103f;--line:#42215f;--text:#f4ecff;--muted:#a08fc9;--amber:#ff3fa4;--green:#2de8b0;--red:#ff4d5e;--cyan:#29e0ff;--purple:#a239ff;--display:"Audiowide",sans-serif;--body:"IBM Plex Sans",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:var(--body);font-size:15px;line-height:1.6;background-color:var(--ink);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),linear-gradient(rgba(162,57,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(162,57,255,.1) 1px,transparent 1px),radial-gradient(ellipse 80% 40% at 50% -10%,rgba(255,63,164,.16),transparent 70%);background-size:100% 3px,42px 42px,42px 42px,100% 100%;background-attachment:fixed}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--amber),var(--purple));border-radius:6px}button,input,select{font-family:inherit;font-size:14px}.btn{background:#ffffff08;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 13px;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s}.btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px #29e0ff73,inset 0 0 10px #29e0ff1f}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-mini{font-size:12px;padding:4px 9px;font-family:var(--mono)}.btn-principal{background:linear-gradient(90deg,var(--amber),var(--purple));border:none;color:#fff;font-weight:700;letter-spacing:.03em;text-transform:uppercase;width:100%;padding:12px;border-radius:8px;cursor:pointer;box-shadow:0 0 18px #ff3fa473;transition:box-shadow .2s,filter .2s}.btn-principal:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 26px #ff3fa4b3,0 0 44px #a239ff66}.btn-principal:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.campo{width:100%;background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color-scheme:dark;transition:border-color .15s,box-shadow .15s}.campo:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #29e0ff26,0 0 12px #29e0ff4d}.campo.malo{border-color:var(--red);box-shadow:0 0 0 3px #ff4d5e26}.campo-clave{position:relative}.campo-clave .campo{padding-right:40px}.ver-clave{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:6px;color:var(--muted);transition:color .15s,text-shadow .15s}.ver-clave:hover{color:var(--cyan);text-shadow:0 0 6px rgba(41,224,255,.6)}label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 5px}.logo{display:block;height:auto;filter:drop-shadow(0 0 14px rgba(255,63,164,.35)) drop-shadow(0 0 26px rgba(41,224,255,.22))}.sub{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.08em}.pista-error{font-size:12.5px;color:var(--red);margin-top:5px;min-height:18px;line-height:1.4}.pista-ok{font-size:12.5px;color:var(--muted);margin-top:5px;min-height:18px}#acceso{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;overflow:hidden;background:radial-gradient(circle at 50% 16%,#ff3fa459,#ff3fa400 42%),linear-gradient(180deg,#1a0836,#0a0221 55%,#0a0221)}#acceso:before{content:"";position:absolute;left:-50%;right:-50%;bottom:-8%;height:55%;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(41,224,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(41,224,255,.55) 1px,transparent 1px);background-size:60px 60px;transform:perspective(300px) rotateX(60deg);transform-origin:bottom}#acceso .caja{position:relative;z-index:1;width:100%;max-width:400px}#acceso .logo{width:320px;max-width:100%;margin:0 auto 20px}#acceso .sub{text-align:center;margin-bottom:28px}header{border-bottom:2px solid;border-image:linear-gradient(90deg,var(--amber),var(--purple),var(--cyan)) 1;background:linear-gradient(180deg,rgba(162,57,255,.1),transparent);padding:18px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}header .logo{width:170px}header nav{display:flex;gap:14px;flex-wrap:wrap}header nav a{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}header nav a:hover{color:var(--cyan)}header nav a.activo{color:var(--text);border-color:var(--amber)}.sesion{display:flex;align-items:center;gap:12px}.estado{font-family:var(--mono);font-size:12px;color:var(--muted)}.punto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:middle}.punto.ok{background:var(--green);box-shadow:0 0 8px var(--green),0 0 16px var(--green)}.punto.mal{background:var(--red);box-shadow:0 0 8px var(--red)}.salir{background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.salir:hover{color:var(--cyan)}.cinta{position:relative;padding-left:78px}.cinta:before{content:"";position:absolute;left:60px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--amber),var(--purple),var(--cyan));opacity:.55}.pista{position:relative;padding:14px 0;border-bottom:1px solid var(--line)}.pista:last-child{border-bottom:none}.hora{position:absolute;left:-78px;width:52px;text-align:right;font-family:var(--mono);font-size:17px;font-weight:500;color:var(--cyan);text-shadow:0 0 8px rgba(41,224,255,.35)}.marca-cinta{position:absolute;left:-22px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--raised);border:1.5px solid var(--muted)}.detalle{font-size:12.5px;color:var(--muted);font-family:var(--mono);margin-top:4px}.aqui{color:var(--green)}.vacio{border:1px dashed var(--line);border-radius:8px;padding:40px 24px;text-align:center;color:var(--muted)}.vacio strong{display:block;color:var(--text);font-family:var(--display);font-weight:400;font-size:16px;margin-bottom:6px}.aviso{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5}.aviso.bien{background:#2de8b01f;color:#8ff5d3;border:1px solid rgba(45,232,176,.4);box-shadow:0 0 12px #2de8b026}.aviso.mal{background:#ff4d5e1f;color:#ffb3ba;border:1px solid rgba(255,77,94,.4);box-shadow:0 0 12px #ff4d5e26}.pie{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.8}@media(prefers-reduced-motion:no-preference){.pista{animation:entra .3s ease both}@keyframes entra{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}#acceso:before{animation:grid-move 2.5s linear infinite}@keyframes grid-move{0%{background-position:0 0,0 0}to{background-position:0 60px,0 0}}.logo{animation:logo-flicker 3s ease-in-out infinite}@keyframes logo-flicker{0%,3%,6%,to{opacity:1;transform:translate(0)}4%{opacity:.72;transform:translate(-1px)}5%{opacity:.9;transform:translate(1px)}}}