.field-guide{--field-ink:#173f38;--field-blue:#226d82;font-size:16px}.field-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin:10px 0 24px;display:flex}.field-heading .eyebrow{color:#416f5e;align-items:center;gap:7px;display:flex}.field-heading h1{max-width:850px;margin:8px 0 10px;font-size:clamp(27px,3vw,40px)}.field-heading p{max-width:780px;margin:0;font-size:16px}.field-stamp{color:#315a45;background:#e6eee4;border:1px solid #b6cbb8;border-radius:12px;flex-shrink:0;align-items:center;gap:7px;padding:12px 15px;font-size:14px;font-weight:700;display:flex}.field-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.field-toolbar nav{background:#e5ece5;border-radius:12px;gap:6px;padding:5px;display:flex}.field-toolbar nav a{border-radius:9px;padding:12px 18px;font-size:15px;font-weight:700}.field-toolbar nav a.active{color:#fff;background:#174d44}.field-toolbar label{flex-direction:column;gap:7px;min-width:280px;max-width:100%;font-size:14px;font-weight:700;display:flex}.field-toolbar select{max-width:100%;font-size:16px}.field-workspace{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);align-items:start;gap:24px;display:grid}.field-map-column{min-width:0}.field-guide .regional-svg{aspect-ratio:1000/720;height:auto;min-height:360px}.field-guide .regional-3d-canvas{min-height:420px}.field-guide .regional-label{fill:#183f37;stroke:#f7fcf8;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.field-key{color:#30584a;flex-wrap:wrap;gap:10px 17px;padding:15px 4px 5px;font-size:13px;font-weight:700;display:flex}.field-key span{align-items:center;gap:7px;display:inline-flex}.field-key i{border:1px solid #173f3833;border-radius:3px;width:13px;height:13px}.field-guide p.field-map-note{color:#526c60;margin:7px 4px 0;font-size:13px;line-height:1.6}.field-story{background:#fff;border:1px solid #c4d4c5;border-radius:18px;min-width:0;padding:24px;box-shadow:0 5px 16px #173f3805}.field-story-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.field-story .eyebrow{color:#416f5e;letter-spacing:1px;font-size:12px}.field-story h2{margin:0 0 14px;font-size:27px}.field-story h3{margin:0 0 7px;font-size:18px}.field-story p{font-size:16px;line-height:1.7}.field-story .field-rule{color:#675126;background:#f4efe0;border-left:3px solid #b08231;border-radius:4px;margin:0 0 18px;padding:12px;font-size:14px;line-height:1.65}.field-story-body p{margin:0 0 15px}.field-look{color:#256b59;background:#e8f1ee;border-radius:12px;gap:12px;margin:20px 0;padding:16px;display:flex}.field-look>svg{flex-shrink:0;margin-top:2px}.field-look p{margin:0;font-size:14px}.field-story>.primary{background:#c6552c;width:100%;margin-top:10px;font-size:15px}.field-earned{color:#2c7251;align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.field-guide .world-sources{margin-top:20px}.field-guide .world-sources summary{flex-wrap:wrap;font-size:14px}.field-guide .world-sources p,.field-guide .world-sources small{font-size:13px}.field-guide .world-sources li a{overflow-wrap:anywhere}.field-challenge{max-width:1050px;margin:auto;display:block}.field-challenge .regional-svg{aspect-ratio:1000/570;min-height:320px;max-height:590px}.field-play-panel{background:#edf3e6;border:1px solid #bdd1b3;border-radius:16px;margin:18px 0 0;padding:24px}.field-play-panel h2{margin:0 0 12px;font-size:25px}.field-play-panel p{margin:10px 0 17px;font-size:16px}.field-play-panel small{color:#667951;font-size:13px;display:block}.field-play-panel .field-answer-reveal{background:#fff;border-radius:8px;padding:14px}.field-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;display:flex}.field-guide .primary,.field-guide .secondary{font-size:15px}.field-guide .primary{background:#c6552c}.field-next{background:#eef3e8;border:1px solid #c7d5c6;border-radius:14px;align-items:center;gap:18px;margin:32px 0 10px;padding:23px 25px;display:flex}.field-next>svg{color:#517642;flex-shrink:0}.field-next>div{flex:1}.field-next h3{margin:0 0 5px;font-size:18px}.field-next p{margin:0;font-size:14px}.field-notebook{flex-wrap:wrap;gap:6px;display:flex}.field-notebook a{color:#44664f;background:#fff;border:1px solid #b9cdbc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.field-notebook a.earned{color:#356747;background:#e1eedb}.field-notebook a.active{color:#fff;outline-offset:2px;background:#245b4b;outline:2px solid #91b491}.field-photo{border-radius:17px 17px 0 0;margin:-24px -24px 20px;overflow:hidden}.field-photo img{object-fit:cover;background:#e3eddf;width:100%;height:220px;display:block}.field-photo figcaption{color:#54705d;background:#f2f6ef;padding:7px 14px;font-size:12px;line-height:1.5}.field-photo figcaption a{text-underline-offset:2px;text-decoration:underline}.field-story p.field-scientific{color:#657c69;margin:-6px 0 18px;font-size:14px;font-style:italic}.field-notice{color:#926b27;background:#f7efd8;border-radius:10px;align-items:flex-start;gap:10px;padding:13px;display:flex}.field-notice>svg{flex-shrink:0;margin-top:3px}.field-notice p{color:#6b542b;margin:0;font-size:15px;line-height:1.6}.field-details-toggle{color:#286c52;border-top:1px solid #dce6d8;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-size:15px;font-weight:700;display:flex}.field-details-toggle span{font-size:24px}.field-seasons{color:#fff;background:#183f38;border-radius:15px;margin-top:20px;padding:22px}.field-seasons .eyebrow{color:#c5d8a8}.field-seasons>fieldset{flex-wrap:wrap;gap:7px;margin:14px 0 20px;display:flex}.field-seasons button{color:#eaf3e5;border:1px solid #87a79d;border-radius:8px;padding:10px 13px;font-size:14px}.field-seasons button.active{color:#243d30;background:#efb24c;border-color:#efb24c}.field-seasons h3{color:#f0cf85;margin:0 0 10px;font-size:19px}.field-seasons p{color:#edf4e8;margin:0 0 14px;font-size:16px;line-height:1.7}.field-seasons small{color:#c1d1c9;font-size:13px}.field-observation{background:#f7f0dd;border-left:3px solid #ac7f35;padding:12px;font-size:14px}.field-reason-card{background:#fff;border:1px solid #c4d4c5;border-radius:18px;max-width:750px;margin:20px auto;padding:30px}.field-reason-photo{object-fit:cover;border-radius:12px;margin:auto;display:block}.field-reason-card>p{text-align:center}.field-choices{gap:12px;margin:25px 0;display:grid}.field-choices button{text-align:left;color:#244b39;background:#f5f8f0;border:1px solid #b8cdbb;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:18px;font-size:16px;line-height:1.5;display:flex}.field-choices button:hover:not(:disabled){background:#e4eddb;border-color:#5d8b62}.field-choices button:disabled{opacity:1}.field-choices button.correct{background:#d8ebd2;border:2px solid #448357}.field-choices button.incorrect{background:#f6e4dd;border-color:#b96047}@media (max-width:950px){.field-workspace{grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr);gap:16px}.field-story{padding:20px}.field-photo{margin:-20px -20px 20px}.field-photo img{height:180px}.field-guide .regional-svg{min-height:320px}}@media (max-width:720px){.field-heading{margin-top:5px;display:block}.field-stamp{margin-top:14px;padding:8px 11px;display:inline-flex}.field-workspace{grid-template-columns:minmax(0,1fr)}.field-toolbar{align-items:stretch;gap:16px}.field-toolbar nav{justify-content:center;width:100%}.field-toolbar nav a{padding:11px 13px;font-size:14px}.field-toolbar label{width:100%;min-width:0}.field-guide .regional-svg{aspect-ratio:1.18;min-height:280px}.field-challenge .regional-svg{min-height:330px}.field-guide .regional-3d-canvas{min-height:340px}.field-photo img{height:220px}.field-play-panel{padding:20px}.field-next{flex-wrap:wrap;padding:20px}.field-next .secondary,.field-actions>a,.field-actions>button{width:100%}.field-reason-card{padding:20px}}.field-photo-small{background:#edf3e6}.field-photo-small img{object-fit:contain;max-width:300px;height:240px;margin:14px auto}.field-guide .regional-map-top{flex-wrap:wrap;gap:8px}.field-guide .regional-map-top>span{flex:140px}.field-journey-flow{animation:3s linear infinite field-journey-flow}@keyframes field-journey-flow{to{stroke-dashoffset:-18px}}@media (prefers-reduced-motion:reduce){.field-journey-flow{animation:none}}.field-observation{display:block}.field-mobile-photo{display:none}@media (max-width:720px){.field-mobile-photo{float:right;object-fit:cover;border-radius:14px;width:88px;height:88px;margin:8px 0 12px 14px;display:block}.wildlife-guide .field-heading p{font-size:14px}.field-notebook a{width:33px;height:33px}}