/* Field cards 2.0 — collectible illustrations, clearly separated evidence and reference media. */
.animal-card.field-card{border-radius:20px;border:1px solid #dfe6d8;background:#fffdf7;box-shadow:0 4px 15px #294a3306;transition:transform .3s,box-shadow .3s,border-color .3s}
.field-card:hover{transform:translateY(-7px);border-color:#9fb990;box-shadow:0 18px 35px #294a3317}
.field-card .animal-art,.collection-grid .field-card .animal-art{height:225px;background:radial-gradient(ellipse at 55% 25%,#ffffff6b,transparent 65%),var(--card-bg);border-bottom:1px solid #2445310c}
.field-card .animal-art:before{width:175px;height:175px;top:25px;border:1px solid #ffffffb8;box-shadow:0 0 0 22px #ffffff1c,0 0 0 44px #ffffff0c}
.field-card .animal-art:after{width:260px;height:260px;top:-18px;border:1px dashed #294a3317}
.field-card .animal-art>img.character,.collection-grid .field-card .animal-art>img.character{height:185px;width:185px;max-width:90%;filter:drop-shadow(0 12px 8px #294a331c)}
.field-card .card-number{font-size:9px;letter-spacing:1px;background:#fffdf4d9;padding:5px 9px;border:1px solid #ffffff66;border-radius:30px;z-index:3}
.field-card .new-badge{font-size:7px;padding:5px 8px;background:#244e38;color:#edf4d6;letter-spacing:1px;z-index:3}
.field-card .rarity-star{z-index:3}.field-card .card-info{padding:19px 17px 15px}.field-card .card-category{font-size:9px;letter-spacing:.7px}.field-card .card-info h3{font-size:20px;letter-spacing:-.8px;margin-top:7px;line-height:1.4}.field-card .card-english{font-size:10px;margin:4px 0 0;white-space:normal;overflow:visible;text-overflow:clip;min-height:16px}
.field-card-tagline{font-size:11px;line-height:1.75;color:#6a7e60;margin:13px 0 12px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.field-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.field-card-meta span{font-size:8px;color:#677e58;background:#eef2e6;border:1px solid #e1e8d7;border-radius:5px;padding:4px 6px;line-height:1.4}.field-card .card-bottom{border-top:1px dashed #ced9c4;padding-top:13px;font-size:10px;margin-top:0}.field-card .card-arrow{background:#eaf0df;width:28px;height:28px}.field-card:hover .card-arrow{background:#254f39;color:#fff}
.animal-modal:has(.field-guide-panel){width:min(940px,calc(100% - 36px));background:#fffdf7}.animal-modal:has(.field-guide-panel) .animal-modal-hero{min-height:290px;height:290px;border-bottom:1px solid #dfe8d7}.animal-modal:has(.field-guide-panel) .animal-character-wrap{background:radial-gradient(ellipse at 50% 40%,#ffffff80,transparent 65%),var(--card-bg,#e9efdf)}.animal-modal:has(.field-guide-panel) .animal-character-wrap img{height:250px;width:250px;max-width:85%;object-fit:contain;filter:drop-shadow(0 15px 8px #20452d12)}.animal-modal:has(.field-guide-panel) .animal-modal-body{padding:32px 38px 35px}.animal-modal:has(.field-guide-panel) .animal-modal-heading{padding-bottom:18px;border-bottom:1px solid #e3e8d8;margin-bottom:20px}.animal-modal:has(.field-guide-panel) .animal-number{font-size:9px;letter-spacing:1.8px}.animal-modal:has(.field-guide-panel) .animal-easy{font-size:15px;line-height:2;color:#5b7053}.animal-modal:has(.field-guide-panel) .facts-grid{gap:10px}.animal-modal:has(.field-guide-panel) .fact-box{background:#f0f3e8;border:1px solid #e3e9d9;border-radius:13px}
.field-journal-summary{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px;padding:13px 16px;border:1px solid #e0e8d6;border-radius:10px;background:#f6f7ed;font-size:10px;color:#6b7e5e}.field-journal-summary b{color:#294d35;font-weight:700}.field-journal-summary span+span{border-left:1px solid #dce4d1;padding-left:10px}
.field-guide-panel{margin:30px 0 35px;--field-ink:#274a35;--field-muted:#64775a;color:var(--field-ink);text-align:left}.field-guide-panel h3,.field-guide-panel h4{word-break:keep-all}.field-guide-panel h3{font-size:24px;letter-spacing:-.8px;line-height:1.45;margin:8px 0 15px}.field-guide-panel h4{font-size:16px;letter-spacing:-.4px;margin:5px 0 12px}.field-guide-panel p{line-height:1.95;word-break:keep-all}.field-section-nav{display:flex;gap:6px;padding:10px 0 18px;border-bottom:1px solid #dce6d2;margin-bottom:28px;flex-wrap:wrap}.field-section-nav button{padding:11px 16px;border:1px solid #dce5d4;border-radius:30px;background:#fffdf7;color:#5d7652;font-size:11px;min-height:44px}.field-section-nav button:hover,.field-section-nav button:focus-visible{background:#e9f0dd;color:#254731}
.field-kicker{font:600 9px/1.8 var(--display);letter-spacing:1.7px;color:#879773}.field-scope-note{font-size:11px;color:#79856f;background:#f2f4e9;border-left:2px solid #a9bd89;padding:13px 16px;margin-bottom:25px}.field-scope-note span{display:block;font-size:10px;font-weight:700;color:#577346;margin-bottom:3px}.field-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-insight{position:relative;border:1px solid #e1e7d6;border-radius:15px;padding:23px;background:#fffef9}.field-insight-wide{grid-column:1/-1;background:linear-gradient(120deg,#edf2e4,#f5f5e9)}.field-insight-no{display:block;font:400 28px var(--serif);color:#bcc9a7;margin-bottom:8px}.field-insight p{font-size:13px;color:#5f7254}.field-parent-note{border-bottom:1px solid #dee6d4;margin-top:10px}.field-parent-note summary{padding:20px 4px;cursor:pointer;font-size:12px;font-weight:650;display:flex;justify-content:space-between;gap:16px;min-height:48px}.field-parent-note summary>span{font-size:19px;color:#8b9e73}.field-parent-note[open] summary>span{transform:rotate(45deg)}.field-parent-note>p{font-size:12px;color:#6c7b60;padding:0 5px 18px}
.field-reference{margin:35px 0}.field-reference>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-reference h3{margin-bottom:8px}.field-license-badge{font:700 9px var(--display);letter-spacing:1px;padding:7px 10px;border:1px solid #bdcfa8;border-radius:6px;color:#6b8357;white-space:nowrap}.field-reference-disclaimer{font-size:11px!important;color:#927844!important;line-height:1.8!important;margin-bottom:15px;background:#faf2df;padding:12px 15px;border-radius:9px}.field-reference figure{margin:0}.field-reference figure>a{position:relative;display:block;background:#e9eddf;border:1px solid #dce4d0;border-radius:16px;overflow:hidden}.field-reference img{width:100%;height:auto;max-height:420px;object-fit:contain}.field-reference figure>a>span{position:absolute;bottom:12px;right:12px;background:#163c2bd9;color:#fffdf0;font-size:10px;padding:9px 13px;border-radius:20px}.field-reference figcaption{font-size:10px;color:#7a886d;line-height:1.8;margin:10px 4px}.field-photo-credit summary{cursor:pointer;padding:10px 4px;font-size:10px;color:#658052;min-height:36px}.field-photo-credit dl{font-size:10px;background:#f1f4e8;padding:15px;border-radius:10px;line-height:1.8;margin:0}.field-photo-credit dl>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:6px 0}.field-photo-credit dt{color:#879476}.field-photo-credit dd{margin:0;overflow-wrap:anywhere;min-width:0}.field-photo-credit a,.field-sources a{text-decoration:underline;text-underline-offset:3px}
.field-mission{position:relative;padding:27px 28px;background:#254c37;color:#f3f4dc;border-radius:17px;overflow:hidden;margin-top:28px}.field-mission .field-kicker{color:#bfd19f;font-size:8px;position:relative}.field-mission h3{color:#fbf6dd;font-size:23px;position:relative;margin:10px 0 15px}.field-mission>p:not(.field-kicker){font-size:15px;line-height:1.85;color:#ecf1db;position:relative;max-width:90%}.field-mission .field-mission-hint{font-size:11px!important;color:#b9c9a9!important;margin-top:12px}.field-mission-number{position:absolute;right:20px;top:0;font:160px/1.2 var(--serif);color:#d7ecc214;transform:rotate(12deg)}.field-mission-button{position:relative;font-size:11px;margin-top:20px;padding:12px 17px;background:#dcebb7;color:#284e32;border-radius:25px;min-height:44px}.field-mission-button[aria-pressed="true"]{background:#fff9df}.field-mission-button>span{margin-right:5px}.field-mission small{display:block;font-size:9px;color:#a5ba92;margin-top:12px;position:relative}.field-mission .field-mission-feedback{font-size:11px!important;margin-top:10px;min-height:0}.field-sources{margin-top:20px;border:1px solid #e0e6d7;border-radius:12px;padding:0 18px}.field-sources summary{cursor:pointer;padding:17px 0;font-size:12px;font-weight:650;min-height:48px}.field-sources summary span{font-size:9px;font-weight:400;color:#8a997a;margin-left:8px}.field-sources details>p{font-size:11px;color:#7a886d;margin-bottom:14px}.field-sources ul{padding-left:18px;margin:0 0 14px}.field-sources li{font-size:11px;line-height:1.9;padding:4px 0;overflow-wrap:anywhere}.field-sources small{font-size:9px;color:#8c9980;display:block;margin-bottom:18px}
.field-guide-panel [data-field-target]{scroll-margin-top:25px}.field-guide-panel [tabindex="-1"]:focus{outline:2px solid #b0c78a;outline-offset:8px;border-radius:8px}
.server-animal-article .field-guide-panel{max-width:850px;margin:35px auto}.server-animal-article .field-guide-panel h3{font-size:25px}.server-animal-article .field-guide-panel h4{font-size:17px}.server-animal-article .field-guide-panel p{line-height:1.95}
@media(max-width:900px){.field-card .animal-art,.collection-grid .field-card .animal-art{height:205px}.field-card .animal-art>img.character,.collection-grid .field-card .animal-art>img.character{width:172px;height:172px}.field-card .card-info{padding:16px 14px}.field-card .card-info h3{font-size:18px}}
@media(max-width:520px){.animal-modal:has(.field-guide-panel){width:calc(100% - 24px)}.animal-modal:has(.field-guide-panel) .animal-modal-hero{height:195px;min-height:195px}.animal-modal:has(.field-guide-panel) .animal-character-wrap img{width:160px;height:160px}.animal-modal:has(.field-guide-panel) .animal-modal-body{padding:23px 20px}.animal-modal:has(.field-guide-panel) .animal-modal-heading{gap:8px}.animal-modal:has(.field-guide-panel) .animal-easy{font-size:13px;line-height:1.95}.field-journal-summary{font-size:9px;padding:11px 12px;gap:7px}.field-guide-panel{margin-top:22px}.field-section-nav{gap:5px;flex-wrap:nowrap;overflow:auto;padding-bottom:14px}.field-section-nav button{font-size:10px;padding:10px 12px;white-space:nowrap}.field-guide-panel h3{font-size:21px}.field-kicker{font-size:8px;letter-spacing:1.2px}.field-scope-note{font-size:10px;padding:11px 12px}.field-insight-grid{grid-template-columns:1fr;gap:10px}.field-insight{padding:19px}.field-insight-no{font-size:23px}.field-insight p{font-size:12px}.field-insight h4{font-size:15px}.field-mission{padding:23px 21px}.field-mission h3{font-size:21px}.field-mission>p:not(.field-kicker){font-size:13px;max-width:100%}.field-mission .field-kicker{font-size:7px;letter-spacing:1px}.field-mission .field-mission-hint{font-size:10px!important}.field-reference img{max-height:330px}.field-photo-credit dl>div{grid-template-columns:54px 1fr;gap:9px}.field-card .animal-art,.collection-grid .field-card .animal-art{height:170px}.field-card .animal-art>img.character,.collection-grid .field-card .animal-art>img.character{width:145px;height:145px}.field-card .animal-art:before{width:135px;height:135px;top:18px}.field-card .animal-art:after{width:190px;height:190px;top:-10px}.field-card .card-info{padding:14px 11px 12px}.field-card .card-info h3{font-size:16px;letter-spacing:-.6px}.field-card .card-english{font-size:8px}.field-card-tagline{font-size:10px;line-height:1.7;min-height:34px;margin:10px 0}.field-card-meta{gap:4px;margin-bottom:11px}.field-card-meta span{font-size:7px;padding:4px 5px}.field-card .card-bottom{font-size:9px}.field-card .card-category{font-size:8px}.field-card .card-number{font-size:7px;padding:4px 6px}.field-card .new-badge{font-size:6px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.field-card,.field-card img{transition:none!important}.field-card:hover{transform:none}.field-guide-panel *{scroll-behavior:auto!important}}