:root{color-scheme:dark}body{margin:0;background:#0a0e14;color:#f3efe6;font-family:system-ui,sans-serif}.atlas-header{padding:1.4rem 5vw;border-bottom:1px solid #34312c;display:flex;justify-content:space-between;font-size:.76rem;letter-spacing:.13em}.atlas-header a,.atlas-footer a{color:#d4af73}.atlas{max-width:1400px;margin:auto;padding:5rem 5vw}.atlas-kicker,.carte__cat{color:#d6ac70;letter-spacing:.15em;text-transform:uppercase;font-size:.72rem}.atlas h1{font:clamp(3rem,7vw,6rem)/1.05 Georgia,serif;margin:.3em 0}.intro{color:#c5c4be;font-size:1.15rem;max-width:55ch}.compte{color:#deb97c}.filtres{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;margin:2rem 0}.filtres label{display:grid;gap:.5rem;font-size:.8rem;color:#d8c9ae}.filtres input,.filtres select{padding:.85rem;color:#f3efe6;background:#161d25;border:1px solid #635541;border-radius:.25rem;min-width:0}.comparaison{border:1px solid #524633;padding:1.1rem 1.5rem;margin:2rem 0}.comparaison h2,.quiz h2{font:1.6rem Georgia,serif}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.4rem}.carte{background:#151b22;border:1px solid #343a3e;overflow:hidden}.carte[hidden]{display:none}.carte__lien{display:block;color:inherit;text-decoration:none}.carte img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.carte__cat,.carte h2,.carte__voir,.choix{display:block;margin:1rem 1.15rem}.carte h2{font:1.45rem/1.2 Georgia,serif}.carte__voir{color:#d6ac70}.choix{font-size:.82rem;color:#c7c4bc}.quiz{margin-top:6rem;max-width:900px}.quiz details{border-top:1px solid #484238;padding:1rem 0}.quiz summary{cursor:pointer}.quiz a{color:#e5bc7b}.atlas-footer{padding:3rem 5vw;border-top:1px solid #34312c;color:#aaa}@media(max-width:700px){.filtres{grid-template-columns:1fr 1fr}.atlas{padding-top:3rem}.atlas-header span{display:none}}:focus-visible{outline:3px solid #e0b66f;outline-offset:3px}
#compare-resultat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}#compare-resultat article{padding:1rem;background:#171d24;border:1px solid #514536}#compare-resultat a{color:#e5bc7b}#compare-resultat p{font-size:.9rem;line-height:1.5}@media(max-width:700px){#compare-resultat{grid-template-columns:1fr}}
.habitats{margin-top:6rem}.habitats h2{font:2.2rem Georgia,serif}.habitats>p{max-width:76ch;line-height:1.6;color:#c7c4bc}.habitats canvas{display:block;width:100%;height:auto;border:1px solid #514c3d;margin:1.5rem 0;cursor:crosshair}.habitats .carte-message{min-height:2em;color:#e3c38f}.habitats-liste{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.65rem;counter-reset:habitat}.habitats-liste li{counter-increment:habitat}.habitats-liste a{display:block;padding:.8rem;color:#f0d1a3;background:#171d24;border:1px solid #49463d;text-decoration:none}.habitats-liste a:before{content:counter(habitat) ' · ';color:#d4a660}.habitats-liste a span{color:#dedbd3}
.choix{display:flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer}.choix input{width:24px;height:24px;accent-color:#d6ac70}.atlas-header a,.atlas-footer a{display:inline-flex;align-items:center;min-height:44px}.quiz p a{display:inline-flex;align-items:center;min-height:44px}
.visuellement-cache{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}