#lab-intro{position:fixed;inset:0;z-index:1000;overflow:auto;background:radial-gradient(ellipse at 50% 40%,#3b5223 0,#182211 48%,#10170d 100%);display:grid;place-items:center;transition:opacity .55s,visibility .55s;color:#fff4d5}#lab-intro:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b7d97824 1px,transparent 1px);background-size:12px 12px;pointer-events:none}#lab-intro.finished{opacity:0;visibility:hidden;pointer-events:none}#lab-intro[hidden]{display:none}body.intro-running{overflow:hidden}.intro-skip{position:absolute;right:30px;top:25px;z-index:3;background:#2f4023;border:2px solid #090f07;color:#e6f2d1;box-shadow:3px 3px 0 #090f07;border-radius:9px;padding:12px 18px;font:800 12px Nunito;cursor:pointer}.intro-skip:hover{background:#c5ff58;color:#172211}.intro-stage{position:relative;width:min(620px,92vw);padding:30px 0 22px;display:flex;flex-direction:column;align-items:center;text-align:center}.intro-sticker{font:700 9px 'Space Mono';letter-spacing:1px;background:#e3caff;color:#443057;border:3px solid #090f07;border-radius:7px;box-shadow:4px 4px 0 #090f07;padding:10px 15px;transform:rotate(-5deg);margin-bottom:24px;animation:sticker-in .5s both}.intro-vessel{width:205px;position:relative;filter:drop-shadow(7px 9px 0 #0005);animation:vessel-in .65s cubic-bezier(.18,.8,.3,1.3) both}.intro-lid{height:28px;border:3px solid #090f07;border-radius:50% 50% 5px 5px;background:#718b46;box-shadow:inset 0 -7px 0 #445b2c;position:relative;z-index:2}.intro-lid:after{content:'';position:absolute;top:4px;left:20%;right:20%;height:8px;border:2px solid #090f07;border-radius:50%;background:#253b19}.intro-liquid{height:185px;border:3px solid #090f07;border-top:0;border-bottom:0;position:relative;overflow:hidden;background:linear-gradient(90deg,#e8ff8530,#b4ef3220 30%,#d9ff6540 80%,#e9ff9530);box-shadow:inset 10px 0 0 #e4ff9b15}.intro-liquid:before{content:'';position:absolute;inset:0;background:#baff4350;transform-origin:bottom;animation:fill-tank 1.2s .3s both}.intro-liquid:after{content:'';position:absolute;width:7px;left:12px;top:12px;bottom:12px;border-radius:5px;background:#f3ffba55}.intro-subject{position:absolute;inset:-4px -4px;z-index:1;animation:subject-appear 1s 1.3s both}.intro-subject svg{height:100%;width:100%;animation:intro-float 2.5s 2.3s ease-in-out infinite}.intro-base{height:39px;background:#647c3c;border:3px solid #090f07;border-radius:0 0 18px 18px;box-shadow:inset 0 -6px 0 #3b5426;display:flex;align-items:center;justify-content:space-around}.intro-base b{color:#c5ff58;font-size:12px;animation:lights-on .4s 3}.intro-base span{font:6px 'Space Mono';color:#e5f0cb}.intro-liquid>i{position:absolute;bottom:-10px;width:8px;height:8px;border:2px solid #daff8570;border-radius:50%;left:20%;animation:intro-bubble 2.3s .3s infinite}.intro-liquid>i:nth-of-type(2){left:78%;animation-delay:.8s;width:12px;height:12px}.intro-liquid>i:nth-of-type(3){left:62%;animation-delay:1.3s;width:5px;height:5px}.intro-flash{position:absolute;inset:0;background:#f2ffcc;z-index:2;animation:lab-flash .45s 1.5s both}.intro-title{font:400 46px/.98 'Lilita One';letter-spacing:-.5px;margin-top:26px;text-shadow:3px 4px 0 #090f07;animation:headline-in .65s 1.9s both}.intro-title em{color:#c5ff58}.intro-meter{width:230px;height:12px;border:2px solid #090f07;background:#0d1709;border-radius:8px;margin-top:24px;overflow:hidden;box-shadow:2px 2px 0 #090f07}.intro-meter span{display:block;height:100%;background:repeating-linear-gradient(-45deg,#c5ff58 0 9px,#a9de44 9px 18px);transform-origin:left;animation:lab-progress 4.5s linear both}#intro-status{font:700 10px Nunito;color:#bed39f;margin-top:12px;min-height:15px}.intro-signature{font:7px 'Space Mono';color:#7e9764;letter-spacing:1px;margin-top:17px}.intro-speech{position:absolute;right:22px;top:128px;background:#fff1bd;border:3px solid #090f07;border-radius:16px 17px 17px 4px;box-shadow:4px 5px 0 #090f07;padding:15px 20px;font:24px/.9 'Lilita One';color:#253719;transform:rotate(8deg);animation:speech-in .55s 2.4s both}.intro-speech small{font:800 13px Nunito}.intro-orbit{position:absolute;color:#c5ff58;font-size:65px;text-shadow:3px 3px 0 #090f07;animation:doodle-in .5s 1.7s both}.orbit-one{left:50px;top:118px;transform:rotate(12deg)}.orbit-two{right:85px;top:255px;font-size:43px;color:#dbb9ff}.intro-bolt{position:absolute;left:100px;top:260px;font:75px 'Lilita One';color:#ffe29b;transform:rotate(-14deg);animation:doodle-in .5s 2s both}.replay-intro{border:1px solid #52663d;background:#23341a;color:#c2d7a7;border-radius:6px;padding:8px 12px;font:800 11px Nunito;cursor:pointer}.replay-intro:hover{color:#c5ff58}@keyframes vessel-in{from{opacity:0;transform:translateY(35px) rotate(-10deg) scale(.8)}to{opacity:1;transform:none}}@keyframes sticker-in{from{opacity:0;transform:translateY(-15px) rotate(-15deg)}to{opacity:1;transform:rotate(-5deg)}}@keyframes fill-tank{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes subject-appear{0%{opacity:0;transform:scale(.1) rotate(-20deg)}60%{opacity:1;transform:scale(1.1) rotate(8deg)}100%{opacity:1;transform:none}}@keyframes intro-float{50%{transform:translateY(-6px) rotate(4deg)}}@keyframes lab-flash{0%,100%{opacity:0}35%{opacity:.85}}@keyframes headline-in{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes speech-in{from{opacity:0;transform:scale(.2) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(8deg)}}@keyframes doodle-in{from{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes lab-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-bubble{to{transform:translateY(-205px);opacity:0}}@keyframes lights-on{50%{opacity:.2}}@media(max-width:700px){.intro-skip{top:18px;right:18px;padding:9px 13px;font-size:10px}.intro-stage{padding-top:55px}.intro-title{font-size:40px}.intro-sticker{font-size:7px;margin-bottom:24px}.intro-vessel{width:180px}.intro-liquid{height:166px}.intro-speech{font-size:18px;padding:11px 13px;top:170px;right:0}.intro-speech small{font-size:10px}.orbit-one{left:4px;top:153px;font-size:45px}.orbit-two{right:20px;top:305px;font-size:33px}.intro-bolt{left:27px;top:295px;font-size:53px}}@media(max-height:650px){.intro-stage{padding-top:50px;padding-bottom:16px}.intro-sticker{margin-bottom:14px}.intro-vessel{width:145px}.intro-liquid{height:125px}.intro-title{font-size:33px;margin-top:16px}.intro-meter{margin-top:17px}.intro-orbit,.intro-bolt{display:none}.intro-speech{top:145px}.intro-signature{margin-top:10px}}@media(prefers-reduced-motion:reduce){#lab-intro *,#lab-intro{animation:none!important;transition:none!important}.intro-flash{display:none}.intro-subject,.intro-title,.intro-speech{opacity:1}.intro-meter span{transform:scaleX(1)}}