@font-face{font-family:Cherry Bomb One;src:url(./cherry-bomb-one-BiV-FoA8.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Museo;src:url(./museo-700-BbtcGXhI.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./museo-sans-300-sZCRCwl_.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./museo-sans-700-GYYdJReP.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./museo-sans-300-italic-Cu1Qs9FD.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Museo;src:url(./museo-900-C96w24qf.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./museo-sans-500-BkM0K_y_.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-ocean-blue:#17708f;--color-sandy-beige:#eddcb2;--color-seafoam:#a8d5ba;--color-mangrove-green:#1e7a52;--color-river-green:#3f7a33;--color-muddy-brown:#7a5c3e;--color-warm-gold:#d9a441;--color-forest-green:#2c6a3f;--color-mossy:#79a94f;--color-bark-brown:#4a3a2a;--color-golden-yellow:#f2b62c;--color-sunray-a:#b87413;--color-sunray-b:#995c07;--color-sky-blue:#8fc4e8;--color-cloud-white:#f7f5ef;--color-mist-grey:#b7bdb8;--color-accent:var(--color-golden-yellow);--color-bg:var(--color-cloud-white);--color-bg-deep:var(--color-forest-green);--color-surface:#fff;--color-text:#2a241c;--color-text-inverse:#fff;--color-border:#d9c9a0;--veil-rgb:247, 245, 239;--veil-attract:0;--veil-select:.12;--veil-lifecycle:.16;--glow-core:#fffdf0f2;--glow-halo:#fff9e0b8;--glow-wash:#fff4cd80;--glow-r1:10px;--glow-r2:26px;--glow-r3:58px;--glow-text-r1:5px;--glow-text-r2:13px;--cast-y:10px;--cast-blur:20px;--cast-color:#2820124d;--text-cast-y:3px;--text-cast-blur:8px;--title-extrude:0 1px 0 #27623a, 0 1.5px 0 #235a35, 0 2px 0 #1e5230, 0 2.5px 0 #1a4a2b, 0 3px 0 #164226, 0 3.5px 0 #123a21, 0 4px 0 #0f3320;--title-ground:drop-shadow(0 2px 2px #f1f1d9e9) drop-shadow(0 6px 8px #e6e8d0b6) drop-shadow(0 16px 20px #eff0e033);--title-outline-width:0px;--title-outline-color:#fbf7ea;--drift-x:4px;--drift-y:5px;--drift-rot:.7deg;--drift-period:6.4s;--hatch-amp-1:1;--hatch-amp-2:1.7;--hatch-amp-3:2.4;--hatch-hop-height:40px;--hatch-glow-1:.35;--hatch-glow-2:.6;--hatch-glow-3:.9;--hatch-leak-1:.5;--hatch-leak-2:.8;--hatch-flash-peak:.85;--hatch-spark-color:#ffe9a8;--hatch-ring-color:#ffe082e6;--hatch-blast-a:#ffd257;--hatch-blast-b:#fff3c4;--hatch-blast-peak:.95;--font-display:"Cherry Bomb One", system-ui, sans-serif;--font-body:"Museo Sans", -apple-system, "Segoe UI", Roboto, sans-serif;--touch-target-min:64px;--touch-target-primary:72px;--transition-duration:.4s;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{z-index:1;width:100vw;height:100vh;position:relative}button{cursor:pointer;font-family:inherit}.back-button,.stage-nav,.dial-node,.species-card,.attract-cta{border:2px solid var(--color-border);background:linear-gradient(#fffdf6 0%,#f3ecd8 100%);border-bottom:5px solid #c4b184;transition:transform .12s,border-bottom-width .12s,box-shadow .12s,border-color .2s;box-shadow:0 3px 8px #4a3a2a2e,inset 0 2px #ffffffe6}.stage-nav:active,.dial-node:active,.species-card:active,.attract-cta:active{border-bottom-width:2px;transform:translateY(3px);box-shadow:0 1px 3px #4a3a2a33,inset 0 2px #ffffffe6}.back-button:active{border-bottom-width:2px;transform:translate(-50%)translateY(3px);box-shadow:0 1px 3px #4a3a2a33,inset 0 2px #ffffffe6}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.screen-mount{animation:screen-fade-in var(--transition-duration) ease}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}.screen-attract{color:var(--color-text);text-align:center}.attract-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.attract-title{font-family:var(--font-display);filter:var(--title-ground) drop-shadow(0 var(--cast-y) var(--cast-blur) var(--cast-color));margin:2rem 0 3.5rem;font-size:9.2vw;font-weight:900;rotate:-5deg}.attract-title-line--offset{margin-left:2.2em}.attract-title-glow_DISABLED{filter:drop-shadow(0 0 var(--glow-r1) var(--glow-core)) drop-shadow(0 0 var(--glow-r2) var(--glow-halo)) drop-shadow(0 0 var(--glow-r3) var(--glow-wash));display:inline-block}.attract-title-face{color:var(--color-forest-green);-webkit-text-stroke:var(--title-outline-width) var(--title-outline-color);paint-order:stroke fill;text-shadow:none;flex-direction:column;align-items:flex-start;line-height:.95;display:flex}.attract-subtitle{color:var(--color-bark-brown);text-shadow:0 0 var(--glow-text-r1) var(--glow-core), 0 0 var(--glow-text-r2) var(--glow-halo), 0 var(--text-cast-y) var(--text-cast-blur) var(--cast-color);margin:0;font-size:1.9rem}.attract-emoji-row{gap:1rem;font-size:3.75rem;display:flex}.attract-icon{width:96px;height:96px;font-size:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;animation:3s ease-in-out infinite float;display:inline-flex}.attract-icon:first-child{animation-delay:0s}.attract-icon:nth-child(2){animation-delay:1.1s}.attract-icon:nth-child(3){animation-delay:.35s}.attract-icon:nth-child(4){animation-delay:2.2s}.attract-icon:nth-child(5){animation-delay:1.7s}.attract-icon:nth-child(6){animation-delay:.7s}.attract-icon:nth-child(7){animation-delay:2.6s}.attract-icon:nth-child(8){animation-delay:1.35s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.attract-icon .asset-emoji,.attract-icon .asset-image,.attract-icon-emoji{object-fit:contain;max-width:80px;max-height:80px;filter:drop-shadow(0 0 var(--glow-text-r1) var(--glow-core)) drop-shadow(0 0 var(--glow-text-r2) var(--glow-halo)) drop-shadow(0 var(--text-cast-y) var(--text-cast-blur) var(--cast-color));transition:transform .12s;display:inline-block}.attract-icon:active .asset-emoji,.attract-icon:active .asset-image,.attract-icon:active .attract-icon-emoji{transform:scale(1.15)}#home-button{z-index:10;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);color:var(--color-text-primary);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 0 0 #0000, var(--shadow-raised);opacity:0;pointer-events:none;transition:opacity var(--transition-duration) var(--transition-easing), transform .22s ease-out, box-shadow .22s ease-out;background:linear-gradient(#ffffff80,#ffffff4d);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:1.25rem;left:1.25rem}body:not([data-screen=attract]) #home-button{opacity:1;pointer-events:auto}#home-button:active{box-shadow:inset 0 2px 4px #00000026, var(--shadow-raised);transform:scale(.95)}.attract-cta{color:var(--color-bark-brown);border-radius:999px;margin-top:2rem;padding:1.25rem 2.5rem;font-size:1.6rem;font-weight:600;position:relative}.attract-cta:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:0;box-shadow:0 0 24px #e8b94a99}@keyframes pulse-glow{0%,to{opacity:0}50%{opacity:1}}.screen-select{justify-content:center;padding:2rem;overflow-y:auto}.select-header h2{font-family:var(--font-display);color:var(--color-forest-green);-webkit-text-stroke:var(--title-outline-width) var(--title-outline-color);paint-order:stroke fill;text-shadow:0 0 var(--glow-r1) var(--glow-core), 0 0 var(--glow-r2) var(--glow-halo), 0 var(--cast-y) var(--cast-blur) var(--cast-color);margin:0 0 1.75rem;font-size:3.2rem}.species-grid{grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:1520px;display:grid}.species-card{min-height:var(--touch-target-min);border-radius:20px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.species-card:hover{border-color:var(--color-accent)}@property --card-fx{syntax:"<length>";inherits:false;initial-value:0}@property --card-fy{syntax:"<length>";inherits:false;initial-value:0}@property --card-fr{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes card-drift{0%{--card-fx:0px;--card-fy:0px;--card-fr:0deg}17%{--card-fx:var(--drift-x);--card-fy:calc(var(--drift-y) * -.6);--card-fr:var(--drift-rot)}34%{--card-fx:calc(var(--drift-x) * -.5);--card-fy:calc(var(--drift-y) * -1);--card-fr:calc(var(--drift-rot) * -.4)}51%{--card-fx:calc(var(--drift-x) * -1);--card-fy:calc(var(--drift-y) * .5);--card-fr:calc(var(--drift-rot) * .75)}68%{--card-fx:calc(var(--drift-x) * .4);--card-fy:var(--drift-y);--card-fr:calc(var(--drift-rot) * -1)}85%{--card-fx:calc(var(--drift-x) * .8);--card-fy:calc(var(--drift-y) * -.3);--card-fr:calc(var(--drift-rot) * .25)}to{--card-fx:0px;--card-fy:0px;--card-fr:0deg}}.species-card{transform:translate3d(var(--card-fx), var(--card-fy), 0) rotate(var(--card-fr));animation:card-drift var(--drift-period) ease-in-out infinite}.species-card:active{transform:translate3d(var(--card-fx), calc(var(--card-fy) + 3px), 0) rotate(var(--card-fr))}.species-card:first-child{animation-duration:calc(var(--drift-period) * .86);animation-delay:calc(var(--drift-period) * -.13)}.species-card:nth-child(2){animation-duration:calc(var(--drift-period) * 1.14);animation-delay:calc(var(--drift-period) * -.61)}.species-card:nth-child(3){animation-duration:calc(var(--drift-period) * .97);animation-delay:calc(var(--drift-period) * -.34)}.species-card:nth-child(4){animation-duration:calc(var(--drift-period) * 1.08);animation-delay:calc(var(--drift-period) * -.88)}.species-card:nth-child(5){animation-duration:calc(var(--drift-period) * .91);animation-delay:calc(var(--drift-period) * -.47)}.species-card:nth-child(6){animation-duration:calc(var(--drift-period) * 1.21);animation-delay:calc(var(--drift-period) * -.06)}.species-card:nth-child(7){animation-duration:calc(var(--drift-period) * 1.03);animation-delay:calc(var(--drift-period) * -.72)}.species-card:nth-child(8){animation-duration:calc(var(--drift-period) * .79);animation-delay:calc(var(--drift-period) * -.25)}.species-card-name{text-align:center;color:var(--color-text);font-size:1.35rem;font-weight:600}.habitat-badge{color:var(--color-text-inverse);border-radius:999px;padding:.3rem .9rem;font-size:.95rem;font-weight:600}.habitat-badge.habitat-marine{background:var(--color-ocean-blue)}.habitat-badge.habitat-freshwater{background:var(--color-river-green)}.habitat-badge.habitat-forest{background:var(--color-forest-green)}.habitat-badge.habitat-sky{background:var(--color-sky-blue);color:var(--color-text)}.habitat-badge.habitat-coastal{background:var(--color-mangrove-green)}.egg-scene{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:190px;display:flex;position:relative}.egg-wrap{z-index:2;position:relative}.species-card .egg-svg{--egg-size:116px}.nest-strip{z-index:1;border-radius:50%;width:150px;height:32px;margin-top:-20px;position:relative;box-shadow:inset 0 4px 7px #2a241c38,0 3px 5px #4a3a2a47}.nest-sand .nest-strip{background-image:radial-gradient(#7a5c3e47 1.5px, transparent 2px), radial-gradient(ellipse at center, var(--color-sandy-beige), #d4c193);background-size:13px 11px,100% 100%}.nest-leaf-mound .nest-strip{background-image:repeating-linear-gradient(105deg, #4a3a2a2e 0 6px, transparent 6px 14px), radial-gradient(ellipse at center, var(--color-mossy), var(--color-muddy-brown))}.nest-leaf-litter .nest-strip{background:radial-gradient(ellipse at center, #8a6d47, var(--color-bark-brown))}.nest-stick-nest .nest-strip{background:repeating-linear-gradient(80deg, var(--color-bark-brown) 0 4px, #6b5233 4px 8px)}.nest-tree-cavity .nest-strip{background:radial-gradient(ellipse at center, #3a2d1f, var(--color-bark-brown))}.nest-fern .nest-strip{background:radial-gradient(ellipse at center, var(--color-mossy), var(--color-forest-green))}.egg-svg{width:var(--egg-size,84px);transform-origin:bottom;height:auto;display:block;overflow:visible}.egg-wobble{animation:.7s ease-in-out egg-wobble}@keyframes egg-wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-6deg)}35%{transform:rotate(5deg)}55%{transform:rotate(-3deg)}75%{transform:rotate(2deg)}}@keyframes hatch-shake{0%,to{transform:rotate(0)}10%{transform:rotate(calc(-4deg * var(--amp,1)))}25%{transform:rotate(calc(4deg * var(--amp,1)))}40%{transform:rotate(calc(-5deg * var(--amp,1)))}55%{transform:rotate(calc(5deg * var(--amp,1)))}70%{transform:rotate(calc(-4deg * var(--amp,1)))}85%{transform:rotate(calc(3deg * var(--amp,1)))}}@keyframes hatch-squish{0%,to{transform:scale(1)}30%{transform:scale(calc(1 + .12 * var(--amp,1)), calc(1 - .15 * var(--amp,1)))}60%{transform:scale(calc(1 - .1 * var(--amp,1)), calc(1 + .18 * var(--amp,1)))}80%{transform:scale(calc(1 + .06 * var(--amp,1)), calc(1 - .06 * var(--amp,1)))}}@keyframes hatch-hop{0%{transform:rotate(0)translateY(0)scale(1)}12%{transform:rotate(calc(-6deg * var(--amp,1)))}24%{transform:rotate(calc(6deg * var(--amp,1)))}36%{transform:rotate(calc(-7deg * var(--amp,1))) scale(.94, 1.08)}52%{transform:rotate(0deg) translateY(calc(-1 * var(--hatch-hop-height,40px))) scale(.98, 1.04)}68%{transform:translateY(0)scale(1.1,.86)}82%{transform:scale(.97,1.03)}to{transform:scale(1)}}@keyframes hatch-hop-squish{0%{transform:translateY(0)scale(1)}15%{transform:scale(calc(1 + .14 * var(--amp,1)), calc(1 - .16 * var(--amp,1)))}30%{transform:scale(calc(1 - .12 * var(--amp,1)), calc(1 + .18 * var(--amp,1)))}42%{transform:translateY(0)scale(.92,1.1)}58%{transform:translateY(calc(-.7 * var(--hatch-hop-height,40px))) scale(.98, 1.05)}72%{transform:translateY(0)scale(1.12,.84)}86%{transform:scale(.96,1.04)}to{transform:scale(1)}}.sunburst{background:repeating-conic-gradient(var(--color-sunray-a) 0deg 11deg, var(--color-sunray-b) 11deg 13deg, transparent 13deg 24deg);pointer-events:none;border-radius:50%;width:320px;height:320px;margin:-160px 0 0 -160px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 28%,#0000 74%);mask-image:radial-gradient(closest-side,#000 28%,#0000 74%)}.screen-lifecycle{justify-content:center;padding:2rem;position:relative}.back-button{z-index:5;min-height:var(--touch-target-primary);min-width:calc(var(--touch-target-primary) * 2.4);color:var(--color-text);border-radius:999px;padding:0 2.25rem;font-size:1.35rem;font-weight:600;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.lifecycle-heading{text-align:center;margin-top:.5rem}.lifecycle-heading h2{font-family:var(--font-display);color:var(--color-forest-green);text-shadow:0 0 var(--glow-text-r1) var(--glow-core), 0 0 var(--glow-text-r2) var(--glow-halo), 0 var(--text-cast-y) var(--text-cast-blur) var(--cast-color);margin:0 0 .25rem;font-size:2.6rem}.scientific-name{color:var(--color-muddy-brown);text-shadow:0 0 var(--glow-text-r1) var(--glow-core), 0 0 var(--glow-text-r2) var(--glow-halo), 0 var(--text-cast-y) var(--text-cast-blur) var(--cast-color);margin:0;font-size:1.15rem;font-style:italic}.chart-ring{width:var(--ring-diameter);height:var(--ring-diameter);border:3px dashed var(--color-border);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-arrow{transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--rot));color:var(--color-mossy);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;left:50%}@keyframes chart-node-in{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(.5)}to{opacity:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(1)}}.lifecycle-body{align-items:center;gap:2.5rem;width:100%;max-width:1560px;margin-top:.75rem;margin-bottom:4.5rem;padding:0 1rem;display:flex}.lifecycle-dial{flex-shrink:0;width:440px;height:440px;position:relative}.dial-center{font-size:4.5rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dial-center .asset-image{max-width:100px;max-height:100px}.dial-node{width:80px;height:80px;transform:translate(-50%, -50%) translate(var(--x), var(--y));border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%}.dial-node:active{transform:translate(-50%, -50%) translate(var(--x), var(--y)) translateY(2px)}.dial-node.active{border-color:var(--color-sunray-a);box-shadow:0 0 0 4px #f2b62c8c}.dial-node-art{font-size:2.4rem;line-height:1}.dial-node-art .asset-image{max-width:52px;max-height:52px}.screen-mount .dial-node{animation:.4s backwards chart-node-in;animation-delay:var(--stagger-delay,0s)}.stage-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;min-width:0;display:flex}.stage-hero{justify-content:center;align-items:center;width:100%;min-height:440px;display:flex;position:relative}.stage-hero .sunburst{width:500px;height:500px;margin:-250px 0 0 -250px}.sunburst-idle{opacity:.45;animation:30s linear infinite sunburst-spin}@keyframes sunburst-spin{to{transform:rotate(360deg)}}.stage-hero-art{z-index:1;font-size:calc(10rem * var(--art-scale,1));line-height:1;animation:3.5s ease-in-out infinite float;position:relative}.stage-hero-art .asset-image{max-width:calc(340px * var(--art-scale,1));max-height:calc(340px * var(--art-scale,1))}.stage-cta-wrap{z-index:1;animation:2.8s ease-in-out infinite cta-float;position:relative}.stage-cta-wrap.stage-cta-hidden{opacity:0;pointer-events:none;transition:opacity .2s}.stage-cta{min-height:var(--touch-target-min);white-space:nowrap;font-family:var(--font-display);color:var(--color-bark-brown);border:2px solid #d99a1a;border-bottom:5px solid var(--color-sunray-a);background:linear-gradient(#ffd257 0%,#f2b62c 100%);border-radius:999px;padding:0 2.5rem;font-size:1.5rem;font-weight:700;transition:transform .12s,border-bottom-width .12s,box-shadow .12s;box-shadow:0 3px 8px #4a3a2a38,inset 0 2px #ffffff8c}.stage-cta:active{border-bottom-width:2px;transform:translateY(3px);box-shadow:0 1px 3px #4a3a2a33,inset 0 2px #ffffff8c}.stage-cta-emoji{margin-right:.6rem}@keyframes cta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.stage-info-card{border:2px solid var(--color-border);background:linear-gradient(#fff 0%,#fbf7ec 100%);border-bottom:5px solid #c4b184;border-radius:24px;flex-direction:column;flex-shrink:0;gap:1rem;width:460px;height:760px;padding:2.25rem;display:flex;box-shadow:0 14px 34px #4a3a2a2e,inset 0 2px #ffffffe6}.stage-info-content{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.stage-hero-art.evolve-in{animation:.7s cubic-bezier(.175,.885,.32,1.275) evolve-in,3.5s ease-in-out .7s infinite float}@keyframes evolve-in{0%{opacity:0;filter:brightness(3)saturate(0);transform:scale(.6)}55%{opacity:1;filter:brightness(1.6)saturate(.4)}to{filter:brightness()saturate();transform:scale(1)}}.sunburst-idle.sunburst-flare{animation:.7s ease-out sunburst-flare,30s linear .7s infinite sunburst-spin}@keyframes sunburst-flare{0%{opacity:.45;transform:scale(.7)}40%{opacity:.95;transform:scale(1.15)}to{opacity:.45;transform:scale(1)}}.card-swap-in{animation:.25s card-swap-in}@keyframes card-swap-in{0%{opacity:0}to{opacity:1}}.stage-hero-tappable{cursor:pointer}.stage-hero-egg .egg-svg{--egg-size:320px}.egg-svg.hatch-b1{--amp:var(--hatch-amp-1)}.egg-svg.hatch-b2{--amp:var(--hatch-amp-2)}.egg-svg.hatch-b3{--amp:var(--hatch-amp-3)}.egg-svg.hatch-b1.shell-hard,.egg-svg.hatch-b2.shell-hard{animation:.65s ease-in-out hatch-shake}.egg-svg.hatch-b1.shell-leathery,.egg-svg.hatch-b2.shell-leathery{animation:.65s ease-in-out hatch-squish}.egg-svg.hatch-b3.shell-hard{animation:.7s ease-in-out hatch-hop}.egg-svg.hatch-b3.shell-leathery{animation:.7s ease-in-out hatch-hop-squish}.hatch-glow{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#ffd860e6,#ffbe3c73 45%,#0000 72%);border-radius:50%;width:460px;height:460px;margin:-230px 0 0 -230px;transition:opacity .45s;animation:1.4s ease-in-out infinite hatch-glow-pulse;position:absolute;top:50%;left:50%}.hatch-glow.g1{opacity:var(--hatch-glow-1)}.hatch-glow.g2{opacity:var(--hatch-glow-2)}.hatch-glow.g3{opacity:var(--hatch-glow-3)}.hatch-glow.hatch-glow--out{opacity:0;transition:opacity .25s}@keyframes hatch-glow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.hatch-flash{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#fffbe8 0%,#fff0c8d9 40%,#ffecb400 75%);animation:.48s ease-out forwards hatch-flash;position:fixed;inset:0}@keyframes hatch-flash{0%{opacity:0}18%{opacity:var(--hatch-flash-peak)}to{opacity:0}}.hatch-burst{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.hatch-sunburst-blast{background:repeating-conic-gradient(var(--hatch-blast-a) 0deg 9deg, var(--hatch-blast-b) 9deg 12deg, transparent 12deg 20deg);opacity:0;pointer-events:none;border-radius:50%;width:780px;height:780px;margin:-390px 0 0 -390px;animation:1.2s cubic-bezier(.16,.7,.3,1) forwards hatch-blast;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 22%,#0000 70%);mask-image:radial-gradient(closest-side,#000 22%,#0000 70%)}@keyframes hatch-blast{0%{opacity:0;transform:scale(.3)rotate(0)}18%{opacity:var(--hatch-blast-peak)}to{opacity:0;transform:scale(1.25)rotate(55deg)}}.hatch-ring{border:6px solid var(--hatch-ring-color);opacity:0;border-radius:50%;width:140px;height:140px;animation:.55s cubic-bezier(.2,.6,.3,1) forwards hatch-ring;position:absolute;top:-70px;left:-70px}@keyframes hatch-ring{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(3.4)}}.hatch-spark{width:var(--size,16px);height:var(--size,16px);margin:calc(var(--size,16px) / -2) 0 0 calc(var(--size,16px) / -2);background:var(--hatch-spark-color);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);opacity:0;animation:sparkle-fly var(--dur,.9s) cubic-bezier(.17, .67, .35, 1) var(--delay,0s) forwards;position:absolute;top:0;left:0}.hatch-spark--dot{clip-path:none;border-radius:50%}@keyframes sparkle-fly{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}12%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(.25) rotate(var(--rot));opacity:0}}.hatch-shard{width:var(--size,18px);height:var(--size,18px);margin:calc(var(--size,18px) / -2) 0 0 calc(var(--size,18px) / -2);background:linear-gradient(135deg, var(--shard-hi), var(--shard-edge));clip-path:polygon(12% 0,100% 28%,78% 100%,0 72%);opacity:0;animation:shard-fly var(--dur,.95s) cubic-bezier(.2, .6, .35, 1) var(--delay,0s) forwards;position:absolute;top:0;left:0}.hatch-shard--b{clip-path:polygon(0 18%,72% 0,100% 78%,30% 100%)}.hatch-shard--c{clip-path:polygon(28% 0,100% 12%,68% 92%,0 100%)}@keyframes shard-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.hatch-skip{z-index:3;font-family:var(--font-display);color:var(--color-bark-brown);border:2px solid var(--color-border);opacity:0;pointer-events:none;background:#fbf7ece0;border-radius:999px;padding:.55rem 1.4rem;font-size:1.05rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.hatch-skip.hatch-skip--show{opacity:.95}.egg-svg .crack-line{fill:none;stroke:#4a3a2a;stroke-width:3px;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140px;opacity:0}.egg-svg .crack-glow{fill:none;stroke:#ffd860;stroke-width:7px;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140px;opacity:0;transition:stroke-dashoffset .45s,opacity .3s}.egg-svg.hatch-leak .crack-glow,.egg-svg.hatch-leak-2 .crack-glow{opacity:.9}.egg-svg.hatch-leak .crack-glow{stroke-dashoffset:calc(140 * (1 - var(--hatch-leak-1)))}.egg-svg.hatch-leak-2 .crack-glow{stroke-dashoffset:calc(140 * (1 - var(--hatch-leak-2)))}.egg-svg.hatch-crack .crack-glow{opacity:1;stroke-dashoffset:0}.egg-svg.hatch-split .crack-glow{opacity:0;transition:opacity .15s}.egg-svg.hatch-crack .crack-line{opacity:1;animation:.25s linear forwards crack-draw}@keyframes crack-draw{to{stroke-dashoffset:0}}.egg-svg .shell-top,.egg-svg .shell-bottom{transform-box:fill-box}.egg-svg.hatch-split .shell-top{transform-origin:50% 100%;animation:.45s ease-in forwards shell-top-fly}.egg-svg.hatch-split .shell-bottom{transform-origin:50% 0;animation:.45s ease-in forwards shell-bottom-drop}.egg-svg.hatch-split .crack-line{opacity:0;animation:none}@keyframes shell-top-fly{to{opacity:0;transform:translate(-30px,-92px)rotate(-34deg)}}@keyframes shell-bottom-drop{to{opacity:0;transform:translate(18px,42px)rotate(15deg)}}.stage-hero .hatch-reveal{z-index:0;font-size:calc(10rem * var(--art-scale,1));opacity:0;line-height:1;transition:opacity .35s,transform .35s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:scale(.4)}.stage-hero .hatch-reveal--show{opacity:1;transform:scale(1)}.stage-hero .hatch-reveal .asset-image{max-width:calc(340px * var(--art-scale,1));max-height:calc(340px * var(--art-scale,1))}.stage-nav-row{justify-content:center}.stage-title{font-family:var(--font-display);color:var(--color-forest-green);margin:0;font-size:2.4rem}.stage-description{color:var(--color-text);margin:0;font-size:1.4rem;font-weight:500;line-height:1.55}.stage-fun-fact{border:2px solid var(--color-golden-yellow);background:linear-gradient(#f2b62c38,#f2b62c24);border-radius:12px;padding:.9rem 1.4rem;font-size:1.2rem;line-height:1.45;box-shadow:inset 0 1px #ffffffbf}.fun-fact-label{color:var(--color-bark-brown);margin-right:.4rem;font-weight:700}.stage-nav-row{gap:1.5rem;margin-top:.5rem;display:flex}.stage-nav{min-width:var(--touch-target-primary);min-height:var(--touch-target-primary);color:var(--color-forest-green);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;line-height:1;display:flex}.asset-image{max-width:100%;height:auto;display:block}@media (height<=1000px){.select-header h2{margin-bottom:1rem;font-size:2.6rem}.species-grid{gap:1.25rem}.species-card{gap:.5rem;padding:1rem 1.25rem}.species-card .egg-svg{--egg-size:92px}.egg-scene{height:140px}.nest-strip{width:120px;height:26px;margin-top:-16px}.species-card-name{font-size:1.2rem}.stage-hero{min-height:380px}.stage-hero-egg .egg-svg{--egg-size:260px}.lifecycle-heading h2{font-size:2.2rem}.lifecycle-body{margin-bottom:3.5rem}.stage-info-card{height:540px;padding:1.75rem}.stage-cta{padding:0 1.75rem;font-size:1.2rem}.screen-lifecycle{padding:1rem}.lifecycle-body{gap:1.5rem;padding:0}.lifecycle-dial{margin:0 -33px;transform:scale(.85)}.stage-title{font-size:2rem}.stage-description{font-size:1.15rem;line-height:1.5}}#backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}#backdrop>*{position:absolute;inset:0}.backdrop-still{background-position:50%;background-repeat:no-repeat;background-size:cover}.backdrop-still.habitat-jungle{background-image:url(./bg-jungle-4jsTYB0W.png)}.backdrop-still.habitat-marine{background-image:url(./bg-marine-unujkAAE.png)}.backdrop-still.habitat-coastal{background-image:url(./bg-coastal-Br2b_icm.png)}.backdrop-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s}.backdrop-video.is-active.is-ready{opacity:1}#backdrop:not(.debug-video) .backdrop-video::-webkit-media-controls{-webkit-appearance:none;display:none!important}#backdrop:not(.debug-video) .backdrop-video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}#backdrop:not(.debug-video) .backdrop-video::-webkit-media-controls-panel{-webkit-appearance:none;display:none!important}#backdrop.debug-video{z-index:auto;position:absolute}#backdrop.debug-video .backdrop-video.is-active{z-index:9999;pointer-events:auto;object-fit:contain;background:#000;border-radius:8px;width:640px;height:360px;inset:auto 16px 16px auto;box-shadow:0 8px 32px #00000073}.backdrop-veil{background:rgb(var(--veil-rgb))}.backdrop-veil.veil-attract{opacity:var(--veil-attract)}.backdrop-veil.veil-select{opacity:var(--veil-select)}.backdrop-veil.veil-lifecycle{opacity:var(--veil-lifecycle)}@media (prefers-reduced-motion:reduce){.backdrop-video{transition:none}.screen-mount,.attract-icon,.attract-cta:after,.screen-mount .dial-node,.stage-hero-art,.sunburst-idle,.egg-wobble,.sunburst,.stage-hero-art.evolve-in,.sunburst-idle.sunburst-flare,.card-swap-in,.egg-svg.hatch-b1,.egg-svg.hatch-b2,.egg-svg.hatch-b3,.hatch-glow,.hatch-flash,.hatch-ring,.hatch-sunburst-blast,.hatch-spark,.hatch-shard,.egg-svg.hatch-crack .crack-line,.egg-svg.hatch-split .shell-top,.egg-svg.hatch-split .shell-bottom,.stage-cta-wrap,.species-card{animation:none}.stage-hero .hatch-reveal,.egg-svg .crack-glow{transition:none}}