:root{--focus:#d8ba7e}body[data-view="naturaliste"]{--world-bg:#182c32;--world-surface:#27454b}
body[data-view="naturaliste"] .banner{background:linear-gradient(115deg,#17313a,#0d242e)}
body[data-view="naturaliste"] .artpanel{box-shadow:0 12px 38px #0005}
body[data-view="naturaliste"] .artpanel img{filter:saturate(.45) contrast(.95);opacity:.62}
body[data-view="naturaliste"] .artpanel:after{background:linear-gradient(0deg,#081a27eb,transparent 55%)}
body[data-view="naturaliste"] .creature-visual{background:linear-gradient(0deg,#193840,#25484a)}
body[data-view="naturaliste"] .creature{background:#172c32;border-color:#64818b}
.view-controls{display:inline-flex;gap:.4rem;margin-top:1.25rem;padding:4px;border:1px solid #b6a27e77;border-radius:12px;background:#102b37}
.view-choice{min-height:44px;padding:9px 15px;color:#f3e8d0;background:transparent;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:13px}
.view-choice[aria-pressed="true"]{background:#ccab77;color:#061a26}
.view-choice:focus-visible{outline:3px solid #fff2ac}
.artpanel{isolation:isolate;background:radial-gradient(ellipse at 40% 40%,color-mix(in srgb,var(--world-surface) 75%,#5b5039),var(--world-bg))}
.artpanel[data-motif="resonance"] .artfallback,.artpanel[data-motif="roots"] .artfallback{opacity:.30}
.artpanel img{object-fit:cover}
.artpanel img[hidden]{display:none!important}
.artpanel:has(img[hidden]) .artfallback{opacity:.5}
.artpanel[data-motif="oranya"]{background:radial-gradient(ellipse at center,#83603d 0%,#31231a 60%,#0b1219 100%)}
.artpanel[data-motif="oranys"]{background:repeating-radial-gradient(circle at 50% 45%,#806447,#806447 2px,#423326 4px,#2e281e 18px)}
.artpanel[data-motif="arcanaria"]{background:radial-gradient(ellipse at center,#772d39,#341521 44%,#0c111b 90%)}
.artpanel[data-motif="perrara"]{background:radial-gradient(ellipse at center,#336451,#0f362c 42%,#08151c 90%)}
.artpanel[data-motif="terra"]{background:repeating-linear-gradient(135deg,#2c363c,#252f35 9px,#41474c 10px,#1d252d 19px)}
.artpanel[data-motif="kaelarion"]{background:radial-gradient(ellipse at center,#345676,#142b45 54%,#08141d)}
.artpanel[data-motif="aenar-thal"]{background:repeating-linear-gradient(60deg,#2b303b,#2d323e 1px,#141922 4px,#101821 23px)}
.original-link{position:absolute;top:12px;left:16px;z-index:2;color:#faf4e5;background:#061824d9;font-size:11px;padding:5px 9px;border:1px solid #bdae7c60;border-radius:6px;text-decoration:none}
.original-link:hover{text-decoration:underline}
.original-link[hidden]{display:none}
.creature-body .concept-open{width:100%;min-height:42px;padding:8px 11px;margin-top:8px;border:1px solid #bcab7d;background:#183b45;color:#f1dfb3;border-radius:8px;text-align:left;font-weight:600;font-size:12px}
.species-focus{margin:19px 0;border:1px solid #8d9376;background:#102d33;padding:clamp(16px,3vw,29px);border-radius:12px}
.species-focus[hidden]{display:none}
.species-focus:focus{outline:3px solid #f7d9a5;outline-offset:3px}
.species-focus h2{font:400 clamp(24px,3vw,35px) Georgia,serif}
.species-focus dl{display:grid;grid-template-columns:minmax(130px,1fr) 2.5fr;gap:8px 18px}
.species-focus dt{font-size:12px;text-transform:uppercase;color:#d0b778;font-weight:700;letter-spacing:.07em}
.species-focus dd{margin:0;color:#f1ece1;font-size:14px}
.source-note{color:#c6d1d4;font-size:12px}
.studies{margin:20px 0;border:1px solid #52727a;padding:22px;border-radius:14px;background:#102631}
.studies h2{font:400 clamp(23px,3vw,36px) Georgia,serif;margin:5px 0 22px}
.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.study-grid figure{margin:0;border:1px solid #618087;border-radius:10px;overflow:hidden;background:#081a22}
.study-grid img{display:block;width:100%;height:auto;aspect-ratio:760/490;object-fit:contain}
.study-grid figcaption{padding:10px 14px;color:#dee3dc;font-size:12px}
@media(max-width:760px){.view-controls{display:flex;width:100%}.view-choice{flex:1;padding:8px}.study-grid{grid-template-columns:1fr}.species-focus dl{grid-template-columns:1fr;gap:4px}.species-focus dt:not(:first-child){margin-top:8px}.original-link{font-size:10px}}