:root{--paper:#f3eee2;--ink:#24251f;--red:#bd362c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}header{height:70px;border-bottom:1px solid #d6d0c1;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:26px;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:2px;margin-left:16px}.tag,.eyebrow,.count{font-size:10px;letter-spacing:1.8px;font-weight:700}.tag{color:#777}main{display:grid;grid-template-columns:345px 1fr;height:calc(100dvh - 70px)}aside{padding:28px 26px;overflow:auto;border-right:1px solid #d6d0c1}.eyebrow{color:var(--red)}h1{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.1;margin:20px 0}h1 em{font-weight:400}.intro{font-size:13px;line-height:1.7;color:#747165}.search{display:flex;gap:10px;border:1px solid #d8d0bf;padding:12px;margin:24px 0;background:#faf7f0}input{width:100%;border:0;background:transparent;outline:none;font:inherit;font-size:13px}.count{display:flex;justify-content:space-between;color:#777;font-size:9px;margin-bottom:12px}.count span:last-child{color:var(--red)}.animal{border:0;border-bottom:1px solid #ddd6c7;background:none;width:100%;text-align:left;padding:13px 5px;cursor:pointer;display:flex;gap:12px;align-items:center;color:var(--ink)}.animal:hover,.animal.active{background:#e6dfd0}.animal .num{font-size:10px;color:var(--red);width:22px}.animal strong{font-size:13px;display:block}.animal small{display:block;font-size:11px;color:#777;margin-top:5px}footer{font-size:10px;color:#817c70;line-height:1.7;margin-top:24px}a{color:inherit}.atlas{position:relative;min-height:0}#map{height:100%;background:#d8d0bb}.mapbar{position:absolute;top:18px;left:18px;right:65px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:500;pointer-events:none}.mapbar span,.mapbar button{pointer-events:auto;background:var(--paper);box-shadow:0 2px 15px #0002;padding:12px 16px;font-size:12px}.mapbar span{color:var(--red)}.mapbar b{color:var(--ink);font-weight:500}button{font-family:inherit}.mapbar button{border:0;cursor:pointer}.hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#24251fe8;color:#fff;padding:11px 18px;font-size:11px;white-space:nowrap;z-index:500}.pin{background:transparent;border:0}.pin::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#da3028;left:17px;top:17px;box-shadow:0 0 0 2px #fff9,0 1px 5px #0006}.pin.selected::after{box-shadow:0 0 0 5px #da302833,0 0 0 2px white}.pin.done::after{background:#617559}#detail{position:absolute;z-index:600;right:20px;bottom:65px;width:300px;background:var(--paper);box-shadow:0 5px 30px #0003;padding:22px}#detail h2{font:25px Georgia,serif;margin:12px 0}#detail p{font-size:13px;line-height:1.5}#detail .eyebrow{font-size:9px}#condition{color:#9b4a35}.tip{color:#777}#close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px;cursor:pointer}#found{background:var(--ink);color:#fff;border:0;padding:12px;width:100%;cursor:pointer}#error{position:absolute;top:80px;left:20px;z-index:700;background:var(--paper);padding:12px;max-width:300px}.leaflet-control-zoom{margin-top:76px!important}.leaflet-control-attribution{font-size:9px!important}button:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media(max-width:700px){header{height:55px;padding:0 16px}.tag{display:none}.brand{font-size:22px}.brand span{font-size:8px}main{height:auto;display:flex;flex-direction:column}.atlas{order:0;height:66dvh;min-height:420px}aside{order:1;padding:22px 20px;overflow:visible;border:0}h1{font-size:30px;margin:12px 0}h1 br{display:none}h1 em{margin-left:5px}.intro{margin-bottom:0}.search{margin:18px 0}.mapbar{left:10px;top:10px;right:10px}.mapbar span,.mapbar button{padding:11px;font-size:10px}.hint{bottom:22px;font-size:9px;padding:9px 10px}#detail{right:10px;left:10px;bottom:52px;width:auto;padding:15px 18px}#detail h2{font-size:22px}#detail p{margin:7px 0;font-size:12px}#detail .tip{display:none}.leaflet-control-zoom{margin-top:60px!important}}
:root #animal-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:13px 0 10px}:root #animal-image[hidden]{display:none}#image-credit{font-size:9px;color:#817c70;display:block}#image-credit[hidden]{display:none}#detail{max-height:calc(100% - 125px);overflow:auto}@media(max-width:700px){:root #animal-image{width:190px;max-width:70%;margin:10px auto}#detail{max-height:calc(100% - 110px)}}
#detail{width:fit-content;max-width:340px;min-width:280px}#detail p{max-width:290px}#close{z-index:1}@media(max-width:700px){#detail{left:50%;right:auto;transform:translateX(-50%);width:max-content;min-width:0;max-width:calc(100% - 32px);padding:16px 18px}#detail p{max-width:280px}:root #animal-image{width:220px;max-width:100%}#image-credit{max-width:280px}}

.animal-symbol{display:none;position:absolute;left:30px;bottom:24px;pointer-events:none;white-space:nowrap;color:#24251f;filter:drop-shadow(0 0 2px #fff);text-align:center}.animal-symbol svg{width:30px;height:23px;display:block;margin:auto;overflow:visible}.animal-symbol path{fill:#24251f;stroke:#f3eee2;stroke-width:1.4;stroke-linejoin:round;paint-order:stroke fill}.animal-symbol>span{font-size:9px;font-weight:700;text-shadow:0 1px 2px #fff,0 -1px 2px #fff}.show-animal-symbols .animal-symbol{display:block}.pin.selected .animal-symbol path{fill:#bd362c}

.animal-label{position:absolute;left:29px;top:15px;white-space:nowrap;pointer-events:none;color:#24251f;font-size:10px;line-height:14px;font-weight:700;text-shadow:0 0 3px #f3eee2,1px 1px 2px #f3eee2,-1px -1px 2px #f3eee2}.pin.selected .animal-label{color:#9d251e}
header{position:sticky;top:0;z-index:1000;background:var(--paper);box-shadow:0 2px 8px #0000000d}.atlas{scroll-margin-top:70px}@media(max-width:700px){.atlas{scroll-margin-top:55px}}

.animal-row{display:flex;align-items:center;border-bottom:1px solid #ddd6c7;gap:4px}.animal-row .animal{border-bottom:0;flex:1;min-width:0}.hunted-check{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:48px;min-height:48px;cursor:pointer;font-size:9px;color:#747165;flex-shrink:0}.hunted-check input{width:18px;height:18px;margin:0;accent-color:#617559;cursor:pointer}.hunted-check input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.category-nav{height:66px;flex-shrink:0;display:flex;gap:14px;align-items:center;padding:12px 18px;background:var(--paper);border-bottom:1px solid #d6d0c1}.category-nav label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#777}.category-nav select{min-width:0;width:min(100%,380px);min-height:42px;padding:9px 32px 9px 12px;border:1px solid #d6d0c1;background:#faf7f0;font:13px Arial,sans-serif;color:var(--ink);border-radius:3px}.atlas{display:flex;flex-direction:column}#map{flex:1;height:auto;min-height:0}.mapbar{top:84px}#detail{max-height:calc(100% - 185px)}@media(max-width:700px){h1{font-size:22px;line-height:1.25;margin:8px 0}.intro{font-size:12px;margin-top:8px}.category-nav{height:62px;padding:9px 10px;gap:8px}.category-nav label{font-size:8px;letter-spacing:.8px}.category-nav select{flex:1;font-size:12px}.mapbar{top:72px}#detail{max-height:calc(100% - 172px)}.animal strong{font-size:12px}.animal small{font-size:10px}.animal-label{font-size:9px}.count{letter-spacing:.8px}}

.location-thumb{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:3px;background:#ded8ca}.animal-row .animal{padding-top:9px;padding-bottom:9px;gap:10px}.animal-row .animal strong{line-height:1.3}.animal-row .animal small{line-height:1.3;margin-top:3px}#location-description,#location-access{font-size:12px;line-height:1.55}#location-description{color:#747165}.animal-row .animal>span:last-child{min-width:0}.animal-row .animal small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.map-bottom{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:4px 14px;background:var(--paper);border-top:1px solid #d6d0c1;font-size:9px;color:#777}.dynamic-scale{color:var(--ink);font-size:10px;min-width:120px}#scale-line{height:6px;border:1px solid #424137;border-top:0;margin-top:3px}.hint{bottom:65px}#detail{bottom:96px;max-height:calc(100% - 218px)}#map{background:#dec39c}@media(max-width:700px){.atlas{height:72dvh;min-height:460px}.hint{bottom:64px}#detail{bottom:94px;max-height:calc(100% - 214px)}.map-bottom{padding:4px 10px}}

.offline-tools{margin-top:18px}.offline-tools button{width:100%;padding:12px;background:#24251f;color:#fff;border:0;cursor:pointer;font-size:12px}.offline-tools p{font-size:10px;line-height:1.5;color:#747165}.offline-tools button[hidden]{display:none}

.atlas{isolation:isolate}#detail{z-index:1100}

/* Charte commune des fiches. Seules les fiches trop hautes sont compactées. */
#detail{max-height:none;overflow:visible}#detail h2{font:18px/1.25 Georgia,serif;margin:9px 0}#detail p,#location-description,#location-access{font-size:12px;line-height:1.45;margin:7px 0}#detail .eyebrow{font-size:9px}#detail.compact{width:320px;padding:14px 16px}#detail.compact #animal-image{float:left;width:88px;max-width:35%;margin:0 12px 7px 0}#detail.compact #image-credit{clear:both;font-size:8px}#detail.compact #location-description,#detail.compact #location-access,#detail.compact #condition,#detail.compact #found,#more-details{clear:both}#detail.minimal #animal-image{width:64px}#detail.minimal .tip{display:none}#more-details{width:100%;border:1px solid #d6d0c1;background:transparent;padding:8px;margin:7px 0;font-size:12px;cursor:pointer}#more-details[hidden]{display:none}#found[hidden]{display:none}#expanded-detail{padding:15px;background:#e8e1d3;margin-bottom:16px;scroll-margin-top:80px}#expanded-detail h2{font:18px Georgia,serif}#expanded-detail p{font-size:12px;line-height:1.5}#expanded-detail button{padding:10px;border:1px solid #bbb;background:var(--paper)}.animal-filters{margin-top:18px}.animal-filters[hidden],#species-legend[hidden]{display:none}.animal-filters label{font-size:11px;display:block;margin-bottom:6px}.animal-filters select{width:100%;padding:10px;background:#faf7f0;border:1px solid #d6d0c1;font:12px Arial}.animal-filters button{border:0;background:none;text-decoration:underline;padding:12px 0;font-size:11px;cursor:pointer}.data-note{font-size:10px;line-height:1.5;color:#747165;margin:2px 0}#species-legend{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}#species-legend span{display:flex;align-items:center;gap:5px;font-size:10px;background:#e9e2d4;padding:5px 7px}#species-legend i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fauna-pin::after{display:none}.marker-content{position:absolute;inset:0}.fauna-pin .marker-content::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--point-color);left:17px;top:17px;box-shadow:0 0 0 2px #fff9,0 1px 5px #0006}.fauna-pin.selected .marker-content::after{box-shadow:0 0 0 4px #fff8,0 1px 5px #0006}@media(max-width:700px){#detail h2{font-size:18px}#detail.compact{max-width:calc(100% - 32px)}#detail.compact #animal-image{width:88px;max-width:35%;margin:0 12px 7px 0}}

/* Couleur visible sur toute la ligne d’une espèce sélectionnée. */
.animal-row.species-selected{border-left:4px solid var(--species-color);background:color-mix(in srgb,var(--species-color) 13%,var(--paper));padding-left:4px}.animal-row.species-selected .animal{background:transparent}.animal-row.species-selected .hunted-check input{accent-color:var(--species-color)}.hunted-check:has(input:disabled){color:#8c877a;cursor:default}.hunted-check input:disabled{cursor:default}.fauna-pin .animal-label{display:none}

.expanded-photo{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;margin:12px 0}#expanded-detail a{font-size:9px;color:#747165}.progress-tools{margin-top:20px;border-top:1px solid #d6d0c1;padding-top:14px}.progress-tools h2{font:16px Georgia,serif}.progress-tools button{padding:9px;background:var(--paper);border:1px solid #bfb8aa;margin:0 6px 6px 0;font-size:11px}.progress-tools p{font-size:11px;line-height:1.5}