:root{--trail:#477c72;--trail-light:#e8f1e9}.field-layout{display:grid;grid-template-columns:225px 1fr;gap:25px}.field-index{background:#edf2e8;border:1px solid #d9e3d0;border-radius:16px;padding:12px}.field-index button{display:block;width:100%;background:none;border:0;border-radius:10px;padding:14px 12px;text-align:left;color:#7b8b73;font-size:12px;line-height:1.5;margin:3px 0}.field-index button.active{background:white;color:#496e4d;box-shadow:0 3px 12px #4c603008}.field-index small{display:block;font-size:9px;color:#9aab8e;margin-top:4px}.note-banner{padding:28px;background:#f1ecdf;border:1px solid #e5dcc6;border-radius:17px;display:flex;gap:22px;align-items:center}.note-banner .symbol{font-size:52px}.note-banner h2{font-size:30px;margin:0 0 11px}.note-banner p{font-size:14px;line-height:1.85;margin:0;color:#8a7c61}.field-body{padding:4px 3px}.field-body p{font-size:14px;line-height:1.9;color:#827989}.field-body h3{font-size:26px;margin:25px 0 11px}.two-signs{display:grid;grid-template-columns:1fr 46px 1fr;gap:10px;align-items:center;margin:19px 0}.two-signs div{padding:20px;background:#eaf1e8;border:1px solid #d2dfca;border-radius:12px;text-align:center;font-family:Fredoka;font-size:21px;color:#557550}.two-signs b{font-size:12px;text-align:center;color:#a38d68}.two-signs span{display:block;font-family:'DM Sans';font-size:11px;line-height:1.7;margin-top:8px;color:#809176}.notebook-check{padding:20px;background:#f5eff9;border:1px solid #e1d6e9;border-radius:13px;margin-top:23px}.notebook-check h3{margin:0 0 8px;font-size:21px}.notebook-check p{font-size:13px}.trail-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}.trail-tabs button{border:1px solid #d6dfcd;background:#f2f5ed;border-radius:12px;padding:12px 17px;font-size:12px;color:#7b8d73}.trail-tabs button.active{background:#477c72;color:white;border-color:#477c72}.expedition-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:23px;align-items:start}.habitat-map{position:relative;aspect-ratio:800/470;overflow:hidden;border-radius:18px;border:1px solid #cddbc9;background:#e2ecd9}.habitat-map>svg{width:100%;height:100%;display:block}.creature-marker{position:absolute;z-index:2;width:70px;height:70px;margin-left:-35px;margin-top:-35px;border:1px solid #d4d5c1;background:#fffdf2ed;border-radius:15px;padding:5px 7px;color:#7e795f;box-shadow:0 3px 0 #c3c7ac99;animation:creatureBob 4s ease-in-out infinite}.creature-marker:nth-of-type(2n){animation-delay:-1.5s}.creature-marker svg{width:100%;height:45px;display:block}.creature-marker span{font-size:9px;white-space:nowrap;display:block;text-align:center}.creature-marker.selected{border:2px solid #8a68ac;box-shadow:0 0 0 4px #b5a0cf44}.creature-marker.solved{background:#edf6e5;border-color:#a9bd90}.explorer{position:absolute;z-index:3;width:28px;height:46px;pointer-events:none;margin-left:-14px;margin-top:-10px;transition:left .7s ease-in-out,top .7s ease-in-out}.explorer svg{width:100%;height:100%}.map-caption{position:absolute;top:13px;left:15px;background:#fffdf2d9;border-radius:20px;padding:7px 12px;font-size:10px;color:#708368}.field-journal{border:1px solid #d9dfce;border-radius:13px;padding:16px;background:#f5f7ef;margin-top:17px}.field-journal h3{font-size:20px;margin:0 0 8px}.journal-dots{display:flex;gap:5px;flex-wrap:wrap}.journal-dots i{width:19px;height:19px;border-radius:50%;background:#e1e7d7;color:#849977;display:grid;place-items:center;font-size:9px;font-style:normal}.journal-dots i.done{background:#6e9774;color:white}.field-journal p{font-size:11px;color:#8d9d82;line-height:1.7;margin:10px 0 0}.animal-inspector{background:white;border:1px solid #d9d5df;border-radius:18px;overflow:hidden}.inspector-head{display:flex;justify-content:space-between;padding:13px 18px;font-size:10px;color:#8e7a9c;background:#f3edf7}.animal-portrait{position:relative;height:180px;background:linear-gradient(#f1eadc,#f8f2e9);display:grid;place-items:center}.animal-portrait svg{height:165px;width:95%;max-width:310px}.animal-portrait.inspected .inspect-detail{stroke:#c69d45!important;stroke-width:5!important;filter:drop-shadow(0 0 3px #f8e3a0)}.animal-info{padding:20px 22px}.animal-info h3{font-size:29px;margin:0 0 8px}.animal-info>p{font-size:12px;line-height:1.8;color:#8e8199;margin:0 0 13px}.clue-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.clue-buttons button{background:#f4f1e8;border:1px dashed #d5c9ad;color:#9b855f;border-radius:10px;padding:12px 10px;font-size:11px;text-align:left;min-height:68px}.clue-buttons button.open{background:#eef4e8;border:1px solid #c7d8b6;color:#698058}.clue-buttons small{display:block;font-size:9px;margin-bottom:6px;opacity:.7}.classify-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.classify-buttons button{border:1px solid #d6c9e2;border-radius:10px;background:#eee7f6;padding:13px 8px;color:#775492;font-size:11px;font-weight:700}.classify-buttons button:first-child{background:#e6f0e6;border-color:#bbd1b7;color:#5c7e57}.animal-feedback{font-size:12px;line-height:1.8;color:#67845c;margin-top:13px;min-height:39px}.next-animal{margin-top:10px}.trail-summary{font-size:12px;line-height:1.85;padding:17px;border-left:3px solid #a9bd8e;color:#8b977e;margin-top:20px}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:23px 0}.journey-tabs button{padding:16px 10px;border:1px solid #dfd3e9;border-radius:13px;background:white;color:#977da6;font-size:11px}.journey-tabs button.active{background:#eee4f5;border-color:#bca2cf;color:#76518f}.journey-tabs span{font-size:25px;display:block;margin-bottom:9px}.connection-field{display:grid;grid-template-columns:240px 1fr;gap:27px;align-items:start}.connection-illustration{border-radius:17px;overflow:hidden;background:#e9e0f1;min-height:230px;display:grid;place-items:center}.connection-illustration svg{width:100%;display:block}.connection-field h3{font-size:29px;margin:0 0 13px}.connection-field p{font-size:14px;line-height:1.85;color:#88778f}.scripture-lens{padding:15px 18px;background:#f8f3e6;border:1px solid #e8ddc0;border-radius:11px;font-size:12px;line-height:1.8;color:#978467;margin:16px 0}.scripture-lens b{display:block;margin-bottom:5px;color:#967a4c}.mini-meals{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:22px 0;max-width:790px}.meal-choice{background:white;border:1px solid #e0d7e7;border-radius:13px;padding:18px;text-align:left;color:#887493;font-size:13px;line-height:1.7}.meal-choice span{display:block;font-size:26px;margin-bottom:8px}.meal-choice.chosen{background:#eaf1e3;border-color:#a9c18e;color:#698050}.meal-choice small{display:block;color:#a194aa;font-size:10px;margin-top:7px}.wing{transform-box:fill-box;transform-origin:center;animation:wing 2s ease-in-out infinite alternate}.antenna{animation:sway 4s ease-in-out infinite}.fins{transform-box:fill-box;transform-origin:center;animation:fin 1.8s ease-in-out infinite alternate}.insect-leg{animation:leg 3s ease-in-out infinite alternate;transform-origin:center}.reset-link{background:none;border:0;color:#9b88a6;font-size:10px;text-decoration:underline;margin-top:20px}@keyframes creatureBob{50%{transform:translateY(-4px)}}@keyframes wing{to{transform:rotate(-7deg)}}@keyframes fin{to{transform:rotate(4deg)}}@keyframes leg{to{transform:rotate(2deg)}}@media(max-width:850px){.field-layout{grid-template-columns:180px 1fr}.expedition-layout{grid-template-columns:1fr 1fr}.connection-field{grid-template-columns:190px 1fr}}@media(max-width:650px){.field-layout{grid-template-columns:1fr;gap:17px}.field-index{display:flex;overflow:auto;gap:6px;padding:8px}.field-index button{min-width:130px;padding:10px}.field-index small{font-size:8px}.note-banner{padding:21px;gap:14px}.note-banner .symbol{font-size:33px}.note-banner h2{font-size:26px}.expedition-layout{grid-template-columns:1fr}.habitat-map{aspect-ratio:800/590}.creature-marker{width:61px;height:62px;margin-left:-30px;margin-top:-31px}.creature-marker svg{height:37px}.creature-marker span{font-size:8px}.connection-field{grid-template-columns:1fr}.connection-illustration{min-height:160px;max-height:190px}.connection-illustration svg{height:180px}.journey-tabs{gap:7px}.journey-tabs button{font-size:9px;padding:13px 5px}.clue-buttons button{font-size:11px}.mini-meals{grid-template-columns:1fr}.two-signs{grid-template-columns:1fr 30px 1fr}.two-signs div{padding:15px 9px;font-size:18px}.two-signs span{font-size:10px}}@media print{#cleanFamily[open]{display:block!important}.modal-top button{display:none!important}}

.question-choices{display:grid;gap:12px;margin:20px 0}.question-choices button{padding:18px;text-align:left;border:1px solid #d9cee3;background:#f6f1fa;border-radius:12px;color:#765b89}.checklist label{display:flex;gap:10px;align-items:center;padding:13px 0;font-size:14px;line-height:1.7}.checklist input{accent-color:#477c72}.animal-portrait .inspect-detail{transition:stroke .3s}.antenna{transform-box:fill-box;transform-origin:bottom}.connection-illustration>svg{min-height:230px;object-fit:cover}@media(prefers-reduced-motion:reduce){.creature-marker,.wing,.antenna,.fins,.insect-leg,.sway{animation:none!important}.explorer{transition:none!important}}

.heart-pulse{transform-box:fill-box;transform-origin:center;animation:heartbeat 4s ease-in-out infinite}@keyframes heartbeat{50%{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.heart-pulse{animation:none!important}}