:root{--ink:#f6f4ee;--muted:#7895a2;--paper:#03111e;--line:#2d5865;--green:#31d67b;--orange:#ffad27;--red:#f04b3f;--cyan:#77ded7}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 70% 20%,rgba(0,118,130,.18),transparent 30%),radial-gradient(circle at 16% 82%,rgba(0,74,101,.2),transparent 34%),linear-gradient(145deg,#020c17 0%,var(--paper) 52%,#021827 100%);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Arial,sans-serif;cursor:url("/slipper-cursor.svg") 10 8,auto}.bug-field{position:fixed;z-index:12;inset:0;overflow:hidden;pointer-events:none}.bug-runner{position:absolute;width:136px;height:142px;color:#8e593a;pointer-events:auto;will-change:transform}.cockroach{position:relative;display:block;width:136px;height:142px;padding:0;border:0;outline:0;color:inherit;background:transparent;cursor:url("/slipper-cursor.svg") 10 8,pointer;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55));transition:filter .16s ease}.cockroach:hover{filter:drop-shadow(0 0 7px rgba(255,174,85,.7))}.bug-sprite{position:absolute;z-index:2;inset:0;background:url("/cockroach-sprite.png") left center/200% 100% no-repeat;animation:sprite-run .18s steps(1,end) infinite;transition:transform .13s ease,opacity .2s ease}.bug-label{position:absolute;z-index:3;top:19%;left:50%;padding:4px 8px 4.5px;border:1px solid rgba(255,224,188,.38);border-radius:999px;color:#fff4e5;background:rgba(39,18,12,.8);box-shadow:0 1px 4px rgba(0,0,0,.42);font-size:11px;font-weight:650;letter-spacing:-.02em;line-height:1;transform:translate(-50%,-100%);transition:transform .13s ease,opacity .18s ease}.cockroach.is-squashed .bug-sprite{opacity:.24;animation-play-state:paused;transform:scale(1.25,.2) rotate(5deg)}.cockroach.is-squashed .bug-label{opacity:0;transform:translate(-50%,-100%) scale(.4)}.splat{position:absolute;z-index:4;top:50%;left:50%;width:1px;height:1px;pointer-events:none}.splat::before{content:"";position:absolute;width:38px;height:14px;opacity:0;border-radius:48% 52% 43% 57%;background:#63341f;transform:translate(-50%,-50%) scale(.1)}.splat i{position:absolute;width:15px;height:4px;opacity:0;border-radius:999px 70% 70% 999px;background:linear-gradient(90deg,#6d3721,#a9663e);transform-origin:left center}.splat i:nth-child(1){--x:70px;--y:-42px;--r:-28deg}.splat i:nth-child(2){--x:84px;--y:5px;--r:4deg}.splat i:nth-child(3){--x:62px;--y:49px;--r:36deg}.splat i:nth-child(4){--x:18px;--y:68px;--r:75deg}.splat i:nth-child(5){--x:-53px;--y:53px;--r:138deg}.splat i:nth-child(6){--x:-82px;--y:10px;--r:174deg}.splat i:nth-child(7){--x:-64px;--y:-48px;--r:220deg}.splat i:nth-child(8){--x:-12px;--y:-67px;--r:264deg}.splat i:nth-child(9){--x:42px;--y:-63px;--r:300deg}.splat i:nth-child(10){--x:43px;--y:29px;--r:33deg;width:8px;height:8px;border-radius:50%}.is-squashed .splat::before{animation:impact-center .5s ease-out forwards}.is-squashed .splat i{animation:impact-splash .52s cubic-bezier(.12,.64,.26,1) forwards}.slipper-strike{position:fixed;z-index:30;width:118px;height:118px;pointer-events:none;transform:translate(-50%,-50%)}.slipper-strike img{width:100%;height:100%;animation:slipper-hit .62s cubic-bezier(.22,.7,.2,1) both;filter:drop-shadow(0 12px 12px rgba(0,0,0,.48))}.bug-path-0{top:12%;left:-150px;animation:bug-path-0 20s linear infinite}.bug-path-1{top:72%;left:-150px;animation:bug-path-1 24s linear 2s infinite}.bug-path-2{top:-90px;left:18%;animation:bug-path-2 22s linear 5s infinite}.bug-path-3{top:34%;right:-150px;animation:bug-path-3 21s linear 7s infinite}.bug-path-4{bottom:-90px;left:72%;animation:bug-path-4 24s linear 1s infinite}.bug-path-5{top:54%;left:-150px;animation:bug-path-5 26s linear 10s infinite}@keyframes sprite-run{0%,49%{background-position:left center}50%,100%{background-position:right center}}@keyframes impact-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}24%{opacity:.95;transform:translate(-50%,-50%) scale(1.2,.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5,.45)}}@keyframes impact-splash{0%{opacity:0;transform:translate(0,0) rotate(var(--r)) scale(.3)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.2,.7)}}@keyframes slipper-hit{0%{opacity:0;transform:translate(-58px,-96px) rotate(-36deg) scale(1.4)}22%{opacity:1}48%,63%{opacity:1;transform:translate(0,0) rotate(8deg) scale(.92)}100%{opacity:0;transform:translate(-28px,-68px) rotate(-22deg) scale(1.08)}}@keyframes bug-path-0{0%{transform:translate(0,0) rotate(0)}28%{transform:translate(45vw,0) rotate(0)}30%{transform:translate(45vw,0) rotate(90deg)}54%{transform:translate(45vw,46vh) rotate(90deg)}56%{transform:translate(45vw,46vh) rotate(0)}100%{transform:translate(116vw,46vh) rotate(0)}}@keyframes bug-path-1{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(34vw,0) rotate(0)}27%{transform:translate(34vw,0) rotate(-90deg)}52%{transform:translate(34vw,-42vh) rotate(-90deg)}54%{transform:translate(34vw,-42vh) rotate(0)}100%{transform:translate(116vw,-42vh) rotate(0)}}@keyframes bug-path-2{0%{transform:translate(0,0) rotate(90deg)}31%{transform:translate(0,43vh) rotate(90deg)}33%{transform:translate(0,43vh) rotate(0)}65%{transform:translate(58vw,43vh) rotate(0)}67%{transform:translate(58vw,43vh) rotate(90deg)}100%{transform:translate(58vw,112vh) rotate(90deg)}}@keyframes bug-path-3{0%{transform:translate(0,0) rotate(180deg)}30%{transform:translate(-42vw,0) rotate(180deg)}32%{transform:translate(-42vw,0) rotate(90deg)}59%{transform:translate(-42vw,45vh) rotate(90deg)}61%{transform:translate(-42vw,45vh) rotate(180deg)}100%{transform:translate(-116vw,45vh) rotate(180deg)}}@keyframes bug-path-4{0%{transform:translate(0,0) rotate(-90deg)}28%{transform:translate(0,-38vh) rotate(-90deg)}30%{transform:translate(0,-38vh) rotate(180deg)}62%{transform:translate(-61vw,-38vh) rotate(180deg)}64%{transform:translate(-61vw,-38vh) rotate(-90deg)}100%{transform:translate(-61vw,-113vh) rotate(-90deg)}}@keyframes bug-path-5{0%{transform:translate(0,0) rotate(0)}26%{transform:translate(29vw,0) rotate(0)}28%{transform:translate(29vw,0) rotate(-90deg)}55%{transform:translate(29vw,-43vh) rotate(-90deg)}57%{transform:translate(29vw,-43vh) rotate(0)}100%{transform:translate(116vw,-43vh) rotate(0)}}body::before,body::after{content:"";position:fixed;z-index:-1;right:-12vw;bottom:3vh;width:78vw;height:23vw;border-top:1px solid rgba(29,206,185,.22);border-radius:50%;transform:rotate(-8deg);pointer-events:none}body::after{right:-6vw;bottom:-1vh;width:87vw;border-color:rgba(51,135,159,.17);transform:rotate(-5deg)}main{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:46px 0 28px;display:flex;flex-direction:column}header{text-align:center}header h1{margin:0;color:var(--ink);font-size:clamp(30px,4vw,56px);font-weight:600;letter-spacing:-.045em;text-align:center}header h1 span{color:#39bd9c}.servers{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(8px,2.5vw,42px);padding:70px 0 34px}.server{--status:var(--line);--level:0%;display:grid;justify-items:center;align-content:center}.server-online{--status:var(--green);--level:100%}.server-vpn{--status:var(--orange);--level:52%}.server-offline{--status:var(--red);--level:12%}.server-loading{--status:#617d87;--level:30%}.server h2{min-height:29px;margin:0 0 30px;font-size:clamp(10px,1.45vw,20px);font-weight:560;letter-spacing:-.025em;text-align:center}.battery{position:relative;width:min(72%,116px);height:auto;aspect-ratio:.36;padding-top:13px}.battery-cap{position:absolute;top:0;left:50%;width:42%;height:16px;border:1px solid #77d8d5;border-bottom:0;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#b8f3ec,#3ca4ac 48%,#175b68);box-shadow:inset 0 2px 2px rgba(255,255,255,.38),0 0 11px rgba(97,234,224,.25);transform:translateX(-50%)}.battery-case{position:relative;width:100%;height:100%;padding:9px;overflow:hidden;border:2px solid #8ce6df;border-radius:22px;background:linear-gradient(110deg,rgba(8,42,57,.92),rgba(3,23,36,.96) 62%,rgba(8,47,58,.9));box-shadow:inset 0 0 0 3px rgba(135,230,223,.1),inset -5px 0 10px rgba(0,0,0,.2),0 0 22px rgba(50,197,192,.14),0 18px 38px rgba(0,0,0,.4)}.battery-case::after{content:"";position:absolute;z-index:2;top:13px;bottom:13px;left:15px;width:14%;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,0));pointer-events:none}.battery-charge{position:absolute;right:9px;bottom:9px;left:9px;height:calc(var(--level) - 18px);min-height:0;border-radius:12px;background:linear-gradient(105deg,color-mix(in srgb,var(--status) 72%,#fff) 0%,var(--status) 35%,color-mix(in srgb,var(--status) 88%,#111) 100%);box-shadow:inset 0 2px 2px rgba(255,255,255,.38),inset -5px 0 9px rgba(30,20,10,.12),0 0 18px color-mix(in srgb,var(--status) 22%,transparent);transition:height .45s ease,background-color .35s ease}.server p{display:flex;align-items:center;gap:8px;margin-top:27px;color:var(--ink);font-size:12px;font-weight:480;min-height:30px;justify-content:center;line-height:1.25;text-align:center}.server p span{width:8px;height:8px;border-radius:50%;background:var(--status)}.server p b{font-weight:480}footer{display:flex;margin-top:auto;justify-content:center;gap:24px;padding-top:20px;border-top:1px solid rgba(102,184,190,.14);color:var(--muted);font-size:10px;letter-spacing:.005em}footer b{font-weight:500}@media(max-width:760px){main{width:calc(100% - 20px);padding:26px 0}.servers{gap:7px;padding-top:52px}.server h2{min-height:24px;margin-bottom:16px}.server p{margin-top:16px;font-size:9px}.server p span{display:none}footer{flex-wrap:wrap;gap:7px 15px;text-align:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.bug-runner{animation-duration:70s!important}}