@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#05010f;--ink:#e9e4ff;--dim:#8a80b8;--cyan:#00f0ff;--pink:#ff2bd6;--yellow:#f9f002;--red:#ff3b5c;--glass:#1208288c;--display:"Orbitron", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:14px/1.5 var(--mono);align-content:center;place-items:center;gap:28px;padding:32px 16px 48px;display:grid;overflow-x:hidden}.sky{z-index:-3;background:radial-gradient(ellipse 80% 50% at 50% 100%, #ff2bd640, transparent 70%), radial-gradient(ellipse 60% 40% at 50% 0%, #00f0ff1f, transparent 70%), var(--bg);position:fixed;inset:0}.sun{aspect-ratio:1;background:linear-gradient(var(--yellow), var(--pink) 60%, transparent 85%);opacity:.35;filter:blur(1px);border-radius:50%;width:min(60vmin,440px);animation:6s ease-in-out infinite breathe;position:absolute;bottom:38vh;left:50%;translate:-50% 50%;-webkit-mask:repeating-linear-gradient(#000 0 14px,#0000 14px 18px);mask:repeating-linear-gradient(#000 0 14px,#0000 14px 18px)}.grid{z-index:-2;transform-origin:bottom;background:linear-gradient(#0000 0 calc(100% - 2px),#00f0ff8c 0) 0 0/100% 48px,linear-gradient(90deg,#0000 0 calc(100% - 2px),#ff2bd68c 0) 0 0/48px 100%;height:45vh;animation:1.6s linear infinite travel;position:fixed;bottom:0;left:-50%;right:-50%;transform:perspective(320px)rotateX(62deg);-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.scanlines{z-index:10;pointer-events:none;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);animation:5s step-end infinite flicker;position:fixed;inset:0}header{text-align:center}h1{font:900 clamp(48px, 12vw, 96px)/1 var(--display);letter-spacing:.08em;background:linear-gradient(180deg, #fff 10%, var(--cyan) 55%, var(--pink) 95%);color:#0000;filter:drop-shadow(0 0 18px #00f0ff8c)drop-shadow(0 0 40px #ff2bd659);-webkit-background-clip:text;background-clip:text}.tag{color:var(--dim);letter-spacing:.3em;text-transform:uppercase;margin-top:8px;font-size:11px}.blink{color:var(--cyan);animation:1s step-end infinite blink}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:inherit;-webkit-background-clip:inherit;background-clip:inherit;pointer-events:none;position:absolute;inset:0}.glitch:before{color:var(--cyan);-webkit-text-fill-color:var(--cyan);animation:3.2s step-end infinite glitch-a}.glitch:after{color:var(--pink);-webkit-text-fill-color:var(--pink);animation:3.2s step-end infinite glitch-b}.card{background:linear-gradient(160deg, #ffffff24, #ffffff05 38%, transparent 60%), var(--glass);-webkit-backdrop-filter:blur(18px)saturate(160%);border-radius:20px;gap:18px;width:min(100%,460px);padding:28px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff40,0 30px 80px -20px #ff2bd659,0 0 60px -10px #00f0ff40}.card:before{content:"";z-index:-1;background:conic-gradient(from var(--angle), var(--cyan), var(--pink), var(--yellow), var(--cyan));-webkit-mask-composite:xor;border-radius:21px;padding:1.5px;animation:6s linear infinite spin;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.enter>*{animation:.55s cubic-bezier(.16,1,.3,1) both rise}.card.enter>:nth-child(2){animation-delay:60ms}.card.enter>:nth-child(3){animation-delay:.12s}.card.enter>:nth-child(4){animation-delay:.18s}.card.enter>:nth-child(5){animation-delay:.24s}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) shake}.field{gap:6px;display:grid}.field span,.label,dt{letter-spacing:.25em;text-transform:uppercase;color:var(--dim);font-size:10px}.field i{opacity:.6;font-style:normal}input{width:100%;color:var(--ink);font:inherit;background:#00000059;border:1px solid #00f0ff40;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff26,0 0 20px #00f0ff40}.zone{cursor:pointer;color:var(--ink);font:inherit;background:radial-gradient(circle at 50% 120%,#ff2bd62e,#0000 60%),#00000040;border:1.5px dashed #00f0ff73;border-radius:14px;place-items:center;gap:6px;padding:44px 16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;animation:3s ease-in-out infinite pulse;display:grid;position:relative;overflow:hidden}.zone:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff29 50%,#0000 65%);transition:translate .8s;position:absolute;inset:0;translate:-100%}.zone:hover:after,.zone.hot:after{translate:100%}.zone:hover,.zone:focus-visible,.zone.hot{border-style:solid;border-color:var(--pink);outline:none;box-shadow:0 0 30px #ff2bd673,inset 0 0 30px #ff2bd633}.zone.hot{transform:scale(1.04)}.zone-icon{color:var(--cyan);text-shadow:0 0 16px var(--cyan);font-size:34px;animation:2s ease-in-out infinite bob}.zone-title{font:800 24px var(--display);letter-spacing:.12em}.zone-sub{color:var(--dim);font-size:12px}.zone.compact{justify-content:center;align-items:center;gap:12px;padding:18px 16px;display:flex}.zone.compact .zone-icon{font-size:22px}.zone.compact .zone-title{font-size:16px}.zone.compact .zone-sub{display:none}.staged{scrollbar-width:thin;scrollbar-color:var(--pink) transparent;background:#0000004d;border:1px solid #ffffff0f;border-radius:12px;max-height:220px;margin:0;padding:4px;list-style:none;overflow-y:auto}.staged li{border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;animation:.4s cubic-bezier(.16,1,.3,1) both rise;display:grid;position:relative}.staged li+li{border-top:1px solid #ffffff0a}.staged li:hover{background:#00f0ff0d}.fn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fs{color:var(--dim);font-size:12px}.x{cursor:pointer;width:26px;height:26px;color:var(--dim);font:inherit;background:0 0;border:1px solid #ffffff1a;border-radius:6px;place-items:center;text-decoration:none;transition:color .15s,border-color .15s,box-shadow .15s;display:grid}.x:hover{color:var(--pink);border-color:var(--pink);box-shadow:0 0 12px #ff2bd666}.x.get:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #00f0ff66}.progress li{grid-template-columns:1fr auto;padding-bottom:12px}.bar{background:#ffffff0f;border-radius:2px;height:2px;position:absolute;bottom:5px;left:10px;right:10px;overflow:hidden}.bar b{background:linear-gradient(90deg, var(--pink), var(--cyan));width:0;height:100%;box-shadow:0 0 8px var(--cyan);transition:width .3s linear;display:block}.progress li.done .fn{color:#7dffb5}.progress li.done .bar b{background:#7dffb5;box-shadow:0 0 8px #00ff9c}.uplink{width:200px;margin:0 auto;position:relative}.ring{width:100%;filter:drop-shadow(0 0 10px var(--cyan));rotate:-90deg}.ring-track{fill:none;stroke:#ffffff12;stroke-width:6px}.ring-bar{fill:none;stroke:var(--cyan);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .3s linear;animation:2.4s linear infinite hue}.uplink:before{content:"";border:1px dashed #ff2bd680;border-radius:50%;animation:12s linear infinite spin-plain;position:absolute;inset:10px}.pct{grid-auto-flow:column;place-content:center;align-items:baseline;display:grid;position:absolute;inset:0}.pct b{font:800 46px var(--display);text-shadow:0 0 20px var(--cyan)}.pct small{color:var(--dim);margin-left:2px}.fname{text-align:center;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;padding:10px 4px}dd{color:var(--cyan);white-space:nowrap;margin:2px 0 0;font-weight:600}.ok{font:900 30px var(--display);text-align:center;letter-spacing:.12em;color:#7dffb5;text-shadow:0 0 22px #00ff9c}.ok.error{color:var(--red);text-shadow:0 0 22px var(--red);font-size:56px}.burst{pointer-events:none;border:2px solid #7dffb5;border-radius:50%;width:20px;height:20px;position:absolute;top:64px;left:50%;translate:-50% -50%;animation:1.1s cubic-bezier(.16,1,.3,1) forwards ripple!important}.linkbox{gap:8px;display:flex}.linkbox input{color:var(--cyan)}.dl-name{font:800 clamp(20px, 6vw, 28px)/1.2 var(--display);text-align:center;word-break:break-word}.note{text-align:center;color:#7dffb5;font-size:12px}.error{color:var(--red);text-align:center;min-height:1em;font-size:12px}.error:empty{display:none}.btn{cursor:pointer;font:800 13px var(--display);letter-spacing:.18em;text-transform:uppercase;text-align:center;color:#12002a;background:linear-gradient(180deg, #fff, var(--cyan) 45%, #00a6d6);border:0;border-radius:10px;padding:12px 18px;text-decoration:none;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc,0 0 24px #00f0ff80}.btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 0 36px #00f0ffcc}.btn:active{transform:translateY(1px)}.btn.flash{background:linear-gradient(#fff,#7dffb5 45%,#00c27a)}.btn.ghost{color:var(--dim);background:0 0;box-shadow:inset 0 0 0 1px #ffffff1f}.btn.ghost:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--pink), 0 0 20px #ff2bd64d}.btn.big{background:linear-gradient(180deg, #fff, var(--pink) 45%, #b0008f);color:#fff;text-shadow:0 1px 2px #0006;padding:18px;font-size:16px;box-shadow:inset 0 1px #ffffffb3,0 0 30px #ff2bd699}footer{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;font-size:11px}@keyframes spin{to{--angle:360deg}}@keyframes spin-plain{to{rotate:360deg}}@keyframes travel{to{background-position:0 48px,0 0}}@keyframes breathe{50%{opacity:.5;scale:1.03}}@keyframes blink{50%{opacity:0}}@keyframes bob{50%{translate:0 -5px}}@keyframes pulse{50%{border-color:#ff2bd68c}}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes rise{0%{opacity:0;filter:blur(6px);translate:0 14px}}@keyframes ripple{to{opacity:0;width:520px;height:520px}}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.6}98%{opacity:1}99%{opacity:.75}}@keyframes shake{20%,60%{translate:-6px}40%,80%{translate:6px}}@keyframes glitch-a{0%,90%,to{clip-path:inset(0 0 100%);translate:0}91%{clip-path:inset(10% 0 60%);translate:-3px 1px}93%{clip-path:inset(55% 0 20%);translate:3px -1px}95%{clip-path:inset(30% 0 45%);translate:-2px}}@keyframes glitch-b{0%,90%,to{clip-path:inset(0 0 100%);translate:0}92%{clip-path:inset(65% 0 5%);translate:3px}94%{clip-path:inset(5% 0 75%);translate:-3px 1px}96%{clip-path:inset(40% 0 35%);translate:2px -1px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
