.door{position:relative}.animal-door-stage{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.animal-door-stage canvas{width:100%;height:100%;display:block}.door-copy{z-index:3;pointer-events:none}.door-card{pointer-events:auto}.animal-door-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.28)}.animal-door-start{min-height:50px;padding:11px 17px;border:2px solid #fff;border-radius:999px;background:#c65a3c;color:#fff;font:900 15px/1.2 inherit;cursor:pointer;box-shadow:0 9px 26px rgba(0,0,0,.3)}.animal-door-start:hover,.animal-door-start:focus-visible{background:#e06d4b;outline:3px solid #f2cf78;outline-offset:3px}.animal-door-start:disabled{opacity:.82;cursor:wait}.animal-door-count{min-width:120px;padding:8px 10px;border-radius:12px;background:#fff;color:#173d27;font-weight:950;text-align:center}.animal-door-note{width:100%;margin:0;color:#eef5ef;font-size:12px}.animal-door-stage.active{background:linear-gradient(90deg,rgba(23,61,39,.05),rgba(23,61,39,.22))}@media(max-width:680px){.animal-door-start,.animal-door-count{width:100%}.animal-door-count{min-height:44px;display:grid;place-items:center}}
@media(prefers-reduced-motion:reduce){.animal-door-stage{display:none}.animal-door-start{display:none}.animal-door-note:after{content:" Animation désactivée selon vos préférences de mouvement."}}
.door .door-card{max-width:470px;justify-self:end;padding:24px;background:rgba(8,28,17,.24);border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(3px) saturate(112%);backdrop-filter:blur(3px) saturate(112%);box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.14)}.door .door-card h2{font-size:clamp(30px,4.7vw,46px);margin-bottom:10px;text-shadow:0 2px 12px rgba(0,0,0,.72)}.door .door-card>p{text-shadow:0 1px 8px rgba(0,0,0,.72)}.door .door-card>p:not(.kicker):not(.animal-door-note){font-size:16px;line-height:1.48}.door .door-card>a.btn{font-size:14px;padding:10px 15px}.animal-door-stage.active canvas{filter:drop-shadow(0 4px 3px rgba(0,0,0,.3))}@media(max-width:680px){.door .door-card{max-width:100%;padding:20px;background:rgba(8,28,17,.28)}.door .door-card h2{font-size:30px}.door .door-card>p:not(.kicker):not(.animal-door-note){font-size:14px}}
.door-card{position:relative}.robin-final{position:absolute;right:8px;top:-126px;z-index:6;display:flex;align-items:flex-end;gap:8px;opacity:0;visibility:hidden;transform:translateY(18px) scale(.88);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s;pointer-events:none}.robin-final.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:0s}.robin-final-bird{width:108px;height:92px;overflow:hidden;border-radius:52% 52% 46% 48%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));transform-origin:50% 90%}.robin-final-bird img{width:100%;height:100%;object-fit:cover;object-position:54% 50%;mix-blend-mode:screen}.robin-final.visible .robin-final-bird{animation:robin-look 3.2s ease-in-out .45s infinite}.robin-final p{position:relative;max-width:190px;margin:0 0 42px;padding:10px 14px;border:2px solid #173d27;border-radius:18px;background:#fff;color:#173d27;font-size:16px;font-weight:900;line-height:1.2;text-align:center;text-shadow:none!important;box-shadow:0 7px 20px rgba(0,0,0,.25)}.robin-final p:after{content:"";position:absolute;left:-10px;bottom:10px;width:16px;height:16px;background:#fff;border-left:2px solid #173d27;border-bottom:2px solid #173d27;transform:rotate(45deg)}@keyframes robin-look{0%,18%,100%{transform:scaleX(1) rotate(0)}30%,48%{transform:scaleX(-1) rotate(-2deg)}60%,78%{transform:scaleX(1) rotate(2deg)}}@media(max-width:680px){.robin-final{right:2px;top:-112px}.robin-final-bird{width:88px;height:76px}.robin-final p{max-width:158px;margin-bottom:34px;font-size:14px;padding:8px 11px}}@media(prefers-reduced-motion:reduce){.robin-final.visible .robin-final-bird{animation:none}}