.box-cat svg{width:100%;height:auto;display:block;overflow:visible}.box-cat svg *{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.box-cat .head,.box-cat .ear,.box-cat .paws ellipse,.box-cat .white{fill:var(--paper)}.box-cat .pupil,.box-cat .nose{fill:var(--ink);stroke:none}.box-cat .mouth,.box-cat .whisker,.box-cat .eyes-x path,.box-cat .eyes-happy path,.box-cat .eyelid{fill:none}.box-cat .whisker{stroke-width:1.25px}.box-cat .eyelid{stroke-width:3.5px}.box-cat .face,.box-cat .flap.left,.box-cat .flap.right,.box-cat .lid path{fill:var(--kraft)}.box-cat .flap.back{fill:var(--kraft-dark)}.box-cat .seam{fill:none;stroke-width:1.25px;stroke-dasharray:3 3}.box-cat .label{fill:var(--ink);stroke:none;font-family:var(--mono);letter-spacing:.14em;text-anchor:middle;opacity:.55;font-size:7px}.box-cat .lid .tape{fill:var(--paper);opacity:.8}.box-cat .sign rect{fill:var(--paper);stroke:currentColor;stroke-width:3px}.box-cat .sign text{fill:currentColor;stroke:none;font-family:var(--mono);letter-spacing:.14em;text-anchor:middle;font-size:11px;font-weight:500}.box-cat .sign.dead{color:var(--dead)}.box-cat .sign.cope{color:var(--cope)}.box-cat .sign.alive{color:var(--alive)}.box-cat .sign{transform-origin:80px 74px;transform:rotate(-8deg)}.box-cat .ghost path{fill:none;stroke-width:1.5px;opacity:.55}.box-cat .ghost path:first-child{fill:var(--paper)}.box-cat .dots circle{fill:var(--ink);stroke:none;opacity:0}.box-cat .cat,.box-cat .paws{transition:transform .6s cubic-bezier(.5,0,.3,1.3),opacity .3s}.box-cat .lid,.box-cat .flap.left,.box-cat .flap.right{transition:opacity .35s}.box-cat .lid{opacity:0}.box-cat .eye{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite box-blink}.box-cat .eye:last-child{animation-delay:40ms}.box-cat .ear{transform-box:fill-box;transform-origin:bottom}.box-cat .ear.right{animation:7s 2s infinite box-twitch}.box-cat .pupil{transition:transform .25s}.box-cat.is-reading .pupil{transform:translate(2.5px,2.5px)}.box-cat.is-reading .eye{animation:none}.box-cat.is-looking .cat,.box-cat.is-closed .cat{transform:translateY(58px)}.box-cat.is-looking .paws,.box-cat.is-closed .paws{opacity:0;transform:translateY(10px)}.box-cat.is-looking .lid,.box-cat.is-closed .lid{opacity:1}.box-cat.is-looking .flap.left,.box-cat.is-looking .flap.right,.box-cat.is-closed .flap.left,.box-cat.is-closed .flap.right,.box-cat.is-looking .lid .tape{opacity:0}.box-cat.is-looking .dots circle{animation:1.4s infinite box-dots}.box-cat.is-looking .dots circle:nth-child(2){animation-delay:.2s}.box-cat.is-looking .dots circle:nth-child(3){animation-delay:.4s}.box-cat.is-looking .dots{transform:translateY(-14px)}.box-cat.is-looking svg{transform-origin:50% 100%;animation:3s infinite box-wobble}.box-cat.is-empty .cat{transform:translateY(58px)}.box-cat.is-empty .paws{opacity:0;transform:translateY(10px)}.box-cat.is-empty .cat,.box-cat.is-empty .paws{transition-duration:.25s}.box-cat.is-verdict .paws{transform:translateY(-4px)}.box-cat .ghost{animation:3.5s ease-in-out infinite box-float}@keyframes box-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes box-twitch{0%,94%,to{transform:rotate(0)}96%{transform:rotate(10deg)}98%{transform:rotate(-4deg)}}@keyframes box-dots{0%,to{opacity:.15}40%{opacity:1}}@keyframes box-wobble{0%,86%,to{transform:rotate(0)}89%{transform:rotate(-2deg)}92%{transform:rotate(2deg)}95%{transform:rotate(-1deg)}}@keyframes box-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stage{border-bottom:1px solid var(--line);height:7.25rem;margin-top:.5rem;position:relative}.stage-box{z-index:1;cursor:pointer;width:7.5rem;position:absolute;bottom:-.3rem;left:0}.roamer{opacity:0;pointer-events:none;cursor:pointer;will-change:transform;z-index:2;width:5.25rem;position:absolute;bottom:-.1rem;left:0}.roamer.out{pointer-events:auto}.roamer-flip{transition:transform .18s}.roamer-flip.left{transform:scaleX(-1)}.roamer svg{width:100%;height:auto;display:block;overflow:visible}.roamer svg *{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.roamer .body,.roamer .skull,.roamer .ear,.roamer .leg{fill:var(--paper)}.roamer .leg.far{fill:var(--chip)}.roamer .tail{fill:none;stroke-width:5px}.roamer .eyes circle,.roamer .nose{fill:var(--ink);stroke:none}.roamer .whisker{fill:none;stroke-width:1.1px}.roamer .leg{transform-box:fill-box;transform-origin:50% 12%}.roamer .tail{transform-box:fill-box;transform-origin:100% 100%;animation:2.4s ease-in-out infinite roam-tail}.roamer .eyes{transform-box:fill-box;transform-origin:50%;animation:4s infinite box-blink}.roamer.walking .leg.near.f,.roamer.walking .leg.far.b{animation:.42s ease-in-out infinite roam-step}.roamer.walking .leg.near.b,.roamer.walking .leg.far.f{animation:.42s ease-in-out infinite reverse roam-step}.roamer.walking svg{animation:.21s ease-in-out infinite alternate roam-bob}.roamer.jump .leg.f{transform:rotate(-38deg)}.roamer.jump .leg.b{transform:rotate(38deg)}.roamer.sitting .head{transform-box:view-box;transform-origin:95px 40px;animation:2.6s ease-in-out infinite roam-look}@keyframes roam-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes roam-bob{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}@keyframes roam-tail{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes roam-look{0%,35%,to{transform:rotate(0)}50%,80%{transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.box-cat *,.box-cat svg,.roamer *,.roamer svg{transition:none!important;animation:none!important}.box-cat.is-looking .dots circle{opacity:.6}}