:root{--chrome: #c8ccd4;--chrome-hi: #eef0f4;--ink: #0a0a0a;--screen: #050507;--mag: #ff2dd1;--cyan: #00e5ff;--code: #39ff14;--volt: #fff36b;--muted: #696b6f;--display: "Bungee", "Impact", sans-serif;--shade: "Bungee Shade", "Bungee", sans-serif;--sfx: "Rubik Glitch", "Bungee", sans-serif;--term: "VT323", ui-monospace, monospace;--text: "Chakra Petch", "Trebuchet MS", sans-serif;--line: 3px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--text);font-size:17px;line-height:1.5;overflow-x:hidden;background:radial-gradient(circle at 1px 1px,rgba(10,10,10,.16) 1.2px,transparent 1.6px) 0 0 / 9px 9px,linear-gradient(115deg,#e9ebf0 0%,var(--chrome) 28%,#f4f5f8 46%,#b9bec8 70%,#e2e5ea 100%);background-attachment:fixed}img{display:block;max-width:100%}a{color:inherit}::selection{background:var(--mag);color:#fff}.scanlines{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;animation:scan 8s linear infinite}@keyframes scan{to{transform:translateY(3px)}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:8px 18px;background:linear-gradient(180deg,var(--chrome-hi),var(--chrome));border-bottom:var(--line);box-shadow:0 4px 0 var(--mag)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:40px;height:40px;border:2px solid var(--ink);border-radius:10px;background:var(--screen)}.brand span{font-family:var(--display);font-size:18px;letter-spacing:.02em}.brand b{color:var(--mag);-webkit-text-stroke:1px var(--ink)}.tabs{display:flex;gap:6px;margin-left:auto}.tabs a{font-family:var(--display);font-size:13px;text-decoration:none;padding:6px 12px;border:2px solid var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}.tabs a:hover{background:var(--cyan);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.tabs a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.mute{font-family:var(--term);font-size:20px;padding:2px 10px;border:2px solid var(--ink);background:var(--screen);color:var(--code);cursor:pointer}.mute[aria-pressed=true]{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:16px;text-decoration:none;color:var(--ink);padding:12px 20px;border:var(--line);background:#fff;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.btn svg{width:20px;height:20px;fill:currentColor}.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:7px 7px 0 var(--ink);background:var(--cyan)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.75;cursor:progress}.btn-hot{background:var(--mag);color:#fff;text-shadow:2px 2px 0 var(--ink)}.btn-hot:hover{background:var(--volt);color:var(--ink);text-shadow:none}.btn:focus-visible,.tabs a:focus-visible,.mute:focus-visible,.card:focus-visible{outline:3px dashed var(--mag);outline-offset:4px}.win{border:var(--line);background:var(--chrome-hi);box-shadow:10px 10px 0 var(--ink)}.win-bar{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-family:var(--display);font-size:13px;color:#fff;background:linear-gradient(90deg,var(--mag),#7a2bff 55%,var(--cyan));border-bottom:var(--line)}.win-bar i{font-style:normal;letter-spacing:4px}.win-body{padding:16px}.splash{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:22px 16px 60px;gap:18px}.splash-art{position:relative;border:4px solid var(--ink);transform:rotate(-1.2deg);box-shadow:12px 12px 0 var(--mag);overflow:hidden;background:var(--screen);clip-path:polygon(0 0,100% 2%,98% 100%,1% 97%)}.splash-art img{width:100%;height:clamp(300px,44vw,600px);object-fit:cover;object-position:50% 30%;animation:hover-fly 5s ease-in-out infinite}@keyframes hover-fly{50%{transform:scale(1.04) translateY(-8px)}}.sfx{position:absolute;font-family:var(--sfx);color:var(--volt);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--mag);pointer-events:none}.sfx-a{right:30%;bottom:10%;font-size:clamp(34px,7vw,92px);transform:rotate(-10deg)}.sfx-b{right:6%;top:10%;font-size:clamp(26px,4vw,54px);transform:rotate(12deg);color:var(--cyan)}.splash-title{position:relative;z-index:2;margin-top:-90px;padding-left:6px}.kicker{display:inline-block;margin:0 0 8px;font-family:var(--display);font-size:14px;background:var(--volt);border:2px solid var(--ink);padding:3px 10px;transform:rotate(-2deg)}h1{margin:0;font-family:var(--shade);font-weight:400;font-size:clamp(48px,11vw,168px);line-height:.88;color:var(--mag);text-shadow:5px 5px 0 var(--ink),9px 9px 0 var(--cyan);letter-spacing:-.01em}.tagline{display:inline-block;margin:16px 0 0;font-family:var(--display);font-size:clamp(18px,2.6vw,30px);line-height:1.15;background:var(--ink);color:#fff;padding:10px 14px;box-shadow:6px 6px 0 var(--cyan)}.dialup{max-width:460px;justify-self:end;transform:rotate(1deg)}.dial-row{display:flex;gap:10px;font-weight:700;font-size:15px}.dial-row span{width:48px}.dial-row code{font-family:var(--term);font-size:20px;line-height:1.1}.term{margin:12px 0 10px;min-height:132px;padding:10px 12px;background:var(--screen);color:var(--code);font-family:var(--term);font-size:19px;line-height:1.15;white-space:pre-wrap;border:2px solid var(--ink);box-shadow:inset 0 0 18px #39ff1440}.meter{height:14px;border:2px solid var(--ink);background:#fff;margin-bottom:14px;overflow:hidden}.meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--cyan) 0 12px,var(--mag) 12px 24px);transform:scaleX(0);transform-origin:left;transition:transform .5s steps(6)}.win-actions{display:flex;gap:12px;flex-wrap:wrap}body.online .brand img{box-shadow:0 0 0 3px var(--code)}.section-sfx{margin:0 0 28px;font-family:var(--display);font-weight:400;font-size:clamp(38px,7vw,88px);line-height:.95;color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);transform:rotate(-1.5deg)}.section-sfx small{display:block;margin-top:8px;font-family:var(--term);font-size:clamp(20px,2.4vw,28px);color:var(--ink);-webkit-text-stroke:0;text-shadow:none;transform:rotate(1.5deg)}.origin{padding:50px 16px 70px}.strip{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}.panel{position:relative;margin:0;border:4px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--ink)}.panel img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-bottom:4px solid var(--ink)}.caption{margin:0;padding:12px 14px 16px;font-weight:600;font-size:16px;background:var(--volt)}.balloon{position:absolute;top:14px;left:14px;max-width:70%;font-family:var(--display);font-size:15px;padding:10px 14px;background:#fff;border:3px solid var(--ink);border-radius:22px}.balloon:after{content:"";position:absolute;left:28px;bottom:-16px;border:8px solid transparent;border-top:10px solid var(--ink)}.balloon.right{left:auto;right:14px}.p1{transform:rotate(-1deg)}.p2{transform:rotate(1.2deg)}.p3{transform:rotate(-.6deg)}.grid-sec{padding:60px 16px 70px;background:var(--ink);color:#fff;border-top:var(--line);border-bottom:var(--line);position:relative}.grid-sec:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/texture.webp) 0 0 / 360px;opacity:.18;pointer-events:none;animation:pan 40s linear infinite}@keyframes pan{to{background-position:360px 360px}}.grid-sec>*{position:relative}.grid-sec .section-sfx{color:var(--cyan);-webkit-text-stroke:2px #fff;text-shadow:5px 5px 0 var(--mag)}.grid-sec .section-sfx small{color:var(--code)}.howto{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:10px}.howto li{font-family:var(--term);font-size:22px;padding:4px 12px;border:2px solid var(--cyan)}.howto b{color:var(--mag);font-weight:400}.grid-frame{position:relative;border:4px solid #fff;box-shadow:10px 10px 0 var(--mag)}#gridCanvas{display:block;width:100%;height:clamp(360px,52vw,560px);cursor:crosshair;touch-action:none}.hud{position:absolute;left:12px;top:12px;right:12px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.hud-cell{background:#050507d1;border:2px solid var(--cyan);padding:4px 10px;font-family:var(--term)}.hud-cell span{display:block;font-size:15px;color:var(--cyan)}.hud-cell b{font-size:30px;font-weight:400;color:#fff;line-height:1}.hud-cell.wide{flex:1 1 180px}.charge{height:16px;margin-top:6px;border:2px solid #fff;overflow:hidden}.charge i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--mag),var(--volt));transform:scaleX(0);transform-origin:left}.btn-mash{position:absolute;right:18px;bottom:18px;font-size:clamp(20px,3vw,30px);padding:16px 26px;background:var(--volt);border-radius:999px 999px 999px 8px}.btn-mash:hover{background:var(--mag);color:#fff}.fine{margin:18px 0 0;font-family:var(--term);font-size:20px;color:var(--chrome)}.roster{padding:70px 16px}.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;max-width:1100px}.card{display:grid;grid-template-columns:minmax(0,1fr);border:4px solid var(--ink);background:linear-gradient(140deg,#fff 0%,var(--chrome) 45%,#fff 52%,var(--chrome-hi) 100%);box-shadow:10px 10px 0 var(--ink);transition:transform .2s}.card:hover{transform:rotate(-1deg) translateY(-4px)}.card-art{background:var(--screen);border-bottom:4px solid var(--ink);overflow:hidden}.card-art img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}.card:hover .card-art img{transform:scale(1.05)}.card-ping .card-art{display:grid;place-items:center;background:linear-gradient(rgba(0,229,255,.35) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,rgba(0,229,255,.35) 1px,transparent 1px) 0 0 / 26px 26px,radial-gradient(circle at 50% 55%,#3a0b5c,var(--screen) 70%)}.card-ping .card-art img{width:62%;aspect-ratio:auto;object-fit:contain;animation:buzz 1.8s ease-in-out infinite}@keyframes buzz{25%{transform:translate(6px,-6px) rotate(3deg)}75%{transform:translate(-5px,4px) rotate(-2deg)}}.card-body{padding:18px 18px 22px}.card h3{margin:0;font-family:var(--shade);font-weight:400;font-size:52px;line-height:1;color:var(--mag);text-shadow:3px 3px 0 var(--ink)}.card-ping h3{color:var(--cyan)}.role{margin:6px 0 14px;font-family:var(--display);font-size:13px;background:var(--ink);color:var(--volt);display:inline-block;padding:3px 8px}dl{margin:0;display:grid;gap:6px}dl div{display:grid;grid-template-columns:90px 1fr;border-bottom:2px dashed rgba(10,10,10,.35);padding-bottom:5px}dt{font-family:var(--term);font-size:20px;color:var(--muted)}dd{margin:0;font-weight:600}.uplink{padding:40px 16px 80px;display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}.uptime{transform:rotate(-1deg);max-width:560px}.uptime .win-body{background:var(--screen);color:#fff;font-family:var(--term)}.up-line{margin:0 0 6px;font-size:24px;color:var(--cyan)}.up-line b{font-weight:400;color:var(--code);font-size:30px}.up-sub{margin:10px 0 0;font-size:20px;color:var(--mag)}.cta-row{display:flex;flex-wrap:wrap;gap:16px}.uplink.no-cta .uplink-cta{display:none}.foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;padding:26px 18px 34px;background:var(--ink);color:#fff;border-top:6px solid var(--mag)}.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand img{width:52px;height:52px;border-radius:12px;border:2px solid var(--cyan)}.foot-brand b{display:block;font-family:var(--display);font-size:18px}.foot-brand span{font-family:var(--term);font-size:20px;color:var(--mag)}.ca{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;padding:6px 10px;border:2px solid var(--cyan);background:var(--screen)}.ca-label{font-family:var(--display);font-size:14px;color:var(--ink);background:var(--cyan);padding:2px 8px}.ca-value{font-family:var(--term);font-size:20px;min-width:14ch;word-break:break-all;color:var(--code)}.ca-copy{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:12px;padding:5px 10px;border:2px solid #fff;background:transparent;color:#fff;cursor:pointer}.ca-copy svg{width:16px;height:16px;fill:currentColor}.ca-copy:hover{background:var(--mag)}.ca-copy.copied{background:var(--code);color:var(--ink);border-color:var(--code)}.icons{display:flex;gap:12px;margin-left:auto}.icon{display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;background:transparent;color:#fff;box-shadow:4px 4px 0 var(--mag);transition:transform .12s,background .12s,box-shadow .12s}.icon svg{width:22px;height:22px;fill:currentColor}.icon:hover{background:var(--cyan);color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--mag)}.ping{position:fixed;left:0;top:0;z-index:80;width:82px;pointer-events:auto;cursor:pointer;will-change:transform}.ping img{width:82px;height:auto;filter:drop-shadow(0 0 10px rgba(0,229,255,.8))}.ping.parked{left:auto;top:auto;right:12px;bottom:14px;animation:buzz 2.2s ease-in-out infinite}.ping-bubble{position:absolute;left:70px;top:-26px;width:max-content;max-width:240px;font-family:var(--display);font-size:12px;padding:6px 10px;background:#fff;border:2px solid var(--ink);border-radius:14px 14px 14px 2px;box-shadow:3px 3px 0 var(--mag);opacity:0;transform:scale(.6);transform-origin:left bottom;transition:opacity .15s,transform .15s}.ping-bubble.show{opacity:1;transform:scale(1)}.ping.parked .ping-bubble{left:auto;right:60px;border-radius:14px 14px 2px;transform-origin:right bottom}.glitch{position:relative}.glitching{animation:glitch .35s steps(2) both}@keyframes glitch{0%{transform:translate(0);filter:none}20%{transform:translate(-6px,2px) skew(8deg);filter:hue-rotate(90deg) saturate(2)}40%{transform:translate(5px,-3px) skew(-6deg);clip-path:inset(10% 0 30% 0)}60%{transform:translate(-3px,1px);filter:invert(.15) hue-rotate(-60deg);clip-path:inset(40% 0 5% 0)}80%{transform:translate(4px) skew(3deg);clip-path:none}to{transform:translate(0);filter:none}}body.overloaded main{animation:shake .1s linear 10;filter:saturate(2.2) hue-rotate(40deg) contrast(1.15)}@keyframes shake{25%{transform:translate(8px,-5px)}50%{transform:translate(-7px,6px)}75%{transform:translate(5px,4px)}}.overload-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;pointer-events:none;opacity:0}.overload-flash span{font-family:var(--sfx);font-size:clamp(60px,16vw,220px);color:var(--volt);-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--mag),-8px -8px 0 var(--cyan);transform:rotate(-8deg)}.overload-flash.go{animation:flash 1.1s ease-out both}@keyframes flash{0%{opacity:0;background:#ff2dd100}10%{opacity:1;background:#ff2dd173}25%{background:#00e5ff59}80%{opacity:1;background:#0000}to{opacity:0}}.reveal{opacity:0;transform:translateY(40px) rotate(-2deg) scale(.96);transition:opacity .5s,transform .5s cubic-bezier(.2,1.4,.4,1)}.reveal.in{opacity:1;transform:none}.p1.in{transform:rotate(-1deg)}.p2.in{transform:rotate(1.2deg)}.p3.in{transform:rotate(-.6deg)}@media(min-width:760px){.strip{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.p2{margin-top:60px}.p3{margin-top:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card:nth-child(2){margin-top:70px}.uplink{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.splash{grid-template-columns:1.55fr 1fr;grid-template-rows:auto auto;padding:34px 40px 80px}.splash-art{grid-column:1 / 3;grid-row:1}.splash-title{grid-column:1;grid-row:2;margin-top:-150px;padding-left:24px}.dialup{grid-column:2;grid-row:2;margin-top:-120px;z-index:3}.origin,.roster,.grid-sec,.uplink,.foot{padding-left:40px;padding-right:40px}}@media(max-width:560px){.tabs{display:none}.mute{margin-left:auto}.dialup{justify-self:stretch}.btn-mash{position:static;margin:12px}.grid-frame{display:flex;flex-direction:column}.icons{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}@media(max-width:759px){.sfx-a{right:auto;left:4%;bottom:auto;top:6%}.sfx-b{top:auto;bottom:30%}}@media(max-width:430px){.ca-value{font-size:15.5px;letter-spacing:-.02em}}