/* The second art direction pass: cinematic key art, explorer pages, living map. */
:root{--paper:#fcf7e8;--gold:#ffcb4c;--ink:#163c2c;--green:#377941}
.site-header{background:#15392a;height:83px;border-bottom:1px solid #f7cf6938;color:#fbf2d7;box-shadow:0 4px 24px #041c181c}.brand{font-size:26px;transform:rotate(-3deg);text-shadow:0 2px 0 #0005}.brand b{color:var(--gold)}.brand-egg svg{stroke:#f6d482}.desktop-nav{gap:33px;font-size:12px}.desktop-nav a:hover{color:var(--gold)}.site-header .button{border-color:#091e14;box-shadow:0 4px 0 #071c12;color:#193623}.menu-toggle span{background:#f6e7c1}.icon-button:hover{background:#9fb67820}.cinematic-hero{width:100%;max-width:none;min-height:720px;display:block;isolation:isolate;overflow:hidden;margin:0;padding:0;background:#0b3327}.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;z-index:-4}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041f20a8 0%,#062d2448 31%,transparent 53%),linear-gradient(0deg,#082d1dc9 0%,transparent 18%);z-index:-3}.hero-inner{height:720px;position:relative;display:flex;align-items:center;padding-bottom:50px}.cinematic-hero .hero-copy{width:48%;padding-bottom:18px}.cinematic-hero .eyebrow{display:inline-flex;align-items:center;border:1px solid #fff5c436;border-radius:4px;padding:7px 11px;background:#173c2966;color:#e9eccd;font-size:9px;letter-spacing:1.8px;margin-bottom:23px}.cinematic-hero .live-dot{background:var(--gold);box-shadow:0 0 10px #ffd35166}.cinematic-hero h1{font-size:100px;font-size:clamp(90px,8.4vw,122px);line-height:.87;letter-spacing:1px;color:#fff2c7;text-shadow:2px 3px 0 #725c2c,4px 7px 0 #442d16,7px 11px 0 #092820a6;transform:rotate(-3deg);transform-origin:left center;margin-bottom:26px;-webkit-text-stroke:1px #fff1be}.cinematic-hero h1 span{font-size:1.49em;display:inline-block;color:var(--gold);letter-spacing:2px;text-shadow:2px 3px 0 #c18a2c,4px 7px 0 #8c511c,7px 11px 0 #402a16;-webkit-text-stroke:1px #ffdb72}.cinematic-hero h1 span:after{display:none}.hero-tagline{font:24px var(--display);color:#fff3d4;text-shadow:0 2px 3px #001b1460}.cinematic-hero .hero-description{font-size:14px;color:#d4e4c7;line-height:1.8;margin:13px 0 25px}.cinematic-hero .hero-actions{gap:24px}.cinematic-hero .button{font-size:16px;min-width:175px;min-height:57px;border:2px solid #71511a;box-shadow:0 5px 0 #65431b,0 8px 16px #001f2360;border-radius:9px}.cinematic-hero .button:hover{box-shadow:0 7px 0 #65431b,0 10px 18px #001f2360}.cinematic-hero .text-link{color:#fff3cd;font-size:12px;text-decoration-color:#e7f1d580}.cinematic-hero .platform-note{color:#b4cbaa;font-size:10px;margin-top:23px}.cinematic-hero .platform-note strong{color:#f1f2d2}.cinematic-hero .run-dot{color:var(--gold)}.cinematic-hero .scroll-note{color:#e4edc8;bottom:28px;left:0;font-size:8px;letter-spacing:1.8px}.hero-story-ticket{position:absolute;bottom:28px;right:0;display:flex;align-items:center;gap:12px;color:#eaf0d8;background:#123c2bcf;backdrop-filter:blur(8px);border:1px solid #f3e4af50;padding:12px 16px;border-radius:9px;transition:transform .2s}.hero-story-ticket:hover{transform:translateY(-4px);background:#183c2b}.hero-story-ticket>.icon{color:var(--gold);width:24px;height:24px}.hero-story-ticket>span{font-size:7px;letter-spacing:1.2px;line-height:1.6}.hero-story-ticket b{font-size:11px;letter-spacing:0;display:block;font-weight:500}.hero-story-ticket b span{margin-left:10px;color:var(--gold)}.fireflies{position:absolute;inset:0;pointer-events:none;z-index:1}.fireflies i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe681;box-shadow:0 0 10px #ffda58;animation:firefly 6s ease-in-out infinite;left:45%;top:30%}.fireflies i:nth-child(2){left:59%;top:70%;animation-delay:-2s}.fireflies i:nth-child(3){left:25%;top:80%;animation-delay:-4s;width:3px;height:3px}.fireflies i:nth-child(4){left:84%;top:19%;animation-delay:-1s}.fireflies i:nth-child(5){left:72%;top:48%;animation-delay:-3s;width:3px;height:3px}.fireflies i:nth-child(6){left:10%;top:15%;animation-delay:-5s}@keyframes firefly{0%,100%{opacity:0;transform:translate(0,0)}40%{opacity:.8}75%{opacity:.2;transform:translate(12px,-35px)}}.adventure-strip{position:relative;background:#234e31;color:#f3f0cf;padding:23px 0;border-top:1px solid #e4d78930}.adventure-strip:after{content:'';height:11px;position:absolute;left:0;right:0;bottom:-1px;background:var(--paper);clip-path:polygon(0 100%,2% 30%,4% 70%,7% 40%,10% 80%,13% 50%,17% 80%,20% 40%,24% 80%,29% 50%,33% 75%,36% 25%,40% 70%,44% 40%,47% 70%,50% 35%,54% 80%,58% 55%,62% 90%,65% 40%,69% 80%,72% 30%,77% 60%,80% 25%,85% 80%,89% 35%,93% 70%,97% 30%,100% 75%,100% 100%)}.adventure-strip .wrap{font:16px var(--display);letter-spacing:.2px;gap:65px}.adventure-strip .icon{width:21px}.game-section{position:relative}.game-section .section-heading h2 span{color:#b97826}.game-photo{border:5px solid #fffdf2;outline:1px solid #d4ccb4;box-shadow:0 9px 0 #c6bfa03b,0 17px 35px #3c402317;transform:rotate(-2deg)}.photo-tag{font-size:8px;font-weight:800;background:#fff9e9f0}.game-steps .step-number{border:none;background:#ead7a0;color:#795623;font:17px var(--display);width:40px;height:40px;box-shadow:inset 0 0 0 3px #f8e9bc,0 2px 0 #c9b67a;transform:rotate(-7deg)}.game-steps li:nth-child(2) .step-number{background:#d8dfbd;color:var(--green);box-shadow:inset 0 0 0 3px #e9efcf,0 2px 0 #b4c48c;transform:rotate(7deg)}.game-steps li:nth-child(3) .step-number{background:#d1e5db;color:#34776d;box-shadow:inset 0 0 0 3px #e0f1e9,0 2px 0 #a4c9bc;transform:rotate(-3deg)}.collection-section{background-color:#e8eedb;background-image:radial-gradient(#8196651a .7px,transparent .7px);background-size:6px 6px}.specimen-card{border-width:2px;border-color:#d3ddbb;background:#fffdf2;box-shadow:0 5px 0 #c7d2af66}.specimen-card:nth-child(2n){transform:rotate(1deg)}.specimen-card:nth-child(3n){transform:rotate(-1deg)}.specimen-card:hover{transform:translateY(-7px) rotate(-2deg);border-color:#98b26b;box-shadow:0 12px 0 #bfcc9f55}.specimen-card:before{content:'';position:absolute;inset:30px 20px 70px;border-radius:50%;background:radial-gradient(ellipse,#dfebbb88,transparent 70%);pointer-events:none}.specimen-card.fossil:before{background:radial-gradient(ellipse,#bfe0e488,transparent 70%)}.specimen-card img{position:relative;height:187px;mix-blend-mode:multiply}.specimen-card.fossil{background:#f3f9f3}.specimen-card .card-arrow{background:#e8eed6;border:0}.collection-note{font-style:italic}.world-section{padding-top:100px;padding-bottom:90px}.world-map-panel{display:grid;grid-template-columns:1fr 290px;gap:0;border:5px solid #f8f1d9;outline:1px solid #bfba9b;border-radius:16px;overflow:hidden;box-shadow:0 8px 0 #d4d0b34d,0 15px 35px #3e4c2c0d;background:#e5ecd1}.map-stage{position:relative;min-width:0;overflow:hidden;aspect-ratio:16/11;background:#284f3d}.map-stage>img{width:100%;height:100%;object-fit:cover;object-position:center}.map-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #102a2c4d}.map-pin{position:absolute;left:var(--x);top:var(--y);z-index:2;transform:translate(-50%,-50%);width:38px;height:43px;border:0;background:none;display:flex;align-items:center;justify-content:center;padding:0}.map-pin>span{display:grid;place-items:center;width:30px;height:30px;background:#fff3c9;border:2px solid #624a24;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);font:16px var(--display);box-shadow:0 4px 8px #12352688;transition:scale .2s;color:transparent;position:relative}.map-pin>span:after{content:attr(data-number)}.map-pin:after{content:attr(data-number);position:absolute;top:10px;left:0;width:100%;font:16px var(--display);color:#354327;pointer-events:none}.map-pin>span{transform:rotate(-45deg)}.map-pin b{position:absolute;bottom:45px;background:#12392eea;color:#fff0c4;padding:5px 10px;border:1px solid #d7c77e;border-radius:5px;white-space:nowrap;font-size:10px;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .2s,transform .2s}.map-pin:hover b,.map-pin:focus-visible b{opacity:1;transform:translateY(0)}.map-pin.active>span{background:#ffcb4c;border-color:#513713;scale:1.18;box-shadow:0 0 0 5px #fff3a139,0 6px 15px #13382088}.map-hint{position:absolute;top:14px;left:14px;background:#113927cf;color:#f9edbd;display:flex;align-items:center;gap:7px;border:1px solid #d7c77e66;border-radius:5px;font-size:7px;letter-spacing:1.3px;padding:7px 10px;z-index:3;pointer-events:none}.map-hint .icon{width:16px;height:16px}.world-map-panel .biome-detail{border:0;border-radius:0;padding:26px 23px 20px;min-height:0;background:#eef0de;display:block;overflow:hidden}.world-map-panel .biome-info{width:100%}.world-map-panel .biome-info h3{font-size:34px;line-height:1.02;margin-bottom:11px}.world-map-panel .biome-info p:not(.eyebrow){font-size:11px;line-height:1.7}.world-map-panel .biome-detail>img{position:relative;right:auto;top:auto;width:100%;height:165px;margin-top:10px;object-fit:contain}.world-map-panel .biome-detail:before{width:160px;height:160px;top:auto;bottom:55px;right:55px;border-color:#a8b68166}.world-map-panel .biome-detail:after{display:none}.world-map-panel .guardian-label{margin-top:7px;padding-top:9px}.world-map-panel .guardian-label b{font-size:12px}.biome-route{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:24px}.biome-stop{font-size:10px;min-height:51px;padding:7px 8px;gap:9px}.biome-stop span{width:28px;height:28px;font-size:16px}.biome-stop.active{background:#f6df9c;border-color:#c5a457}.biome-stop.active span{background:#795321;border-color:#795321;color:#fff4cc}.route-note{font-size:9px;margin-top:17px;line-height:1.7}.story-section{background:#183b31;background-image:radial-gradient(ellipse at 10% 45%,#3d635136,transparent 60%),radial-gradient(ellipse at 100% 0%,#2d575436,transparent 60%)}.story-copy h2{color:#ffdfa1}.story-copy .eyebrow{color:#d0d9b5}.book-cover{box-shadow:-8px 2px 0 #a19977,-12px 5px 0 #cfc39e,15px 25px 35px #061d16aa,inset 10px 0 15px #5e593e18}.music-symbol{background:#f3dfac;border:2px dashed #bb9857;outline:5px solid #f5e8c8;transform:rotate(-12deg);margin:5px}.music-section .button{border-color:#a5b994}.music-section .button.playing{background:#e2edcf}.final-cta{background:#dae7c5;position:relative;isolation:isolate}.final-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b332be6,#0d382eb8,#0b332be6),url('assets/hero-jungle.webp') center 75%/cover;z-index:-1}.final-cta h2{color:#fff1cc;text-shadow:0 3px 0 #04251b}.final-cta .eyebrow{color:#d9e7c2}.final-cta p:last-of-type{color:#d9e7c2}.cta-star{color:var(--gold)}.mobile-nav{color:var(--ink)}
@media(min-width:1600px){.cinematic-hero,.hero-inner{height:800px;min-height:800px}.hero-landscape{object-position:center 45%}}
@media(max-width:1100px){.cinematic-hero,.hero-inner{height:680px;min-height:680px}.cinematic-hero h1{font-size:95px}.cinematic-hero .hero-copy{width:50%}.cinematic-hero .hero-actions{gap:17px}.hero-landscape{object-position:52% center}.hero-tagline{font-size:23px}.world-map-panel{grid-template-columns:1fr 250px}.world-map-panel .biome-detail{padding:22px 20px}.world-map-panel .biome-info h3{font-size:30px}.world-map-panel .biome-info p:not(.eyebrow){font-size:10px}.world-map-panel .biome-detail>img{height:135px}.map-stage{aspect-ratio:auto}.map-stage>img{object-fit:fill}.biome-stop{font-size:9px;gap:7px}.adventure-strip .wrap{gap:35px;font-size:14px}.specimen-card img{height:160px}}
@media(max-width:800px){.site-header{height:74px}.brand{font-size:22px}.cinematic-hero,.hero-inner{height:640px;min-height:640px}.hero-inner{padding-bottom:35px}.cinematic-hero .hero-copy{width:52%;padding-bottom:18px}.cinematic-hero h1{font-size:80px}.cinematic-hero .eyebrow{font-size:7px;letter-spacing:1.2px;padding:6px 8px}.hero-tagline{font-size:20px}.cinematic-hero .hero-description{font-size:12px}.hero-shade{background:linear-gradient(90deg,#042c20d9,#042c209c 30%,transparent 68%),linear-gradient(0deg,#062d1ddd,transparent 20%)}.hero-landscape{object-position:59% center}.cinematic-hero .hero-actions{flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center}.cinematic-hero .hero-actions .button{min-width:145px;font-size:13px;padding:14px 18px;min-height:50px}.cinematic-hero .text-link{font-size:10px}.cinematic-hero .platform-note{font-size:9px;margin-top:19px}.hero-story-ticket{bottom:21px;right:0;padding:9px 12px}.hero-story-ticket>span{font-size:6px}.hero-story-ticket b{font-size:9px}.cinematic-hero .scroll-note{bottom:24px;font-size:7px}.adventure-strip .wrap{gap:20px;font-size:13px}.world-map-panel{grid-template-columns:1fr}.map-stage{aspect-ratio:16/9}.map-stage>img{object-fit:cover}.world-map-panel .biome-detail{min-height:230px;padding:26px;position:relative}.world-map-panel .biome-info{width:60%}.world-map-panel .biome-info h3{font-size:34px}.world-map-panel .biome-info p:not(.eyebrow){font-size:12px;max-width:370px}.world-map-panel .biome-detail>img{position:absolute;width:32%;height:195px;right:10px;top:10px;margin:0}.world-map-panel .guardian-label{width:60%;margin-top:20px}.biome-stop{flex-direction:row;align-items:center;min-height:60px;padding:6px 7px;font-size:9px}.biome-stop span{width:24px;height:24px;font-size:14px}.world-section{padding-top:70px;padding-bottom:65px}.specimen-card img{height:185px}}
@media(max-width:560px){.site-header{height:72px}.brand{font-size:20px}.header-inner>.button{min-height:40px}.cinematic-hero{height:850px;min-height:850px}.hero-inner{height:850px;min-height:850px;display:block;padding-top:35px;padding-bottom:0}.hero-landscape{height:58%;top:auto;bottom:0;object-position:75% 50%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#0c3229 0%,#0c3229 36%,#0c3229e8 43%,#0c322900 58%,#0c322900 86%,#082a20d9 100%);z-index:-2}.cinematic-hero .hero-copy{width:100%;padding:0}.cinematic-hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:17px}.cinematic-hero h1{font-size:74px;line-height:.85;letter-spacing:1px;margin:0 0 17px;transform:rotate(-3deg)}.cinematic-hero h1 br{display:block!important}.cinematic-hero h1 span{font-size:1.43em;letter-spacing:2px}.hero-tagline{font-size:22px}.cinematic-hero .hero-description{font-size:12px;line-height:1.65;margin:9px 0 18px}.cinematic-hero .hero-actions{gap:23px}.cinematic-hero .hero-actions .button{font-size:13px;padding:13px 18px;min-height:48px;min-width:150px}.cinematic-hero .text-link{font-size:10px}.cinematic-hero .platform-note{margin-top:18px;font-size:8px}.hero-story-ticket{bottom:23px;right:0;padding:9px 11px;background:#123c2be6;max-width:240px}.hero-story-ticket>.icon{width:18px}.hero-story-ticket>span{font-size:6px}.hero-story-ticket b{font-size:9px}.cinematic-hero .scroll-note{bottom:22px;font-size:0;gap:0}.cinematic-hero .scroll-note span{font-size:25px;border:1px solid #d9e6ba85;border-radius:50%;width:38px;height:38px;text-align:center;line-height:35px}.adventure-strip{padding:18px 0 22px}.adventure-strip .wrap{font-size:11px;gap:10px}.adventure-strip span{gap:6px}.adventure-strip .icon{width:17px}.section{padding-top:58px;padding-bottom:58px}.game-section .section-heading{margin-bottom:32px}.specimen-card img{height:144px}.specimen-card{padding:13px 11px 17px}.specimen-card h3{font-size:20px}.specimen-card:before{inset:18px 12px 64px}.world-map-panel{border-width:3px;border-radius:12px}.map-stage{aspect-ratio:1.5}.map-stage>img{object-fit:fill}.map-hint{top:8px;left:8px;font-size:5px;padding:4px 6px;gap:4px;letter-spacing:.8px}.map-hint .icon{width:12px;height:12px}.map-pin{width:30px;height:36px}.map-pin>span{width:24px;height:24px;border-width:1.5px}.map-pin:after{font-size:13px;top:9px}.map-pin b{font-size:8px;bottom:35px;max-width:110px;white-space:normal;line-height:1.4}.world-map-panel .biome-detail{min-height:266px;padding:22px 19px}.world-map-panel .biome-info{width:67%}.world-map-panel .biome-info h3{font-size:30px;margin-bottom:12px}.world-map-panel .biome-info p:not(.eyebrow){font-size:11px;line-height:1.75}.world-map-panel .biome-detail>img{width:39%;right:-7px;top:57px;height:166px}.world-map-panel .guardian-label{margin-top:20px;width:100%}.world-map-panel .guardian-label b{font-size:12px}.biome-route{grid-template-columns:1fr 1fr;gap:5px;margin-top:20px}.biome-stop{min-height:47px;font-size:9px;padding:7px}.route-note{font-size:8px;align-items:flex-start;gap:7px}.route-note .icon{margin-top:2px;width:14px;flex-shrink:0}.final-cta h2{font-size:36px}.fireflies i:nth-child(3){left:8%;top:70%}.fireflies i:nth-child(6){top:80%;left:40%}}