.header-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}.x-link{display:grid;place-items:center;width:36px;height:36px;border:1px solid #47616d;border-radius:3px;color:#b8d2dc;background:#11212b;transition:background .15s,color .15s}.x-link svg{width:13px;height:13px}.x-link:hover{color:#eafcfc;background:#203946}.footer .footer-x{font:400 8px var(--mono);color:#91b7c4}.footer .intro-replay{font:400 8px var(--mono);margin-left:0;color:#8aa9b7}
.pico-intro{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:radial-gradient(ellipse at 50% 56%,#1d394644,transparent 58%),#0b1118;color:#e9eee8;overflow:auto;opacity:1;transition:opacity 160ms ease}.pico-intro::backdrop{background:#0b1118}.pico-intro:not([open]){display:none}.pico-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9ee7ed04 1px,transparent 1px),linear-gradient(90deg,#9ee7ed04 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.pico-intro.leaving{opacity:0}.pico-intro-skip{position:absolute;top:25px;right:28px;background:#14222d;color:#a9c8d4;border:1px solid #47606d;padding:10px 15px;border-radius:2px;font:400 9px var(--mono);cursor:pointer;z-index:2}.pico-intro-top{position:absolute;top:32px;left:30px;color:#5f8396;font:400 8px var(--mono);letter-spacing:.08em;margin:0}.pico-intro-content{position:relative;width:min(650px,100%);min-height:calc(100dvh - 48px);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 12px 45px}.pico-intro-identity{display:flex;flex-direction:column;align-items:center}.pico-intro-logo{height:95px;width:120px;object-fit:contain;image-rendering:pixelated;margin-bottom:20px}.pico-intro h2{font:500 clamp(45px,6.2vw,72px)/.9 var(--pixel);letter-spacing:-.05em;margin:0;text-align:center;color:#e9eee8}.pico-intro h2>span{color:#9ee7ed}.pico-intro-desc{font:400 12px var(--mono);color:#698d9f;margin:17px 0 32px;letter-spacing:-.03em;text-align:center}.pico-intro-crew{width:min(425px,100%);display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #304a59;background:#10202a;margin:0;padding:0;list-style:none;box-shadow:0 3px 0 #050c12}.pico-intro-crew li{position:relative;padding:15px 8px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;border-right:1px solid #304a59}.pico-intro-crew li:last-child{border:0}.pico-intro-crew img{height:60px;width:60px;image-rendering:pixelated;margin-bottom:9px;object-fit:contain}.pico-intro-crew strong{font:500 22px/.95 var(--pixel);color:var(--crew-color);margin:0 0 7px}.pico-intro-crew small{font:400 6px var(--mono);letter-spacing:.06em;color:#698c9e}.pico-intro-line{height:3px;width:min(425px,100%);margin-top:27px;background:#253a46;overflow:hidden}.pico-intro-line span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#9ee7ed 0 34%,#ead59a 34% 67%,#9fdbc0 67%)}.pico-intro-bottom{display:flex;justify-content:space-between;width:min(425px,100%);margin:12px 0 0;font:400 7px var(--mono);letter-spacing:.04em;color:#4f7588}.pico-intro-bottom span:last-child{color:#92b8bd}.pico-intro.playing .pico-intro-identity{animation:pico-appear 420ms steps(7,end) both}.pico-intro.playing .pico-intro-crew li{animation:pico-unit-appear 300ms steps(6,end) both;animation-delay:var(--delay)}.pico-intro.playing .pico-intro-line span{animation:pico-boot-line 1600ms steps(20,end) forwards}.is-pico-intro{overflow:hidden}
@keyframes pico-appear{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes pico-unit-appear{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes pico-boot-line{to{transform:scaleX(1)}}
@media(max-width:760px){.header{gap:10px}.header .brand{font-size:22px;gap:8px}.header-actions{margin-left:auto;gap:8px}.header .header-actions .pump-link{margin-left:0;gap:10px;padding:9px 10px}.x-link{width:33px;height:32px}.pico-intro{padding:20px}.pico-intro-content{min-height:calc(100dvh - 40px);padding:60px 0 35px}.pico-intro-logo{height:80px;width:105px;margin-bottom:19px}.pico-intro h2{font-size:clamp(39px,10.5vw,61px)}.pico-intro-desc{font-size:9px;margin-bottom:26px}.pico-intro-top{font-size:6px;left:20px;top:28px}.pico-intro-skip{right:20px;top:20px;font-size:8px;padding:9px 11px}.pico-intro-crew img{width:52px;height:52px}.pico-intro-crew strong{font-size:21px}.pico-intro-crew li{padding:12px 7px 14px}.pico-intro-crew small{font-size:5px}.pico-intro-bottom{font-size:6px}.footer .intro-replay{margin-left:auto}.footer .footer-x{margin-left:0}}
@media(max-width:380px){.header .brand{font-size:20px}.header-actions{gap:6px}.header .header-actions .pump-link{font-size:8px;padding:9px 8px;gap:8px}}
@media(prefers-reduced-motion:reduce){.pico-intro,.pico-intro *{animation:none!important;transition:none!important}.pico-intro-identity,.pico-intro-crew li{opacity:1;translate:none}.pico-intro-line span{transform:scaleX(1)}}