.den{display:none}html.den-pending{overflow:hidden}html.den-pending .den{z-index:300;color:var(--ink);background:var(--bg);-webkit-mask:radial-gradient(circle at var(--paw-x,50%) var(--paw-y,50%), transparent var(--hole), #000 calc(var(--hole) + 1px));-webkit-mask:radial-gradient(circle at var(--paw-x,50%) var(--paw-y,50%), transparent var(--hole), #000 calc(var(--hole) + 1px));mask:radial-gradient(circle at var(--paw-x,50%) var(--paw-y,50%), transparent var(--hole), #000 calc(var(--hole) + 1px));--hole:0px;animation:den-in .36s var(--ease) both;grid-template-rows:1fr auto auto;justify-items:center;padding:24px 16px 40px;display:grid;position:fixed;inset:0}@property --hole{syntax:"<length>";inherits:false;initial-value:0}@keyframes den-in{0%{opacity:0}to{opacity:1}}.den.is-revealing{--hole:160vmax;transition:--hole .76s cubic-bezier(.7,0,.2,1)}.den.is-leaving{opacity:0;transition:opacity .2s var(--ease)}.den__gl{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;inset:0}.den.has-gl .den__gl{opacity:1}.den__floor{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--ink) 4%, transparent));pointer-events:none;height:42%;position:absolute;bottom:0;left:0;right:0}.den.has-gl .den__floor{opacity:0}.den__stage{aspect-ratio:1;align-self:end;width:min(68vw,300px);margin-bottom:8px;position:relative}.den__shadow{height:9%;transition:transform .5s var(--ease);background:radial-gradient(closest-side,#00000029,#0000);border-radius:50%;position:absolute;bottom:2%;left:14%;right:14%}.den.has-gl .den__shadow{opacity:0}.den__cat{cursor:pointer;width:100%;height:100%;color:var(--ink);background:0 0;border:0;border-radius:40%;padding:0;transition:transform .52s cubic-bezier(.3,1.4,.5,1);display:block;position:relative}.den__cat .leopard{width:100%;height:100%}.den__cat .lp-ground{display:none}:is(.den__cat:focus-visible,.den__paw-hit:focus-visible){outline:none}.den.is-kbd .den__cat:focus-visible{outline:2px dashed var(--blue);outline-offset:6px}.den__cat:disabled{cursor:default}.den[data-stage=greet] .den__cat{animation:.52s cubic-bezier(.2,.8,.2,1) both den-settle}@keyframes den-settle{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.den[data-stage=reach] .den__cat{animation:.46s cubic-bezier(.3,1.5,.5,1) both den-bounce}@keyframes den-bounce{0%{transform:translateY(0)}40%{transform:translateY(-10px)}to{transform:translateY(0)}}.den[data-stage=reach] .leopard .lp-head{animation:.6s ease-out both den-tilt}@keyframes den-tilt{0%{transform:rotate(0)}60%{transform:rotate(-9deg)}to{transform:rotate(-6deg)}}.den__paw-hit{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:max(88px,36%);position:absolute;top:41%;left:79%;transform:translate(-50%,-50%)}.den.is-kbd .den__paw-hit:focus-visible{outline:2px dashed var(--blue);outline-offset:-10px}.den__paw-hit[aria-disabled=true]{cursor:default}.den[data-stage=reach] .den__paw-hit:after{content:"";border:1.5px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;animation:1.6s ease-out .5s infinite den-ping;position:absolute;inset:24%}@keyframes den-ping{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}.den[data-stage=five] .den__cat{transition:transform .24s var(--ease);transform:scale(1.03)}.den[data-stage=five] .leopard .lp-arm--r{animation:.3s cubic-bezier(.3,1.6,.5,1) both den-five}@keyframes den-five{0%{transform:rotate(0)scale(1)}45%{transform:rotate(-10deg)scale(1.16)}to{transform:rotate(-4deg)scale(1.05)}}.den__burst{pointer-events:none;width:0;height:0;position:absolute;top:41%;left:79%}.den__burst svg{width:22px;max-width:none;height:22px;fill:var(--ink);opacity:0;animation:.76s cubic-bezier(.2,.7,.2,1) 60ms forwards den-burst;position:absolute;top:-11px;left:-11px}.den__burst svg:nth-child(2n){fill:#f5c66b;stroke:#111;stroke-width:2.5px;stroke-linejoin:round;width:20px;height:20px;top:-10px;left:-10px}@keyframes den-burst{0%{opacity:0;transform:rotate(var(--a)) translateX(10px) rotate(calc(-1 * var(--a))) scale(.4)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) rotate(calc(-1 * var(--a))) scale(1)}}.den__copy{text-align:center;gap:6px;min-height:64px;display:grid}.den__hint{letter-spacing:-.02em;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:300}.den__help{color:var(--ink-3);font-size:.8125rem}.den__skip{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.875rem;display:inline-flex;position:absolute;top:16px;right:16px}.den__skip:hover{border-color:var(--line-strong)}.den__brand{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.6875rem;position:absolute;top:28px;left:20px}@media (max-width:479px){.den__brand{display:none}}@media (prefers-reduced-motion:reduce){.den[data-stage] .den__cat,.den[data-stage] .den__shadow,.den .leopard *{animation:none!important}.den[data-stage] .den__cat{transform:none!important}.den__burst,.den__paw-hit:after{display:none}.den.is-revealing{opacity:0;--hole:0px;transition:opacity .2s linear}}