:root{--pink: #ffd1e1;--pink-light: #ffeaf1;--ink: #3a1626}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(70% 60% at 50% 45%,var(--pink-light),var(--pink) 72%) var(--pink);overflow:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.stage{position:relative;height:100%;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:64px 4vw 2.5vh}.tally{position:absolute;top:max(14px,2.2vh);left:50%;z-index:3;margin:0;padding:8px 18px;transform:translate(-50%);border-radius:999px;background:#ffffffa6;color:var(--ink);font:600 15px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;pointer-events:none;user-select:none;-webkit-user-select:none}.tally b{font-size:22px;font-weight:800;margin-right:2px}.cat-btn{--avail: calc(97.5vh - 64px) ;width:min(100%,calc(var(--avail) * 524 / 706),660px);aspect-ratio:524 / 706;height:auto;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}@supports (height: 100svh){.cat-btn{--avail: calc(97.5svh - 64px) }}.cat-btn:focus-visible{outline:4px solid #fff;outline-offset:6px;border-radius:24px}.cat{position:relative;display:block;width:100%;height:100%;transform-origin:50% 100%;filter:drop-shadow(0 14px 12px rgb(80 20 50 / .25))}.layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.paw-left{transform-origin:14% 59%}.paw-right{transform-origin:85% 37%}.spark{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;opacity:0;pointer-events:none}.spark i{position:absolute;left:50%;top:50%;width:7%;height:46%;margin-left:-3.5%;border-radius:99px;background:#fff;box-shadow:0 0 0 3px #3a1626;transform-origin:50% 0}.spark i:nth-child(1){transform:rotate(0) translateY(30%)}.spark i:nth-child(2){transform:rotate(60deg) translateY(30%)}.spark i:nth-child(3){transform:rotate(120deg) translateY(30%)}.spark i:nth-child(4){transform:rotate(180deg) translateY(30%)}.spark i:nth-child(5){transform:rotate(240deg) translateY(30%)}.spark i:nth-child(6){transform:rotate(300deg) translateY(30%)}@media(prefers-reduced-motion:reduce){.spark{display:none}}