/* Corgi radar (behind the $CORGI hero) + roaming Corgi. Decorative, never blocks clicks. */
.cr-radar{position:absolute;left:50%;top:50%;width:min(980px,150vw);aspect-ratio:1;translate:-50% -50%;z-index:2;pointer-events:none;opacity:.72}
.cr-disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(242,193,78,.07) 0%,rgba(242,193,78,.02) 55%,transparent 70%);
  -webkit-mask:radial-gradient(circle,#000 58%,transparent 71%);mask:radial-gradient(circle,#000 58%,transparent 71%)}
.cr-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(242,193,78,.28)}
.cr-ring.r1{width:24%;height:24%}.cr-ring.r2{width:48%;height:48%}.cr-ring.r3{width:72%;height:72%;border-style:dashed;border-color:rgba(242,193,78,.2)}.cr-ring.r4{width:96%;height:96%;border-color:rgba(242,193,78,.35)}
.cr-axis{position:absolute;left:50%;top:2%;bottom:2%;width:1px;background:linear-gradient(transparent,rgba(242,193,78,.18),transparent)}.cr-axis.ax2{rotate:90deg}
.cr-beam{position:absolute;inset:2%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 280deg,rgba(242,193,78,.05) 310deg,rgba(242,193,78,.2) 350deg,rgba(255,231,163,.6) 359.5deg,transparent 360deg);will-change:transform;transform:rotate(0deg)}
.cr-blip{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#f2c14e;opacity:.35;box-shadow:0 0 6px #f2c14e}
.cr-blip.big{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:#ffe7a3}
.cr-blip.ping{animation:crPing 2.2s ease-out}
.cr-blip.ping::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid #ffe7a3;animation:crRing 1.4s ease-out forwards}
.cr-tag{position:absolute;left:50%;bottom:16%;translate:-50% 0;font:400 10px var(--pix,monospace);letter-spacing:.2em;color:rgba(255,231,163,.55);white-space:nowrap}
@keyframes crPing{0%{opacity:1;transform:scale(1.8);box-shadow:0 0 16px 4px #f2c14e}100%{opacity:.35;transform:scale(1)}}
@keyframes crRing{to{inset:-22px;opacity:0}}
/* roaming corgi */
.cr-layer{position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden}
.cr-dog{position:absolute;left:0;top:0;will-change:transform;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(242,193,78,.25))}
.cr-body{width:100%;height:100%;transform:scaleX(var(--dir,1));transition:transform .18s}
.cr-sh{fill:rgba(0,0,0,.35)}
.cr-leg{transform-box:fill-box;transform-origin:50% 8%}
.cr-dog.walk .cr-l1,.cr-dog.walk .cr-l4{animation:crLeg .34s ease-in-out infinite alternate}
.cr-dog.walk .cr-l2,.cr-dog.walk .cr-l3{animation:crLeg .34s ease-in-out infinite alternate-reverse}
.cr-dog.walk .cr-body svg{animation:crBob .17s ease-in-out infinite alternate}
.cr-tail{transform-box:fill-box;transform-origin:90% 60%;animation:crWag .5s ease-in-out infinite alternate}
.cr-head{transform-box:fill-box;transform-origin:20% 80%;transition:transform .35s}
.cr-dog.sniff .cr-head{animation:crSniff .38s ease-in-out infinite alternate}
.cr-dog.sit .cr-head{transform:rotate(-6deg)}
.cr-dog.sit .cr-tail{animation-duration:.25s}
.cr-tongue{opacity:0;transition:opacity .2s}.cr-dog.walk .cr-tongue,.cr-dog.sit .cr-tongue{opacity:1}
.cr-pulse{position:absolute;left:calc(50% + 34% * var(--dir,1));top:44%;width:10px;height:10px;margin:-5px;border-radius:50%;border:2px solid #ffe7a3;opacity:0}
.cr-pulse.go{animation:crPulse 1.3s ease-out 2}
.cr-say{position:absolute;left:50%;bottom:100%;translate:-50% -4px;padding:6px 10px;border-radius:10px;white-space:nowrap;font:400 10px/1.2 var(--pix,monospace);letter-spacing:.08em;
  color:#ffe7a3;background:rgba(8,17,12,.9);border:1px solid rgba(242,193,78,.5);box-shadow:0 0 14px rgba(242,193,78,.25);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.cr-dog.talk .cr-say{opacity:1;transform:none}
.cr-paw{position:absolute;width:7px;height:6px;margin:-3px;border-radius:50% 50% 45% 45%;background:rgba(242,193,78,.55);box-shadow:0 0 6px rgba(242,193,78,.4);animation:crPaw 1.9s ease-out forwards}
@keyframes crLeg{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
@keyframes crBob{to{transform:translateY(-2px)}}
@keyframes crWag{from{transform:rotate(-14deg)}to{transform:rotate(16deg)}}
@keyframes crSniff{from{transform:rotate(8deg) translateY(2px)}to{transform:rotate(14deg) translateY(4px)}}
@keyframes crPulse{0%{opacity:1;width:10px;height:10px;margin:-5px}100%{opacity:0;width:70px;height:70px;margin:-35px}}
@keyframes crPaw{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width:640px){.cr-radar{opacity:.42}.cr-tag{font-size:8px;bottom:18%}.cr-say{font-size:9px;padding:5px 8px}}
@media (prefers-reduced-motion:reduce){.cr-layer{display:none}.cr-blip.ping,.cr-blip.ping::after{animation:none}}