:root{--void:#040404;--panel:#0b0b0b;--panel-hi:#101010;--raised:#171717;--line:#1f1f1f;--line-hi:#333;--line-max:#4a4a4a;--signal:#fff;--bright:#ededed;--dim:#8c8c8c;--faint:#4d4d4d;--ghost:#2a2a2a;--r:2px;--r-lg:3px;--mono:"JetBrains Mono",ui-monospace,monospace;--display:"Michroma",sans-serif;--sans:"Space Grotesk",system-ui,sans-serif;--grid:44px;--glow:0 0 24px #ffffff38}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--void);color:var(--bright);font-family:var(--sans);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.backdrop:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:var(--grid) var(--grid);position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 78%)}.backdrop:after{content:"";background:radial-gradient(70% 45% at 50% -8%,#ffffff0e,#0000 70%),radial-gradient(120% 80% at 50% 120%,#000000e6,#0000 60%);position:absolute;inset:0}.grain{z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:-50%}.shell{z-index:2;flex-direction:column;align-items:center;padding:clamp(20px,5vw,44px) 16px 140px;display:flex;position:relative}.wrap{width:100%;max-width:620px}::selection{background:var(--signal);color:var(--void)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:var(--r)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.starfield{z-index:0}.corner{border:0 solid var(--signal);pointer-events:none;width:13px;height:13px;position:absolute}.c-tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.c-tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.c-bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.c-br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.hero{isolation:isolate;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;padding:clamp(34px,7vw,50px) 24px 28px;position:relative;overflow:hidden}.hero-gradient{z-index:-2;opacity:.6}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#04040459,#040404c7 72%);position:absolute;inset:0}.hero .spot{pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffffff17,#0000 62%);width:420px;height:420px;margin:-210px 0 0 -210px;position:absolute;top:0;left:0}.hero .scan{pointer-events:none;z-index:-1;background:linear-gradient(#0000,#ffffff0d,#0000);height:38%;position:absolute;left:0;right:0}.hero h1{font-family:var(--display);letter-spacing:.28em;color:var(--signal);text-shadow:0 0 30px #ffffff47;justify-content:center;margin-left:.28em;font-size:clamp(28px,8.4vw,48px);line-height:1;display:flex}.hero h1 span{will-change:transform;display:inline-block}.statusline{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase;justify-content:center;align-items:center;gap:9px;margin-top:18px;font-size:10px;display:flex}.dot{background:var(--signal);width:6px;height:6px;box-shadow:var(--glow);border-radius:50%;flex-shrink:0}.links{justify-content:center;gap:10px;margin-top:20px;display:flex}.links a{font-family:var(--mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;border:1px solid var(--line);border-radius:var(--r);padding:7px 14px;font-size:10px;text-decoration:none;transition:color .16s,border-color .16s,background .16s}.links a:hover{color:var(--void);background:var(--signal);border-color:var(--signal)}.readout{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:9px 14px;font-size:9.5px;display:flex}.readout b{color:var(--dim);font-weight:500}.meter{align-items:center;gap:3px;display:flex}.meter i{background:var(--ghost);border-radius:1px;width:7px;height:9px;display:block}.meter i.on{background:var(--signal);box-shadow:0 0 7px #ffffff73}.tabs{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);margin:14px 0 16px;display:flex;overflow:hidden}.tab{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);flex:1;padding:13px 4px;font-size:10px;font-weight:500;transition:color .18s;position:relative}.tab+.tab{border-left:1px solid var(--line)}.tab:hover{color:var(--bright)}.tab[data-active=true]{color:var(--void);font-weight:700}.tab .label{z-index:1;position:relative}.tab .indicator{background:var(--signal);z-index:0;position:absolute;inset:0}.board{flex-direction:column;gap:7px;list-style:none;display:flex;position:relative}.row{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:15px;padding:11px 14px 11px 17px;transition:border-color .18s,background .18s;display:flex;position:relative}.row:hover{border-color:var(--line-hi);background:var(--panel-hi)}.row:before{content:"";background:var(--signal);transform-origin:50%;width:2px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:-1px;bottom:-1px;left:-1px;transform:scaleY(0)}.row:hover:before{transform:scaleY(1)}.row[data-podium="1"]{border-color:var(--line-hi);background:linear-gradient(90deg,var(--raised),var(--panel) 45%)}.rank{font-family:var(--mono);border-radius:var(--r);letter-spacing:.04em;border:1px solid var(--line);min-width:54px;height:38px;color:var(--faint);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}.rank[data-podium="1"]{background:var(--signal);border-color:var(--signal);color:var(--void);box-shadow:0 0 20px #ffffff4d}.rank[data-podium="2"]{border-color:var(--signal);color:var(--signal)}.rank[data-podium="3"]{border-color:var(--line-max);color:var(--bright)}.head{border-radius:var(--r);width:42px;height:42px;image-rendering:pixelated;background:var(--raised);border:1px solid var(--line);flex-shrink:0}.pname{min-width:0;color:var(--bright);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:1;font-size:17px;font-weight:600;overflow:hidden}.row .del{border-radius:var(--r);border:1px solid var(--line-hi);width:30px;height:30px;color:var(--dim);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .16s,border-color .16s,color .16s;display:flex}.row .del:hover{background:var(--signal);border-color:var(--signal);color:var(--void)}.empty{text-align:center;color:var(--faint);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border:1px dashed var(--line);border-radius:var(--r);padding:52px 16px;font-size:10.5px}.skel{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);height:64px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0b,#0000);animation:1.4s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fab-dock{z-index:50;background:var(--panel);border:1px solid var(--line-hi);border-radius:var(--r);gap:8px;padding:8px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 44px #000c}.fab{border-radius:var(--r);justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:flex}.fab.add{background:var(--signal);border:1px solid var(--signal);color:var(--void)}.fab.add:hover{box-shadow:0 0 18px #ffffff73}.fab.rem{border:1px solid var(--line-hi);color:var(--bright)}.fab.rem:hover{border-color:var(--signal);color:var(--signal)}.fab.out{border:1px solid var(--line);color:var(--dim);font-size:14px}.fab.out:hover{color:var(--bright);border-color:var(--line-hi)}.admin-pill{z-index:50;background:var(--signal);color:var(--void);font-family:var(--mono);letter-spacing:.22em;border-radius:var(--r);align-items:center;gap:8px;padding:10px 14px;font-size:9.5px;font-weight:700;display:flex;position:fixed;bottom:22px;left:22px;box-shadow:0 0 28px #fff3}.admin-pill .pulse{background:var(--void);border-radius:50%;width:5px;height:5px}footer{text-align:center;font-family:var(--mono);letter-spacing:.16em;color:var(--faint);text-transform:uppercase;margin-top:36px;font-size:9.5px}footer button{color:var(--faint);border-bottom:1px solid #0000;transition:color .16s,border-color .16s}footer button:hover{color:var(--bright);border-color:var(--bright)}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);background:#000c;justify-content:center;align-items:flex-start;padding:clamp(28px,10vh,80px) 16px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--line-hi);border-radius:var(--r-lg);width:100%;max-width:410px;padding:26px 26px 28px;position:relative;box-shadow:0 30px 90px #000000d9}.modal-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.modal-top h2{font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;color:var(--signal);font-size:15px}.xbtn{border-radius:var(--r);border:1px solid var(--line-hi);width:32px;height:32px;color:var(--dim);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:border-color .16s,color .16s;display:flex}.xbtn:hover{border-color:var(--signal);color:var(--signal)}.field{margin-bottom:15px}.field label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:9.5px;display:block}.field input,.field select{background:var(--void);border:1px solid var(--line);width:100%;color:var(--bright);border-radius:var(--r);font-family:var(--sans);outline:none;padding:12px 14px;font-size:15px;transition:border-color .16s,box-shadow .16s}.field input::placeholder{color:var(--faint)}.field input:focus,.field select:focus{border-color:var(--signal);box-shadow:0 0 0 3px #ffffff12}.field select{appearance:none;cursor:pointer}.btn-primary{background:var(--signal);border:1px solid var(--signal);width:100%;color:var(--void);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;border-radius:var(--r);margin-top:6px;padding:14px;font-size:11.5px;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}.btn-primary:hover:not(:disabled){color:var(--signal);background:0 0;box-shadow:0 0 18px #ffffff29}.btn-primary:disabled{opacity:.5;cursor:progress}.err{color:var(--bright);background:var(--raised);border-left:2px solid var(--signal);font-family:var(--mono);margin-top:12px;padding:9px 11px;font-size:10.5px;line-height:1.5;overflow:hidden}.hint{color:var(--faint);margin-top:14px;font-size:12px;line-height:1.5}.toast{z-index:200;background:var(--signal);color:var(--void);font-family:var(--mono);letter-spacing:.14em;border-radius:var(--r);white-space:nowrap;padding:11px 20px;font-size:10.5px;font-weight:700;position:fixed;top:20px;left:50%;box-shadow:0 10px 40px #0009}@media (width<=480px){.fab-dock{bottom:14px;right:14px}.admin-pill{bottom:14px;left:14px}.row{gap:12px;padding:10px 12px 10px 14px}.rank{min-width:46px}.pname{font-size:15px}.readout{letter-spacing:.12em;font-size:8.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}