:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit;transition:color .3s ease}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1f2e2e,#242828,#1e2a2a)}h1{font-size:2rem}@media(min-width:576px){h1{font-size:calc(2rem + 1.2 * (100vw - 576px) / 624)}}@media(min-width:1200px){h1{font-size:3.2rem}}h1{line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .3s ease}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}@media(min-width:992px){#root{padding-left:48px;padding-right:48px}}#root{padding:0}.sciencenauts .top-bar{position:sticky;top:0;z-index:1000;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 48px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}@media(max-width:767px){.sciencenauts .top-bar{padding:24px}}.sciencenauts .top-bar .logo-text{font-family:Audiowide,system-ui,sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:2px;color:#00bcd4;text-transform:uppercase}@media(max-width:767px){.sciencenauts .top-bar .logo-text{font-size:1.5rem}}.sciencenauts .hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;padding:64px 24px 100px;background:url(/title-background.png) center center/cover no-repeat;color:#fff;margin-bottom:0}@media(max-width:767px){.sciencenauts .hero{min-height:400px;padding:48px 24px 80px}}.sciencenauts .hero .hero-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;z-index:2}.sciencenauts .hero .hero-tagline{font-family:Audiowide,system-ui,sans-serif;font-size:1.5rem}@media(min-width:576px){.sciencenauts .hero .hero-tagline{font-size:calc(1.5rem + 1 * (100vw - 576px) / 624)}}@media(min-width:1200px){.sciencenauts .hero .hero-tagline{font-size:2.5rem}}.sciencenauts .hero .hero-tagline{font-weight:400;letter-spacing:2px;margin:0 auto;text-transform:uppercase;width:30%;padding:0 24px}@media(max-width:767px){.sciencenauts .hero .hero-tagline{letter-spacing:1px;width:90%}}.sciencenauts section{padding:48px 24px;margin-bottom:0}@media(max-width:767px){.sciencenauts section{padding:32px 24px}}.sciencenauts section h2{font-size:1.8rem}@media(min-width:576px){.sciencenauts section h2{font-size:calc(1.8rem + .7 * (100vw - 576px) / 624)}}@media(min-width:1200px){.sciencenauts section h2{font-size:2.5rem}}.sciencenauts section h2{margin-bottom:32px;color:#646cff;text-align:center;font-family:Boogaloo,cursive,sans-serif;font-weight:400;letter-spacing:1px}.sciencenauts section p{line-height:1.8;font-size:1.1rem;max-width:800px;margin:0 auto 24px;font-family:Roboto,sans-serif}@media(max-width:767px){.sciencenauts section p{font-size:1rem}}.sciencenauts .story{position:relative;overflow:hidden;min-height:600px;padding:64px 24px}@media(min-width:768px){.sciencenauts .story{border-radius:16px;margin-left:-60px;margin-right:-60px;padding-left:84px;padding-right:84px}}.sciencenauts .story .story-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fd8227,#ff5722);z-index:1}.sciencenauts .story .story-content{position:relative;max-width:1200px;margin:0 auto;z-index:3;padding:48px 32px}@media(max-width:767px){.sciencenauts .story .story-content{padding:32px 24px}}.sciencenauts .story .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:767px){.sciencenauts .story .story-grid{grid-template-columns:1fr;gap:24px}}.sciencenauts .story .story-column{display:flex;flex-direction:column;justify-content:flex-start}.sciencenauts .story .story-headline{font-family:Audiowide,system-ui,sans-serif;color:#3d1500;font-size:3.5rem}@media(min-width:576px){.sciencenauts .story .story-headline{font-size:calc(3.5rem + 2.5 * (100vw - 576px) / 624)}}@media(min-width:1200px){.sciencenauts .story .story-headline{font-size:6rem}}.sciencenauts .story .story-headline{letter-spacing:3px;text-transform:uppercase;text-align:left;margin:0;line-height:1}@media(max-width:767px){.sciencenauts .story .story-headline{font-size:2.5rem;letter-spacing:2px}}.sciencenauts .story .story-text{text-align:right}.sciencenauts .story .story-text p{font-family:Boogaloo,cursive,sans-serif;color:#3d1500;font-size:1.8rem;line-height:1.6;margin:0 0 32px;font-weight:600}@media(max-width:767px){.sciencenauts .story .story-text p{font-size:1.6rem;text-align:left}}.sciencenauts .story .story-text p strong{font-weight:700}.sciencenauts .team{padding-left:8px;padding-right:8px}@media(max-width:767px){.sciencenauts .team{padding-left:8px;padding-right:8px}}.sciencenauts .team h2{font-family:Audiowide,system-ui,sans-serif;color:#00bcd4;font-size:2.5rem}@media(min-width:576px){.sciencenauts .team h2{font-size:calc(2.5rem + 1.5 * (100vw - 576px) / 624)}}@media(min-width:1200px){.sciencenauts .team h2{font-size:4rem}}.sciencenauts .team h2{letter-spacing:3px;text-transform:uppercase}.sciencenauts .mission{position:relative;overflow:hidden;min-height:600px;background:linear-gradient(to top,#7c3aed,#9061f9)}@media(min-width:768px){.sciencenauts .mission{border-radius:16px;margin-left:-60px;margin-right:-60px;padding-left:84px;padding-right:84px}}.sciencenauts .mission h2{font-family:Audiowide,system-ui,sans-serif;color:#fff;font-size:2.5rem}@media(min-width:576px){.sciencenauts .mission h2{font-size:calc(2.5rem + 1.5 * (100vw - 576px) / 624)}}@media(min-width:1200px){.sciencenauts .mission h2{font-size:4rem}}.sciencenauts .mission h2{letter-spacing:3px;text-transform:uppercase}.sciencenauts .mission .mission-intro{text-align:center;font-size:1.6rem;font-family:Boogaloo,cursive,sans-serif;font-weight:600;max-width:900px;margin:0 auto 48px;line-height:1.8;color:#fffffff2}@media(max-width:767px){.sciencenauts .mission .mission-intro{font-size:1.7rem}}.sciencenauts .mission .features{display:grid;grid-template-columns:repeat(1,1fr);gap:32px}@media(min-width:768px){.sciencenauts .mission .features{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.sciencenauts .mission .features{grid-template-columns:repeat(4,1fr)}}.sciencenauts .mission .features{max-width:1200px;margin:48px auto 0}@media(max-width:767px){.sciencenauts .mission .features{grid-template-columns:1fr}}.sciencenauts .mission .feature{text-align:center;padding:32px;background:#ffffff1a;border-radius:12px;transition:transform .3s ease,background .3s ease}.sciencenauts .mission .feature:hover{transform:translateY(-4px);background:#ffffff26}.sciencenauts .mission .feature h3{margin:0 0 24px;font-size:1.5rem;font-family:Boogaloo,cursive,sans-serif;font-weight:700;text-transform:uppercase;color:#fff}@media(max-width:767px){.sciencenauts .mission .feature h3{font-size:1.5rem}}.sciencenauts .mission .feature p{margin:0;font-size:1.05rem;color:#fffffff2;font-family:Roboto,sans-serif;line-height:1.6}@media(max-width:767px){.sciencenauts .mission .feature p{font-size:1.2rem}}.sciencenauts .wishlist{text-align:center;background:linear-gradient(135deg,#64646426,#3c3c3c26);padding:64px 24px}.sciencenauts .wishlist h2{font-family:Audiowide,system-ui,sans-serif;color:#00bcd4;font-size:2.5rem}@media(min-width:576px){.sciencenauts .wishlist h2{font-size:calc(2.5rem + 1.5 * (100vw - 576px) / 624)}}@media(min-width:1200px){.sciencenauts .wishlist h2{font-size:4rem}}.sciencenauts .wishlist h2{letter-spacing:3px;text-transform:uppercase;margin-bottom:32px}.sciencenauts .wishlist p{font-size:1.6rem;font-family:Boogaloo,cursive,sans-serif;font-weight:600;max-width:700px;margin:0 auto 48px;line-height:1.8;color:#ffffffe6}@media(max-width:767px){.sciencenauts .wishlist p{font-size:1.7rem}}.sciencenauts .wishlist .cta-button{font-family:Boogaloo,cursive,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:2px;color:#fff;background:#000;border:none;border-radius:12px;padding:24px 64px;cursor:pointer;text-transform:uppercase;box-shadow:0 8px 24px #00000080;transition:transform .3s ease,box-shadow .3s ease}.sciencenauts .wishlist .cta-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #000000b3}.sciencenauts .wishlist .cta-button:active{transform:translateY(-2px)}@media(max-width:767px){.sciencenauts .wishlist .cta-button{font-size:1.2rem;padding:16px 48px}}.sciencenauts .footer{text-align:center;padding:48px 24px;margin-top:0;border-top:1px solid rgba(255,255,255,.1)}.sciencenauts .footer .footer-content{max-width:1200px;margin:0 auto}.sciencenauts .footer .social-links{display:flex;justify-content:center;gap:32px;margin-bottom:32px}@media(max-width:767px){.sciencenauts .footer .social-links{gap:24px;flex-wrap:wrap}}.sciencenauts .footer .social-links a{color:#ffffffb3;text-decoration:none;font-family:Boogaloo,cursive,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.sciencenauts .footer .social-links a:hover{color:#00bcd4}@media(max-width:767px){.sciencenauts .footer .social-links a{font-size:.9rem}}.sciencenauts .footer p{margin:0;color:#fff9;font-size:.9rem;font-family:Roboto,sans-serif}.sciencenauts .footer p.made-by{margin-top:16px}.sciencenauts .footer p.made-by a{color:#fffc;text-decoration:underline;transition:color .3s ease}.sciencenauts .footer p.made-by a:hover{color:#00bcd4}.scientist-carousel .scientists-grid{max-width:1200px;margin:0 auto 48px}@media(max-width:767px){.scientist-carousel .scientists-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:24px;padding:0 24px;margin:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.scientist-carousel .scientists-grid::-webkit-scrollbar{display:none}}@media(min-width:768px){.scientist-carousel .scientists-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px}}@media(min-width:768px)and (min-width:768px){.scientist-carousel .scientists-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px)and (min-width:992px){.scientist-carousel .scientists-grid{grid-template-columns:repeat(3,1fr)}}.scientist-carousel .scientists-grid .scientist-card:nth-child(1):after{content:"";position:absolute;inset:0;background:url(/gears.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}.scientist-carousel .scientists-grid .scientist-card:nth-child(2):after{content:"";position:absolute;inset:0;background:url(/adn.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}.scientist-carousel .scientists-grid .scientist-card:nth-child(3):after{content:"";position:absolute;inset:0;background:url(/physics.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}.scientist-carousel .scientists-grid .scientist-card:nth-child(4):after{content:"";position:absolute;inset:0;background:url(/stars.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}.scientist-carousel .scientists-grid .scientist-card:nth-child(5):after{content:"";position:absolute;inset:0;background:url(/chemistry.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}.scientist-carousel .scientists-grid .scientist-card:nth-child(6):after{content:"";position:absolute;inset:0;background:url(/earth.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}.scientist-carousel .scientists-grid .scientist-card:nth-child(7):after{content:"";position:absolute;inset:0;background:url(/gears.png) center center/cover no-repeat;mix-blend-mode:overlay;opacity:.15;pointer-events:none;z-index:0}@media(min-width:992px){.scientist-carousel .scientists-grid .scientist-card:nth-child(7){grid-column:2}}.scientist-carousel .scientist-card{position:relative;padding:32px;border-radius:16px;transition:box-shadow .3s ease;border:2px solid rgba(255,255,255,.1);overflow:hidden;min-height:350px;background:linear-gradient(135deg,#00bcd4,#00acc1)}.scientist-carousel .scientist-card:hover{box-shadow:0 12px 40px #0006}@media(max-width:767px){.scientist-carousel .scientist-card{flex:0 0 85%;scroll-snap-align:center;scroll-snap-stop:always;min-height:550px}}.scientist-carousel .scientist-card .card-content{position:relative;width:60%;text-align:left;z-index:2}@media(max-width:767px){.scientist-carousel .scientist-card .card-content{width:55%;padding-right:8px}}.scientist-carousel .scientist-card .scientist-image{position:absolute;right:-20%;top:20%;transform:translateY(0) scale(1.5);width:80%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));transition:transform .3s ease;z-index:1}@media(max-width:767px){.scientist-carousel .scientist-card .scientist-image{right:-49px;top:10%;transform:translateY(57%) scale(2.3);width:75%}}.scientist-carousel .scientist-card .emoji{font-size:4rem;position:absolute;right:20%;top:50%;transform:translateY(-50%)}@media(max-width:767px){.scientist-carousel .scientist-card .emoji{right:15%;font-size:3rem}}.scientist-carousel .scientist-card h3{margin:0 0 8px;color:#fff;font-size:2.5rem;font-family:Audiowide,system-ui,sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase}@media(max-width:767px){.scientist-carousel .scientist-card h3{font-size:2.8rem;letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(0,188,212,.6),3px 3px 6px rgba(0,188,212,.4)}}.scientist-carousel .scientist-card .specialty{color:#fffffff2;font-weight:700;margin:0 0 8px;font-size:1.6rem;font-family:Boogaloo,cursive,sans-serif;text-transform:uppercase}@media(max-width:767px){.scientist-carousel .scientist-card .specialty{font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,188,212,.6),3px 3px 6px rgba(0,188,212,.4)}}.scientist-carousel .scientist-card .location{color:#fffc;font-size:1.1rem;font-weight:700;margin:0 0 16px;font-family:Boogaloo,cursive,sans-serif;text-transform:uppercase}@media(max-width:767px){.scientist-carousel .scientist-card .location{font-size:1.3rem;text-shadow:1px 1px 3px rgba(0,188,212,.6),2px 2px 5px rgba(0,188,212,.4)}}.scientist-carousel .scientist-card .description{color:#ffffffe6;font-size:1.1rem;font-weight:700;line-height:1.5;margin:0;font-family:Boogaloo,cursive,sans-serif;text-transform:uppercase}@media(max-width:767px){.scientist-carousel .scientist-card .description{font-size:1.3rem;line-height:1.4;text-shadow:1px 1px 3px rgba(0,188,212,.6),2px 2px 5px rgba(0,188,212,.4)}}.scientist-carousel .carousel-indicators{display:none}@media(max-width:767px){.scientist-carousel .carousel-indicators{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;margin-bottom:32px;padding:16px 0}}.scientist-carousel .carousel-indicators .indicator{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:background .3s ease,transform .3s ease;cursor:pointer}.scientist-carousel .carousel-indicators .indicator.active{background:#00bcd4;transform:scale(1.3)}.scientist-carousel .carousel-indicators .indicator:hover{background:#ffffff80}.hero-canvas{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none;z-index:1}.game-buttons-container{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:767px){.game-buttons-container{bottom:40px}}.game-buttons-container .platform-buttons{display:flex;gap:24px;align-items:center}@media(max-width:767px){.game-buttons-container .platform-buttons{gap:16px;flex-wrap:wrap;justify-content:center;width:90vw}}.game-buttons-container .platform-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:Boogaloo,cursive,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:1px;color:#fff;background:#000;border:none;border-radius:12px;padding:24px 32px;cursor:pointer;text-transform:uppercase;box-shadow:0 8px 24px #00000080;transition:transform .3s ease,box-shadow .3s ease;min-width:120px;max-width:120px;min-height:100px;max-height:100px}.game-buttons-container .platform-button svg{width:32px;height:32px;flex-shrink:0}.game-buttons-container .platform-button span{white-space:nowrap;font-size:.85rem}.game-buttons-container .platform-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #000000b3}.game-buttons-container .platform-button:active{transform:translateY(-2px)}@media(max-width:767px){.game-buttons-container .platform-button{font-size:.8rem;padding:16px 24px;min-width:100px;max-width:100px;min-height:90px;max-height:90px}.game-buttons-container .platform-button svg{width:28px;height:28px}.game-buttons-container .platform-button span{font-size:.75rem}}.game-buttons-container .coming-soon{font-family:Boogaloo,cursive,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:2px;color:#ffffffb3;text-transform:uppercase;margin:0}@media(max-width:767px){.game-buttons-container .coming-soon{font-size:.8rem}}.glitch-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.glitch-image-container .glitch-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .05s ease-out}.glitch-image-container .glitch-image.base{z-index:1}@media(max-width:767px){.glitch-image-container .glitch-image.base{opacity:0;transition:opacity .1s ease-out}}.glitch-image-container .glitch-image.red,.glitch-image-container .glitch-image.green,.glitch-image-container .glitch-image.blue{opacity:0;pointer-events:none}@media(max-width:767px){.glitch-image-container .glitch-image.red,.glitch-image-container .glitch-image.green,.glitch-image-container .glitch-image.blue{display:none}}.glitch-image-container .glitch-image.red{z-index:2;mix-blend-mode:screen}.glitch-image-container .glitch-image.green{z-index:3;mix-blend-mode:screen}.glitch-image-container .glitch-image.blue{z-index:4;mix-blend-mode:screen}@media(max-width:767px){.glitch-image-container.show-image-mobile{z-index:4;background:linear-gradient(135deg,#fd8227,#ff5722)}.glitch-image-container.show-image-mobile .glitch-image.base{opacity:.3;z-index:1}.glitch-image-container.show-image-mobile .glitch-image.red,.glitch-image-container.show-image-mobile .glitch-image.green,.glitch-image-container.show-image-mobile .glitch-image.blue{display:block}.glitch-image-container.show-image-mobile .glitch-image.red{opacity:.9;transform:translate(-8px,4px);mix-blend-mode:lighten;filter:sepia(1) saturate(15) hue-rotate(-50deg) brightness(1);z-index:2}.glitch-image-container.show-image-mobile .glitch-image.green{opacity:.9;transform:translate(6px,-5px);mix-blend-mode:lighten;filter:sepia(1) saturate(15) hue-rotate(50deg) brightness(1);z-index:3}.glitch-image-container.show-image-mobile .glitch-image.blue{opacity:.9;transform:translate(-5px,-7px);mix-blend-mode:lighten;filter:sepia(1) saturate(15) hue-rotate(180deg) brightness(1);z-index:4}.glitch-image-container.show-image-mobile{animation:glitch-displacement .1s infinite}}@media(min-width:768px){.glitch-image-container.glitching .glitch-image.base{opacity:.2}.glitch-image-container.glitching .glitch-image.red{opacity:.9;filter:brightness(1.4) contrast(1.5);transform:translate(-8px,4px);mix-blend-mode:lighten;filter:sepia(1) saturate(15) hue-rotate(-50deg) brightness(1)}.glitch-image-container.glitching .glitch-image.green{opacity:.9;filter:brightness(1.4) contrast(1.5);transform:translate(6px,-5px);mix-blend-mode:lighten;filter:sepia(1) saturate(15) hue-rotate(50deg) brightness(1)}.glitch-image-container.glitching .glitch-image.blue{opacity:.9;filter:brightness(1.4) contrast(1.5);transform:translate(-5px,-7px);mix-blend-mode:lighten;filter:sepia(1) saturate(15) hue-rotate(180deg) brightness(1)}.glitch-image-container.glitching{animation:glitch-displacement .1s infinite}}@keyframes glitch-displacement{0%{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-4px)}40%{transform:translate(6px)}50%{transform:translate(-3px)}60%{transform:translate(4px)}70%{transform:translate(-5px)}80%{transform:translate(3px)}90%{transform:translate(-2px)}to{transform:translate(0)}}
