/* Deterministic Mr Duckington layer. No runtime-created element and no inherited background trick. */
#duckington-stage{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:block!important;
  visibility:visible!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#mr-duckington{
  position:absolute!important;
  bottom:-1.25rem!important;
  width:clamp(260px,24vw,390px)!important;
  height:clamp(390px,39vw,590px)!important;
  display:block!important;
  visibility:visible!important;
  opacity:0;
  animation:none!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:contain!important;
  filter:drop-shadow(0 30px 48px rgba(0,0,0,.88))!important;
  transform-origin:50% 92%;
  isolation:isolate;
  mix-blend-mode:normal!important;
}
#mr-duckington[data-side="left"]{left:clamp(.5rem,2vw,2.2rem)!important;right:auto!important}
#mr-duckington[data-side="right"]{right:clamp(.5rem,2vw,2.2rem)!important;left:auto!important}
#mr-duckington::before{
  content:''!important;
  display:block!important;
  position:absolute;
  top:10%;
  right:-3%;
  width:62%;
  height:34%;
  z-index:2;
  background:radial-gradient(ellipse at center,rgba(7,5,5,.98) 0 58%,rgba(7,5,5,.9) 72%,transparent 88%)!important;
  filter:blur(5px)!important;
  animation:none!important;
}
#mr-duckington::after{content:none!important;display:none!important;animation:none!important}
.duckington-placard{
  position:absolute;
  z-index:3;
  top:15%;
  right:-1%;
  width:59%;
  min-height:5.15rem;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.72rem .8rem;
  box-sizing:border-box;
  white-space:pre-line;
  text-align:center;
  color:#ead9bb;
  font:600 clamp(.72rem,1.15vw,1.08rem)/1.02 'IM Fell English',serif;
  letter-spacing:.055em;
  text-transform:uppercase;
  background:
    linear-gradient(92deg,rgba(255,255,255,.035),transparent 12% 83%,rgba(0,0,0,.22)),
    repeating-linear-gradient(4deg,rgba(35,19,10,.2) 0 2px,rgba(98,62,32,.08) 2px 5px),
    linear-gradient(145deg,#4c2f18,#24150c 54%,#513119);
  border:2px solid rgba(20,10,6,.92);
  outline:1px solid rgba(155,105,57,.3);
  box-shadow:0 17px 30px rgba(0,0,0,.62),inset 0 0 0 2px rgba(119,76,38,.18),inset 0 0 25px rgba(0,0,0,.58);
  transform:rotate(3deg);
  text-shadow:0 2px 1px #130a06,0 0 8px rgba(0,0,0,.82);
}
#mr-duckington[data-side="right"] .duckington-placard{right:auto;left:-2%;transform:rotate(-3deg)}
#mr-duckington[data-side="right"]::before{right:auto;left:-4%}
#mr-duckington.is-entering{animation:duckington-arrive 1.3s cubic-bezier(.16,.78,.16,1) forwards!important}
#mr-duckington.is-present{opacity:.96;transform:translate3d(0,0,0) rotate(-1deg);animation:none!important}
#mr-duckington.is-leaving{animation:duckington-melt 1.85s ease-in forwards!important}
@keyframes duckington-arrive{0%{opacity:0;transform:translate3d(var(--duck-enter,18vw),5vh,0) rotate(7deg) scale(.76);filter:blur(9px)}100%{opacity:.96;transform:translate3d(0,0,0) rotate(-1deg) scale(1);filter:drop-shadow(0 30px 48px rgba(0,0,0,.88))}}
@keyframes duckington-melt{0%{opacity:.96;transform:translate3d(0,0,0) rotate(-1deg) scale(1);filter:drop-shadow(0 30px 48px rgba(0,0,0,.88))}100%{opacity:0;transform:translate3d(0,72vh,0) rotate(4deg) scaleX(.7) scaleY(2.65);filter:blur(13px)}}
body[data-duckington-status="error"] #duckington-stage::after{
  content:'MR DUCKINGTON FAILED TO ARRIVE';position:absolute;right:1rem;bottom:1rem;padding:.65rem .8rem;border:1px solid #7d1822;background:#090606;color:#d8cfc1;font:600 .62rem Inter,sans-serif;letter-spacing:.12em
}
.intrusion-stage>.duck-event,.duck-apparition,#duckington-direct-stage{display:none!important}
@media(max-width:760px){#mr-duckington{width:220px!important;height:340px!important;bottom:-1rem!important}#mr-duckington[data-side="left"]{left:-1.2rem!important}#mr-duckington[data-side="right"]{right:-1.2rem!important}.duckington-placard{min-height:3.9rem;padding:.45rem;font-size:.64rem}}
