@import "https://fonts.googleapis.com/css2?family=Bangers&family=Patrick+Hand&display=swap";*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--ivory-white);min-height:100svh;color:var(--gunmetal-black);font-family:var(--font-hand);margin:0}#root{min-height:100svh}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}:root{--air-force-blue:#6a8eae;--cinnamon-wood:#a77464;--brown-red:#ad2831;--ivory-white:#fffce8;--gunmetal-black:#393d3f;--pale-blue:#cfdeec;--pale-cinnamon:#efd9cf;--pale-red:#f3cfcd;--font-comic:"Bangers", "Comic Sans MS", cursive;--font-hand:"Patrick Hand", "Comic Sans MS", cursive;--ink:4px solid var(--gunmetal-black);--wobbly:22px 34px 18px 38px / 34px 18px 38px 22px;--bounce:cubic-bezier(.34, 1.56, .64, 1)}body{background-image:radial-gradient(#6a8eae26 1.6px,#0000 1.8px);background-size:18px 18px}.comic-page{color:var(--gunmetal-black);font-family:var(--font-hand)}.comic-title{font-family:var(--font-comic);letter-spacing:2px;color:var(--ivory-white);-webkit-text-stroke:2px var(--gunmetal-black);text-shadow:3px 3px 0 var(--brown-red), 6px 6px 0 var(--gunmetal-black);margin:0;font-weight:400;line-height:1}.comic-panel{isolation:isolate;color:var(--gunmetal-black);position:relative}.comic-panel:before{content:"";border:var(--ink);border-radius:var(--wobbly);pointer-events:none;position:absolute;inset:0}.comic-panel:after{content:"";z-index:-1;background:var(--panel-fill,#fff);border-radius:var(--wobbly);filter:blur(1.5px);position:absolute;inset:-2px;transform:translate(5px,6px)rotate(.6deg)}.comic-lift{cursor:pointer}.comic-lift:not(.comic-panel){transition:translate .12s ease-out,box-shadow .12s ease-out}.comic-lift:not(.comic-panel):not(:disabled):hover,.comic-lift:not(.comic-panel):not(:disabled):focus-visible{translate:3px 4px;box-shadow:0 0 0 var(--gunmetal-black)!important}.comic-lift.comic-chip{box-shadow:3px 4px 0 var(--gunmetal-black)}.comic-lift.comic-panel{transition:transform .18s var(--bounce)}.comic-lift.comic-panel:not(:disabled):hover,.comic-lift.comic-panel:not(:disabled):focus-visible{transform:translate(-4px, -6px) rotate(calc(var(--tilt,0deg) * -1.5))}.comic-lift.comic-panel:not(:disabled):active{transition-duration:60ms;transform:translate(2px,2px)scale(.98)}.comic-lift:focus-visible{outline:3px dashed var(--brown-red);outline-offset:6px}.comic-lift:disabled{cursor:default}.comic-bubble{border:var(--ink);box-shadow:4px 5px 0 var(--pale-red);background:#fff;border-radius:28px 22px 30px 18px/22px 30px 18px 28px;padding:12px 20px;font-size:22px;line-height:1.25;position:relative}.comic-bubble:before,.comic-bubble:after{content:"";border-style:solid;border-color:#0000;position:absolute;top:50%}.comic-bubble:before{border-width:11px 22px 11px 0;border-right-color:var(--gunmetal-black);margin-top:-11px;left:-22px}.comic-bubble:after{border-width:7px 15px 7px 0;border-right-color:#fff;margin-top:-7px;left:-14px}.comic-stamp{font-family:var(--font-comic);letter-spacing:1.5px;text-transform:uppercase;background:#ffffffab;border:3px solid;border-radius:6px;padding:2px 10px;font-size:20px;display:inline-block;transform:rotate(-8deg)}.comic-chip{border:2px solid var(--gunmetal-black);background:#ffffffb3;border-radius:12px 9px 13px 8px;padding:1px 9px;font-size:14px}.comic-meter{border:var(--ink);background:#fff;border-radius:14px 10px 16px 9px/10px 16px 9px 14px;height:36px;padding:3px;overflow:hidden}.comic-meter-fill{background:repeating-linear-gradient(-45deg, var(--brown-red) 0 10px, #c4434b 10px 20px);filter:blur(.4px);transform-origin:0;height:100%;animation:comic-fill .9s var(--bounce) both;border-radius:8px}.comic-pop{animation:comic-pop .52s var(--bounce) both}.comic-slam{animation:comic-slam .38s var(--bounce) both}.atlas-globe{transform-box:view-box;transform-origin:36px 38px;animation:7s ease-in-out infinite atlas-globe}.atlas-hold{animation:7s infinite atlas-hold}.atlas-wipe{opacity:0;animation:7s ease-in-out infinite atlas-wipe}.atlas-sweat{opacity:0;animation:7s ease-in infinite atlas-sweat}.comic-blink{transform-box:fill-box;transform-origin:50%;animation:4s infinite comic-blink}.atlas-compass{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite atlas-compass}.chart-compass{width:110px;position:absolute;top:-44px;right:-32px;rotate:12deg}@media (width<=960px){.chart-compass{width:72px;margin:-76px -32px 4px auto;display:block;position:static}}[class^=scene-]{transform-box:fill-box;transform-origin:50%}.scene-pop{animation:scene-pop 3s var(--bounce) infinite both}.scene-beat{animation:1s ease-in-out infinite scene-beat}.scene-read{transform-origin:50% 100%;animation:2.4s ease-in-out infinite scene-read}.scene-flip{transform-origin:0;animation:2.4s ease-in-out infinite scene-flip}.scene-hammer{animation:1.2s ease-in infinite scene-hammer}.scene-spark{animation:1.2s step-end infinite scene-spark}.scene-lift{animation:1.8s ease-in-out infinite scene-lift}.scene-sweat{animation:1.8s ease-in infinite scene-sweat}.scene-wave{animation:1s ease-in-out infinite alternate scene-wave}.scene-float{animation:2s ease-out infinite scene-float}.scene-juggle{animation:2.4s linear infinite scene-juggle}.scene-tear{animation:2.4s ease-in infinite scene-tear}.scene-spin{animation:3s linear infinite scene-juggle}.scene-drop{animation:scene-drop 3s var(--bounce) infinite}.scene-paint{stroke-dasharray:100;animation:3s ease-in-out infinite both scene-paint}.scene-brush{animation:.5s ease-in-out infinite alternate scene-wave}.interview-lean{transform-box:view-box;transform-origin:50px 104px;animation:4s ease-in-out infinite interview-lean}.interview-mic{transform-box:view-box;transform-origin:72px 68px;animation:4s ease-in-out infinite interview-mic}.interview-nod{transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out infinite interview-nod}.atlas-bob{animation:3s ease-in-out infinite atlas-bob}.comic-flash{animation:1s step-end infinite comic-flash}@keyframes comic-pop{0%{opacity:0;transform:rotate(var(--tilt,0deg)) scale(.6) translateY(24px)}60%{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1.06) translateY(-4px)}80%{transform:rotate(var(--tilt,0deg)) scale(.98)}to{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1)}}@keyframes comic-slam{0%{opacity:0;transform:rotate(-8deg)scale(2.6)}70%{opacity:1;transform:rotate(-8deg)scale(.9)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes atlas-globe{0%,62%,90%,to{transform:rotate(0)}68%,84%{transform:rotate(6deg)}}@keyframes atlas-hold{0%,62%,90%,to{opacity:1}64%,88%{opacity:0}}@keyframes atlas-wipe{0%,62%,90%,to{opacity:0;transform:translate(0)}64%,76%,88%{opacity:1;transform:translate(0)}70%,82%{transform:translate(-9px)}}@keyframes atlas-sweat{0%,30%{opacity:0;transform:translateY(-2px)}34%{opacity:1;transform:translateY(0)}63%{opacity:1;transform:translateY(4px)}66%,to{opacity:0;transform:translateY(4px)}}@keyframes comic-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes atlas-compass{0%,to{rotate:-30deg}18%{rotate:20deg}30%{rotate:-10deg}40%{rotate:5deg}50%,88%{rotate:0deg}}@keyframes atlas-bob{0%,to{translate:0}50%{translate:0 -5px}}@keyframes scene-pop{0%{opacity:0;transform:scale(0)}15%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes scene-beat{0%,60%,to{transform:scale(1)}30%{transform:scale(1.25)}}@keyframes scene-read{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes scene-flip{0%,70%{transform:scaleX(1)}90%,to{transform:scaleX(-1)}}@keyframes scene-hammer{0%,40%{transform:rotate(-60deg)}55%{transform:rotate(0)}65%{transform:rotate(-8deg)}to{transform:rotate(-60deg)}}@keyframes scene-spark{0%,52%,72%{opacity:0}55%{opacity:1}}@keyframes scene-lift{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes scene-sweat{0%,30%{opacity:0;transform:translateY(-2px)}40%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes scene-wave{0%{transform:rotate(-12deg)}to{transform:rotate(10deg)}}@keyframes scene-float{0%{opacity:0;transform:translateY(6px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-26px)scale(1)}}@keyframes scene-juggle{to{transform:rotate(360deg)}}@keyframes scene-tear{0%,50%{opacity:1;transform:none}to{opacity:0;transform:translate(34px,-40px)rotate(50deg)}}@keyframes scene-drop{0%,20%{opacity:0;transform:translateY(-24px)}40%,85%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes scene-paint{0%{stroke-dashoffset:100px;opacity:1}60%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes interview-lean{0%,to{transform:rotate(6deg)}45%,70%{transform:rotate(11deg)}}@keyframes interview-mic{0%,to{transform:rotate(0)}45%,70%{transform:rotate(-8deg)}}@keyframes interview-nod{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)translateY(1px)}}@keyframes comic-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes comic-flash{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.comic-pop,.comic-slam,.comic-blink,.comic-meter-fill,.comic-flash{animation:none}.comic-pop{transform:rotate(var(--tilt,0deg))}.atlas-globe,.atlas-hold,.atlas-wipe,.atlas-sweat,.atlas-compass,.atlas-bob,[class^=scene-],[class^=interview-]{animation:none}}
