@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Quicksand:wght@500;600;700&display=swap";:root{color:#163d35;font-synthesis:none;text-rendering:optimizelegibility;--forest:#0d5b47;--deep:#103f37;--mint:#dfece0;--cream:#fffaf0;--sun:#f5bc27;--orange:#ef8d2e;--ink:#163d35;--muted:#6d8278;--line:#163d3524;background:#f6f1e6;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #f6b82a}.app-shell{background:radial-gradient(circle at 88% 8%,#e1f2d6a6,#0000 30%),#f6f1e6;min-height:100vh}.main-content{width:min(1250px,100% - 44px);margin:0 auto;padding:44px 0 110px}.main-content--welcome{width:100%;padding:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf5ed;align-items:center;gap:42px;height:77px;padding:0 max(22px,50% - 625px);display:flex;position:sticky;top:0}.topbar-brand{text-align:left;background:0 0;padding:0}.brand{color:var(--forest);align-items:center;gap:9px;display:flex}.brand--compact{transform-origin:0;width:160px;transform:scale(.76)}.brand-mark{color:#217c50;place-items:center;width:38px;height:38px;display:grid;position:relative}.brand-mark svg:first-child{position:absolute;top:0;left:0;transform:rotate(-26deg)}.brand-mark svg:last-child{color:#d28c1b;background:#fffaf0;border-radius:50%;position:absolute;bottom:0;right:0}.brand-name{letter-spacing:-.04em;color:#134d3b;font-family:Quicksand,sans-serif;font-size:21px;font-weight:800;line-height:.9}.brand-name span{color:#0b7448;letter-spacing:-.065em;font-size:27px;display:block}.brand-tag{letter-spacing:.11em;color:#4d7b37;margin-top:6px;font-size:7px;font-weight:900}.top-nav{align-items:stretch;gap:4px;height:100%;display:flex}.nav-button{color:#6d8278;background:0 0;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:800;display:flex;position:relative}.nav-button.is-active{color:var(--forest)}.nav-button.is-active:after{content:"";background:#efad23;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:14px;right:14px}.topbar-progress{min-width:165px;color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;margin-left:auto;font-size:11px;display:grid}.topbar-progress span{grid-column:1/-1;align-items:center;gap:5px;display:flex}.topbar-progress strong{color:var(--forest);font-size:15px}.topbar-progress strong small{color:var(--muted);font-size:11px;font-weight:700}.mini-progress{background:#e2e7dd;border-radius:9px;align-self:end;height:7px;overflow:hidden}.mini-progress i{background:#39a772;border-radius:9px;height:100%;transition:width .4s;display:block}.page{animation:.45s both fade-in}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#578a57;text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.section-heading h2,.explore-intro h2{color:var(--deep);letter-spacing:-.05em;margin:7px 0 0;font-family:Quicksand,sans-serif;font-size:clamp(29px,4vw,45px);line-height:1.02}.section-heading p{color:var(--muted);margin:10px 0 0;font-size:15px}.button{border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 9px 18px #0f4c3a24}.button--primary{background:var(--forest);color:#fff;box-shadow:0 6px 14px #0c5a4629}.button--primary:hover{background:#0a6b50}.button--ghost{color:var(--forest);border:1px solid var(--line);background:#ffffff75}.button--large{border-radius:15px;padding:16px 19px;font-size:15px}.button--cream{color:var(--forest);background:#fffaf0;box-shadow:0 5px 16px #2e4a2e1a}.button--success{color:#288351;background:#e0f0df}.button--full{width:100%}.button--small{color:#fff;background:#26885d;border-radius:10px;padding:9px 12px;font-size:12px}.button--light{color:#bd5b48;background:#fff}.icon-button{width:40px;height:40px;color:var(--forest);background:#fffaf0;border-radius:50%;place-items:center;display:grid}.icon-button--small{width:25px;height:25px;color:inherit;background:0 0}.welcome-screen{background:linear-gradient(112deg,#fbf5e8 0 51%,#e7f0dd 51%);grid-template-rows:1fr auto;grid-template-columns:minmax(300px,1fr) minmax(390px,.85fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.welcome-screen:before{content:"";opacity:.5;background:#cde5c4;border-radius:50%;width:600px;height:600px;position:absolute;top:-230px;right:-170px}.welcome-copy{z-index:1;flex-direction:column;justify-content:center;padding:clamp(45px,8vw,110px) clamp(35px,7vw,110px) 50px;display:flex;position:relative}.welcome-copy .brand{margin-bottom:58px}.welcome-copy .brand-name{font-size:29px}.welcome-copy .brand-name span{font-size:39px}.welcome-copy .brand-tag{font-size:9px}.welcome-copy h1{color:var(--deep);letter-spacing:-.07em;max-width:640px;margin:18px 0 20px;font-family:Quicksand,sans-serif;font-size:clamp(44px,5.6vw,82px);line-height:.97}.welcome-copy h1 em{color:#dc9121;font-style:normal}.welcome-lead{color:#60796d;max-width:500px;margin:0 0 32px;font-size:clamp(16px,1.55vw,20px);line-height:1.5}.welcome-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.welcome-note{color:#6b806d;align-items:center;gap:9px;margin-top:35px;font-size:11px;line-height:1.35;display:flex}.welcome-note svg{color:#3d945c}.welcome-note b{color:#3d6e54;font-weight:800}.welcome-art{justify-content:center;align-items:flex-end;min-height:630px;display:flex;position:relative;overflow:hidden}.welcome-art:after{content:"";opacity:.47;mix-blend-mode:multiply;z-index:0;background:linear-gradient(#eaf3e112,#e8f2df80),url(/assets/forest-scene.jpeg) 50%/cover;position:absolute;inset:0}.welcome-art img{z-index:1;mix-blend-mode:multiply;filter:saturate(1.05);width:min(830px,112%);max-width:none;position:absolute;bottom:-100px;right:-110px}.welcome-orb{opacity:.5;z-index:0;background:#fff9e4;border-radius:50%;position:absolute}.orb-one{width:350px;height:350px;top:13%;left:16%}.orb-two{opacity:.27;background:#f2bd32;width:150px;height:150px;bottom:20%;right:13%}.welcome-sticker{z-index:2;color:#fff;background:#0e674d;border:4px solid #f7c443;border-radius:30px;align-items:center;gap:6px;padding:9px 16px;font-weight:900;display:flex;position:absolute;top:27%;left:9%;transform:rotate(-5deg);box-shadow:0 7px 12px #21482d33}.welcome-bubbles{z-index:2;color:#48725d;background:#fffaefd9;border-top:1px solid #2f6f4c1a;grid-column:1/-1;align-items:center;gap:42px;padding:16px max(35px,50vw - 590px);display:flex}.welcome-bubbles div{align-items:baseline;gap:7px;display:flex}.welcome-bubbles span{color:#0b7448;font-size:25px;font-weight:900}.welcome-bubbles small{font-size:12px;font-weight:800}.map-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);align-items:stretch;gap:24px;display:grid}.map-card{background:#4baad0;border-radius:24px;min-height:540px;position:relative;overflow:hidden;box-shadow:0 15px 30px #14413326}.map-card>img{object-fit:cover;width:100%;height:100%;min-height:540px}.map-card:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 7px #fffaef7a,inset 0 -90px 110px #1b573929}.map-pin{z-index:1;align-items:center;gap:7px;display:flex;position:absolute}.map-pin span{color:#1c5644;background:#fffbed;border:2px solid #168660;border-radius:13px;padding:6px 9px;font-size:12px;font-weight:900;box-shadow:0 5px 12px #1e4d3930}.map-pin button{color:#174a39;background:#efb62a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px #ba831d}.map-pin--darien{bottom:23%;right:13%}.map-pin--west{opacity:.78;top:32%;left:15%}.map-pin--west span{color:#738177;background:#f8f5e9;border-color:#d8d5c1}.map-legend{color:#4f7564;background:#fffaefe3;border-radius:20px;align-items:center;gap:6px;padding:10px 13px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:17px;left:21px}.region-panel{background:#eaf1df;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:540px;padding:24px;display:flex}.panel-kicker{text-transform:uppercase;letter-spacing:.12em;color:#63816f;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.status-dot{background:#38a468;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #38a4682b}.region-preview{background:#fffaf0;border-radius:18px;margin:16px 0;padding:25px;box-shadow:0 8px 14px #3a5c3714}.region-number{color:#eca928;letter-spacing:.1em;font-size:12px;font-weight:900}.region-preview h3{color:var(--deep);letter-spacing:-.05em;margin:8px 0 13px;font-family:Quicksand;font-size:29px;line-height:1.03}.region-preview h3 em{color:#348a59;font-style:normal}.region-preview p{color:#6c7f73;font-size:13px;line-height:1.45}.region-stats{border-top:1px dashed #cfdac7;border-bottom:1px dashed #cfdac7;gap:13px;margin:18px 0;padding:15px 0;display:flex}.region-stats span{color:#748579;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.region-stats svg{color:#2e9c69}.region-stats b{color:#205a47;font-size:14px}.region-preview .button{width:100%}.locked-list{color:#769080;font-size:11px}.locked-list>span{text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:6px;margin-bottom:11px;font-weight:900;display:flex}.locked-list div{border-top:1px solid #3c66491f;justify-content:space-between;padding:9px 0;display:flex}.locked-list b{color:#537262}.locked-list small{color:#96a59b}.explore-page{max-width:1150px}.explore-intro{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.explore-intro h2{font-size:clamp(28px,3.3vw,42px)}.explore-intro p{color:var(--muted);margin:8px 0 0}.scene-card{isolation:isolate;background:#36764f;border-radius:25px;height:min(68vh,700px);min-height:620px;position:relative;overflow:hidden;box-shadow:0 18px 30px #17493333}.scene-background{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.scene-shade{z-index:1;pointer-events:none;background:linear-gradient(#043a2533,#06432c0d 45%,#052a1d61);position:absolute;inset:0}.scene-card:after{content:"";pointer-events:none;z-index:4;border:6px solid #fffaf047;border-radius:25px;position:absolute;inset:0}.animal-hotspot{z-index:2;background:0 0;flex-direction:column;justify-content:flex-end;align-items:center;width:148px;height:150px;transition:transform .2s;display:flex;position:absolute;transform:translate(-50%,-10%)}.animal-hotspot:hover{z-index:3;transform:translate(-50%,-10%)scale(1.07)}.animal-sprite{background-image:url(/assets/animals-atlas.jpeg);background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);mix-blend-mode:screen;filter:saturate(1.15)drop-shadow(0 7px 5px #04231647);background-repeat:no-repeat;width:100%;height:100%;display:block}.animal-hotspot .animal-sprite{position:absolute;inset:0 0 13px}.hotspot-ring{filter:blur(4px);background:#06301e45;border-radius:50%;width:44px;height:13px;position:absolute;bottom:6px}.animal-nameplate{z-index:3;color:#255442;white-space:nowrap;background:#fffaeff0;border-radius:14px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:900;display:flex;position:relative;box-shadow:0 4px 10px #032a1a26}.tiny-status{color:#614b12;background:#eab426;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.is-discovered .tiny-status{color:#fff;background:#3a9d67}.scene-tip{z-index:3;color:#457362;background:#fffaefe8;border-radius:14px;align-items:start;gap:8px;padding:10px 12px;font-size:11px;line-height:1.2;display:flex;position:absolute;top:22px;left:22px;box-shadow:0 5px 12px #082d1d21}.scene-tip b{color:#1f654d;font-size:12px}.scene-location{color:#eaf4df;z-index:3;background:#084531d1;border-radius:14px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;display:flex;position:absolute;top:22px;right:22px}.scene-location svg{color:#e7bf36}.scene-location span{color:#59d080;font-size:9px}.explore-footer{grid-template-columns:180px minmax(180px,1fr) 1.3fr;align-items:center;gap:22px;padding:20px 4px;display:grid}.progress-copy{color:#6d8278;flex-direction:column;gap:7px;font-size:12px;display:flex}.progress-copy strong{color:#1b6047;font-size:21px}.progress-copy small{color:#839489;font-size:12px}.progress-track{background:#dee7d9;border-radius:8px;height:11px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#e6b127,#30a56a);border-radius:8px;height:100%;transition:width .4s;display:block}.explore-quote{color:#6b866c;justify-self:end;align-items:center;gap:7px;font-size:12px;font-style:italic;display:flex}.explore-quote svg{color:#dba52a}.animal-sprite--modal{z-index:1;width:280px;height:270px;position:relative}.animal-sprite--entry{width:100%;height:100%}.animal-sprite--activity{width:185px;height:160px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#112f2587;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.animal-modal,.how-modal{background:#fffaf0;border-radius:25px;grid-template-columns:.86fr 1.14fr;width:min(870px,100%);max-height:min(720px,92vh);animation:.28s pop-in;display:grid;position:relative;overflow:auto;box-shadow:0 25px 60px #082b1f4d}.modal-close{z-index:5;position:absolute;top:14px;right:14px;box-shadow:0 4px 10px #1e44301f}.modal-art{background:linear-gradient(155deg,#c5dfc0,#f4efc8);place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.modal-art:after{content:"";opacity:.52;mix-blend-mode:multiply;background:url(/assets/nature-elements.jpeg) bottom/cover;height:50%;position:absolute;inset:auto -20% -12%}.modal-glow{opacity:.22;filter:blur(4px);border-radius:50%;width:360px;height:360px;position:absolute}.modal-category{color:#fff;z-index:2;border-radius:20px;align-items:center;gap:5px;padding:7px 11px;font-size:11px;font-weight:900;display:flex;position:absolute;top:20px;left:20px}.modal-content{padding:46px 38px 34px}.modal-content h2{letter-spacing:-.06em;color:var(--deep);margin:11px 0 3px;font-family:Quicksand;font-size:39px;line-height:1}.scientific{color:#779182;margin:0 0 25px;font-size:14px;font-style:italic}.fact-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.fact{align-items:start;gap:9px;display:flex}.fact-icon{color:#2d9560;background:#e3efdf;border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.fact-icon svg{width:15px}.fact small{color:#7e9588;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800;display:block}.fact p{color:#3a5f50;margin:3px 0 0;font-size:12px;line-height:1.35}.ecology-note{color:#3b7b51;background:#edf5e6;border-radius:13px;align-items:start;gap:10px;margin:23px 0;padding:13px;display:flex}.ecology-note>svg{flex:0 0 19px}.ecology-note div{flex-direction:column;gap:3px;display:flex}.ecology-note b{font-size:12px}.ecology-note span{color:#6b8575;font-size:11px;line-height:1.35}.how-modal{grid-template-columns:.86fr 1.14fr}.how-art{background:#e8efda;place-items:center;min-height:420px;display:grid;overflow:hidden}.how-art img{mix-blend-mode:multiply;width:160%;max-width:none;transform:rotate(-5deg)}.how-modal .modal-content{padding-top:52px}.how-modal h2{margin-bottom:28px}.how-steps{flex-direction:column;gap:18px;margin-bottom:30px;display:flex}.how-steps div{grid-template-columns:34px 1fr;column-gap:11px;display:grid}.how-steps span{color:#594711;background:#e8b62e;border-radius:50%;grid-row:span 2;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.how-steps b{color:#255b47;font-size:14px}.how-steps small{color:#789080;margin-top:3px;font-size:12px}.notebook-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px;display:grid}.notebook-stats>div{background:#fffaf0;border:1px solid #21573d1a;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;column-gap:11px;padding:18px;display:grid;box-shadow:0 6px 13px #2b4f340d}.stat-icon{border-radius:13px;grid-row:span 2;place-items:center;width:42px;height:42px;display:grid}.stat-icon--green{color:#2c9461;background:#e0f0df}.stat-icon--yellow{color:#d4931b;background:#fff0c6}.stat-icon--blue{color:#498ab0;background:#dcecf1}.notebook-stats b{color:#195b46;font-size:24px}.notebook-stats small{color:#7b9084;font-size:11px}.notebook-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.notebook-entry{text-align:left;background:#fffaf0;border:1px solid #21573d1f;border-radius:19px;min-height:255px;padding:0 16px 17px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.notebook-entry.is-found:hover{transform:translateY(-4px);box-shadow:0 12px 22px #1a4e3621}.entry-visual{background:#e7f0df;place-items:center;height:166px;margin:0 -16px 13px;display:grid;position:relative;overflow:hidden}.entry-visual:after{content:"";opacity:.23;mix-blend-mode:multiply;background:url(/assets/nature-elements.jpeg) bottom/cover;height:42%;position:absolute;inset:auto 0 0}.entry-visual>svg{color:#96a99a;z-index:2;position:relative}.entry-order{color:#8aa18d;font-size:11px;font-weight:900;position:absolute;top:12px;right:12px}.notebook-entry strong,.notebook-entry small{display:block}.notebook-entry strong{color:#255a48;font-size:14px}.notebook-entry small{color:#829387;margin-top:4px;font-size:11px}.entry-check{color:#fff;background:#399c67;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:14px;right:13px}.notebook-entry.is-locked{background:#f3f0e6}.notebook-entry.is-locked .entry-visual{background:#e4e6d9}.notebook-entry.is-locked strong{color:#87978c}.activity-layout{grid-template-columns:minmax(0,1.42fr) minmax(250px,.65fr);gap:20px;display:grid}.activity-card{border:1px solid var(--line);background:#fffaf0;border-radius:23px;padding:26px;box-shadow:0 10px 22px #2c4f340f}.activity-topline{color:#7a9180;justify-content:space-between;align-items:center;font-size:12px;display:flex}.activity-dots{gap:5px;display:flex}.activity-dots i{background:#dce3d7;border-radius:50%;width:7px;height:7px}.activity-dots i.active{background:#e5ac23;border-radius:5px;width:19px}.activity-dots i.done{background:#40a169}.activity-question{align-items:center;gap:22px;padding:30px 8px 25px;display:flex}.activity-animal{background:#e8f0df;border-radius:18px;flex:none;width:205px;height:150px;overflow:hidden}.activity-question h3{color:var(--deep);letter-spacing:-.04em;margin:8px 0;font-family:Quicksand;font-size:27px}.activity-question p{color:#6e8477;margin:0;font-size:13px;line-height:1.4}.activity-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.activity-option{text-align:left;color:#426752;background:#f2f2e8;border:2px solid #0000;border-radius:13px;align-items:center;gap:9px;padding:14px 11px;font-size:13px;font-weight:800;display:flex}.activity-option:hover{border-color:#b9d7bb}.activity-option.is-correct{color:#257246;background:#e2f2df;border-color:#46a06b}.activity-option.is-wrong{color:#b25a49;background:#fff0e9;border-color:#db836d}.option-letter{background:#fffaf0;border-radius:8px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.activity-option svg{margin-left:auto}.answer-feedback{border-radius:13px;align-items:center;gap:9px;margin-top:17px;padding:11px 12px;display:flex}.answer-feedback.is-correct{color:#36805a;background:#e1f1df}.answer-feedback.is-wrong{color:#b75c49;background:#ffebe4}.answer-feedback>div{flex-direction:column;flex:1;display:flex}.answer-feedback b{font-size:13px}.answer-feedback span{color:#779080;margin-top:2px;font-size:11px}.activity-side{background:#e6f0df;border:1px solid #326f421a;border-radius:23px;overflow:hidden}.side-art{height:230px;overflow:hidden}.side-art img{object-fit:cover;object-position:bottom;mix-blend-mode:multiply;width:100%;height:100%}.side-copy{color:#2f8654;padding:21px}.side-copy b{color:#245b47;margin-top:7px;font-size:17px;display:block}.side-copy p{color:#6b8472;font-size:13px;line-height:1.45}.progress-hero{color:#fff;background:linear-gradient(112deg,#0d5b47,#287f5c);border-radius:23px;justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;display:flex;position:relative;overflow:hidden}.progress-hero:after{content:"";border:30px solid #ffffff0f;border-radius:50%;width:350px;height:350px;position:absolute;top:-160px;right:-70px}.progress-hero-copy{max-width:580px}.progress-hero .eyebrow{color:#b7e1af}.progress-hero h3{letter-spacing:-.04em;margin:10px 0 5px;font-family:Quicksand;font-size:30px}.progress-hero p{color:#c5e0ca;margin:0;font-size:14px}.big-progress{z-index:1;grid-template-columns:auto 1fr;align-items:end;gap:0 10px;min-width:190px;display:grid;position:relative}.big-progress strong{font-family:Quicksand;font-size:55px;line-height:.9}.big-progress strong small{font-size:23px}.big-progress>span{color:#bde0c2;padding-bottom:6px;font-size:11px}.big-progress>div{background:#fff3;border-radius:7px;grid-column:1/-1;height:8px;margin-top:14px;overflow:hidden}.big-progress i{background:#efbe30;border-radius:7px;height:100%;display:block}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 34px;display:grid}.metric-card{border:1px solid var(--line);background:#fffaf0;border-radius:17px;grid-template-columns:42px 1fr;column-gap:10px;padding:18px;display:grid}.metric-icon{color:#308f5d;background:#e6f0df;border-radius:13px;grid-row:span 2;place-items:center;width:42px;height:42px;display:grid}.metric-icon svg{width:20px}.metric-card b{color:#195b46;font-size:24px}.metric-card b small{color:#92a398;font-size:13px}.metric-card>div span{color:#778e80;margin-top:2px;font-size:11px;display:block}.metric-bar{background:#e4e9df;border-radius:4px;grid-column:1/-1;height:6px;margin-top:14px;overflow:hidden}.metric-bar i{background:#e8b129;border-radius:4px;height:100%;display:block}.subheading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.subheading h3{color:var(--deep);margin:6px 0 0;font-family:Quicksand;font-size:24px}.subheading>span{color:#7c9283;font-size:12px}.achievement-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.achievement{background:#eeede4;border:1px solid #0000;border-radius:15px;align-items:center;gap:11px;padding:15px;display:flex;position:relative}.achievement.is-unlocked{background:#fffaf0;border-color:#d6e7ce}.achievement-icon{color:#93a097;background:#dedfd4;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.achievement.is-unlocked .achievement-icon{color:#369362;background:#e5f1dd}.achievement-icon svg{width:20px}.achievement div:nth-child(2){flex-direction:column;gap:3px;display:flex}.achievement b{color:#607668;font-size:13px}.achievement.is-unlocked b{color:#255e49}.achievement span{color:#99a49e;font-size:11px}.achievement-check{color:#39a167;margin-left:auto}.achievement-lock{color:#9ca79e;margin-left:auto}.bottom-nav{display:none}.toast{z-index:50;background:#fffaf0;border-radius:15px;align-items:center;gap:10px;max-width:350px;padding:12px 13px;animation:.3s toast-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 28px #0b3d2b3b}.toast-icon{color:#30915c;background:#e7f1dd;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.toast>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.toast strong{color:#225c47;font-size:13px}.toast span{color:#779080;font-size:11px}.toast .icon-button{align-self:flex-start}@keyframes fade-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (width<=900px){.topbar{gap:14px}.topbar-progress{min-width:140px}.main-content{width:min(100% - 30px,800px);padding-top:30px}.map-layout,.activity-layout{grid-template-columns:1fr}.region-panel{min-height:0}.locked-list{display:none}.scene-card{height:62vh;min-height:560px}.animal-hotspot{width:130px;height:135px}.explore-footer{grid-template-columns:160px 1fr}.explore-quote{grid-column:1/-1;justify-self:start}.activity-side{grid-template-columns:.8fr 1fr;display:grid}.side-art{height:100%}.welcome-screen{grid-template-columns:1fr .8fr}.welcome-copy{padding-left:6vw;padding-right:3vw}.welcome-copy h1{font-size:clamp(42px,6vw,66px)}.welcome-art img{right:-180px}.welcome-sticker{left:4%}.animal-modal,.how-modal{grid-template-columns:.8fr 1.2fr}.modal-art{min-height:460px}}@media (width<=640px){.topbar{height:65px;padding:0 14px}.topbar-brand{width:130px;overflow:hidden}.brand--compact{width:165px;transform:scale(.66)}.top-nav{display:none}.topbar-progress{grid-template-columns:auto 1fr;min-width:0}.topbar-progress span{display:none}.topbar-progress strong{font-size:13px}.main-content{width:calc(100% - 28px);padding:24px 0 92px}.section-heading{flex-direction:column;align-items:start;gap:15px;margin-bottom:21px}.section-heading h2{font-size:31px}.section-heading p{font-size:13px}.section-heading .button{width:100%}.bottom-nav{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf5f5;justify-content:space-around;height:72px;padding:7px 3px 5px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-button{flex-direction:column;flex:1;gap:3px;padding:0;font-size:9px}.bottom-nav .nav-button.is-active:after{border-radius:0 0 4px 4px;inset:0 26% auto}.puzzle-icon{font-size:20px;line-height:19px}.welcome-screen{background:linear-gradient(156deg,#fbf5e8 0 54%,#e7f0dd 54%);flex-direction:column;min-height:100svh;display:flex}.welcome-copy{order:1;padding:35px 24px 26px}.welcome-copy .brand{margin-bottom:30px}.welcome-copy .brand-name{font-size:25px}.welcome-copy .brand-name span{font-size:33px}.welcome-copy h1{margin-top:13px;font-size:43px}.welcome-lead{margin-bottom:22px;font-size:15px}.welcome-actions{gap:8px}.welcome-actions .button--large{width:100%}.welcome-actions .button--ghost{flex:1}.welcome-note{margin-top:23px;font-size:10px}.welcome-art{flex:1;order:2;min-height:315px}.welcome-art img{width:750px;bottom:-150px;right:-125px}.welcome-art:after{opacity:.42}.welcome-sticker{font-size:11px;top:14%;left:8%}.orb-one{width:240px;height:240px;top:-20px;left:15%}.welcome-bubbles{order:3;justify-content:space-between;gap:8px;padding:12px 24px}.welcome-bubbles span{font-size:19px}.welcome-bubbles small{font-size:9px}.map-layout{gap:14px}.map-card,.map-card>img{min-height:355px}.map-pin--darien{bottom:20%;right:9%}.map-pin--west{top:36%;left:7%}.map-pin span{padding:5px 7px;font-size:9px}.map-pin button{width:34px;height:34px}.map-legend{font-size:10px;bottom:12px;left:12px}.region-panel{border-radius:19px;padding:18px}.region-preview{padding:19px}.region-preview h3{font-size:26px}.explore-intro{flex-direction:column;align-items:start;gap:13px}.explore-intro .button{width:100%}.scene-card{border-radius:19px;height:67svh;min-height:500px}.scene-tip{padding:8px;top:13px;left:13px}.scene-location{white-space:nowrap;max-width:42%;font-size:9px;top:13px;right:13px;overflow:hidden}.animal-hotspot{width:105px;height:112px}.animal-nameplate{padding:4px 5px;font-size:8px}.tiny-status{width:14px;height:14px}.explore-footer{grid-template-columns:1fr;gap:12px;padding-top:14px}.explore-quote{grid-column:auto;font-size:11px}.notebook-stats{gap:7px}.notebook-stats>div{grid-template-columns:1fr;gap:4px;padding:11px 8px}.stat-icon{border-radius:10px;width:32px;height:32px}.notebook-stats b{font-size:19px}.notebook-stats small{font-size:9px}.notebook-grid{grid-template-columns:1fr 1fr;gap:10px}.notebook-entry{min-height:195px;padding:0 10px 12px}.entry-visual{height:120px;margin:0 -10px 10px}.notebook-entry strong{font-size:11px}.notebook-entry small{font-size:9px}.activity-card{padding:16px}.activity-question{align-items:start;gap:12px;padding:22px 0}.activity-animal{width:112px;height:105px}.animal-sprite--activity{width:125px;height:110px}.activity-question h3{font-size:23px}.activity-question p{font-size:11px}.activity-options{grid-template-columns:1fr}.activity-option{padding:11px}.activity-side{display:block}.side-art{height:150px}.progress-hero{flex-direction:column;align-items:start;padding:22px}.progress-hero h3{font-size:25px}.big-progress{width:100%}.metrics-grid{gap:8px}.metric-card{grid-template-columns:1fr;gap:4px;padding:12px 9px}.metric-icon{border-radius:9px;grid-row:auto;width:31px;height:31px}.metric-card b{font-size:20px}.metric-card>div span{font-size:9px;line-height:1.2}.metric-bar{margin-top:7px}.achievement-grid{grid-template-columns:1fr}.subheading{flex-direction:column;align-items:start;gap:7px}.animal-modal,.how-modal{border-radius:20px;flex-direction:column;max-height:94svh;display:flex}.modal-art{flex:none;height:200px;min-height:200px}.animal-sprite--modal{width:180px;height:170px}.modal-content{padding:25px 19px 19px}.modal-content h2{font-size:30px}.scientific{margin-bottom:17px}.fact-grid{gap:10px}.fact-icon{flex-basis:25px;width:25px;height:25px}.fact p{font-size:10px}.fact small{font-size:8px}.ecology-note{margin:16px 0}.how-art{height:155px;min-height:155px}.how-art img{width:110%}.how-modal .modal-content{padding-top:24px}.how-modal h2{margin-bottom:20px;font-size:28px}.how-steps{gap:12px}.toast{max-width:none;bottom:83px;left:14px;right:14px}}.animal-hotspot--tucan .animal-sprite{background-position:50% 0!important}.animal-hotspot--perezoso .animal-sprite{background-position:100% 0!important}.animal-hotspot--rana .animal-sprite{background-position:0 100%!important}.animal-hotspot--aguila .animal-sprite{background-position:50% 100%!important}.animal-hotspot--jaguar .animal-sprite{background-position:100% 100%!important}.activity-animal .animal-sprite{background-position:100% 0!important}.animal-sprite{mix-blend-mode:multiply;filter:invert()hue-rotate(180deg)saturate(1.15)drop-shadow(0 7px 5px #04231647)}.animal-hotspot--mono .animal-sprite,.animal-hotspot--tucan .animal-sprite,.animal-hotspot--perezoso .animal-sprite,.animal-hotspot--rana .animal-sprite,.animal-hotspot--aguila .animal-sprite,.animal-hotspot--jaguar .animal-sprite{filter:drop-shadow(0 7px 5px #04231647)!important;mix-blend-mode:normal!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.animal-hotspot--mono .animal-sprite{background-image:url(/assets/animal-mono.png)!important}.animal-hotspot--tucan .animal-sprite{background-image:url(/assets/animal-tucan.png)!important}.animal-hotspot--perezoso .animal-sprite{background-image:url(/assets/animal-perezoso.png)!important}.animal-hotspot--rana .animal-sprite{background-image:url(/assets/animal-rana.png)!important}.animal-hotspot--aguila .animal-sprite{background-image:url(/assets/animal-aguila.png)!important}.animal-hotspot--jaguar .animal-sprite{background-image:url(/assets/animal-jaguar.png)!important}.animal-sprite[style*="--sprite-x: 0%"]{filter:drop-shadow(0 7px 5px #04231647)!important;mix-blend-mode:normal!important;background-image:url(/assets/animal-mono.png)!important;background-position:50%!important;background-size:contain!important}.animal-sprite[style*="--sprite-x: -50%"]{filter:drop-shadow(0 7px 5px #04231647)!important;mix-blend-mode:normal!important;background-image:url(/assets/animal-tucan.png)!important;background-position:50%!important;background-size:contain!important}.animal-sprite[style*="--sprite-x: -100%"]{filter:drop-shadow(0 7px 5px #04231647)!important;mix-blend-mode:normal!important;background-image:url(/assets/animal-perezoso.png)!important;background-position:50%!important;background-size:contain!important}.animal-sprite[style*="--sprite-x: 0%"][style*="--sprite-y: -100%"]{background-image:url(/assets/animal-rana.png)!important}.animal-sprite[style*="--sprite-x: -50%"][style*="--sprite-y: -100%"]{background-image:url(/assets/animal-aguila.png)!important}.animal-sprite[style*="--sprite-x: -100%"][style*="--sprite-y: -100%"]{background-image:url(/assets/animal-jaguar.png)!important}