:root{--cream: #f6efe0;--cream2: #efe4cc;--ink: #3b2a20;--ink2: #6a4a34;--tomato: #d95b37;--moss: #5f8a4b;--sage: #86a75e;--sun: #ffd65a;--wool: #fbf6ea;--font: "Chalkboard SE", "Chalkboard", "Marker Felt", "Segoe Print", "Comic Neue", "Trebuchet MS", sans-serif}html,body{background:#92c8de;color:var(--ink);font-family:var(--font)}.stage{background:#d9c7a6}.patch{position:relative;background:var(--cream);border-radius:14px;box-shadow:0 2px #3b2a202e,0 4px 10px #3b2a202e}.patch:after{content:"";position:absolute;inset:4px;border-radius:10px;border:1.5px dashed rgba(217,91,55,.75);pointer-events:none}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.btn{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;color:var(--ink);text-decoration:none;border:0;padding:0;border-radius:50%;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.btn:after{border-radius:50%}.btn:active{transform:scale(.9) rotate(-4deg)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:currentColor;stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:#3b2a208c}.tally{display:flex;flex-direction:column;align-items:center;gap:6px}.score{display:flex;align-items:center;gap:6px;padding:6px 16px 6px 12px;min-width:84px;justify-content:center;font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;transform:rotate(-1.5deg);transition:transform .3s cubic-bezier(.2,1.8,.4,1)}.score.pop{transform:rotate(2deg) scale(1.18)}.score.gold{transform:rotate(-3deg) scale(1.32);background:#ffe9a0;transition:transform .35s cubic-bezier(.2,1.8,.4,1),background .5s ease}.ico{width:26px;height:26px}.ico .wool{fill:#fff;stroke:#a89878;stroke-width:1}.ico .face{fill:#3a3035}.flock{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:190px;padding:4px 8px;border-radius:99px;background:#f6efe0e6;box-shadow:0 2px 6px #3b2a202e}.flock:empty{display:none}.flock i{width:11px;height:11px;border-radius:50%;border:1.5px dashed var(--tomato);background:transparent;transition:background .3s ease,transform .3s cubic-bezier(.2,1.8,.4,1)}.flock i.in{background:var(--moss);border-style:solid;border-color:#3f6b3c;transform:scale(1.15)}.flock i.lost{position:relative;background:#3b2a2080;border-style:solid;border-color:#3b2a2099}.flock i.lost:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1.6px;margin-left:-.8px;background:var(--tomato);transform:rotate(45deg)}.flock i.lamb{width:8px;height:8px;margin-top:1.5px}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;align-items:center;justify-content:center;padding:calc(70px + var(--safe-t)) 22px calc(30px + var(--safe-b))}.title.fade{animation:lift .45s ease forwards}@keyframes lift{to{opacity:0;transform:translateY(-14px) rotate(-2deg)}}.title .board{position:relative;padding:22px 22px 18px;width:min(320px,100%);background:var(--cream);border-radius:22px;transform:rotate(-1.2deg);box-shadow:0 3px #3b2a2033,0 14px 34px #3b2a2052}.title .board:after{content:"";position:absolute;inset:7px;border-radius:16px;border:2px dashed rgba(217,91,55,.8)}.title h1{margin:0;font-size:clamp(56px,19vw,78px);line-height:1;font-weight:700;letter-spacing:.02em;color:var(--ink);text-shadow:0 3px 0 rgba(217,91,55,.35)}.sub{margin:4px 0 0;font-size:18px;color:var(--ink2)}.legend{margin:12px auto 4px;width:220px;max-width:100%}.legend svg{width:100%;height:auto;overflow:visible}.legend .track{fill:none;stroke:var(--tomato);stroke-width:2.2;stroke-dasharray:1 6;stroke-linecap:round;animation:march 1.2s linear infinite}@keyframes march{to{stroke-dashoffset:-14}}.legend .dog ellipse:first-child{fill:#c8743a}.legend .dhead{fill:#c8743a}.legend .snout{fill:#f6e7c8}.legend .sheep circle{fill:#fff;stroke:#a89878;stroke-width:.8}.legend .sface{fill:#3a3035}.legend .fence{fill:#e6cd8f;stroke:#7a4f2c;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.legend .cap{fill:var(--tomato)}.cta{margin-top:12px;font-size:18px;font-weight:700;color:var(--tomato);animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(-3px);opacity:1}}.best{margin-top:6px;font-size:15px;color:var(--ink2)}.card{left:50%;top:50%;width:min(290px,calc(100% - 48px));transform:translate(-50%,-44%) rotate(2deg);opacity:0;padding:24px 22px 20px;border-radius:22px;background:var(--cream);box-shadow:0 3px #1414284d,0 20px 50px #0a0a1e80;transition:opacity .35s ease,transform .55s cubic-bezier(.2,1.4,.4,1)}.card:after{content:"";position:absolute;inset:7px;border-radius:16px;border:2px dashed rgba(217,91,55,.8);pointer-events:none}.card.show{opacity:1;transform:translate(-50%,-50%) rotate(-1deg)}.card{overflow:hidden}.card:before{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;transform:skew(-18deg);background:linear-gradient(90deg,#ffecbe00,#ffecbe8c,#ffecbe00);pointer-events:none}.card.show:before{animation:sheen 1.1s .35s ease-out forwards}@keyframes sheen{to{left:130%}}.card .big{display:inline-block;transition:transform .35s cubic-bezier(.2,1.8,.4,1)}.card.done .big{transform:scale(1.08) rotate(-2deg)}.card .newbest{transform:scale(0);animation:none}.card.done .newbest{animation:spring .5s cubic-bezier(.2,1.8,.4,1) forwards,wiggle 1.2s .5s ease-in-out infinite}@keyframes spring{0%{transform:scale(0) rotate(-12deg)}to{transform:scale(1) rotate(-3deg)}}.eyebrow{font-size:16px;color:var(--ink2)}.big{font-size:80px;font-weight:700;line-height:1;margin-top:4px;color:var(--ink);text-shadow:0 3px 0 rgba(217,91,55,.3)}.label{font-size:17px;color:var(--ink2)}.newbest{display:inline-block;margin-top:10px;padding:6px 16px;border-radius:99px;font-size:16px;font-weight:700;color:#3b2a20;background:var(--sun);box-shadow:0 2px #3b2a2040;outline:1.5px dashed rgba(59,42,32,.5);outline-offset:-5px;animation:wiggle 1.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.06)}}.rows{margin:14px 4px 0;border-top:2px dashed rgba(106,74,52,.35);padding-top:8px}.row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 6px;font-size:17px;color:var(--ink2)}.row b{font-size:24px;color:var(--ink)}.card .cta{margin-top:14px}.paused{inset:0;display:grid;place-items:center;background:#281e1473}.pill{padding:14px 26px;font-size:20px;font-weight:700;color:var(--ink)}@media(max-height:640px){.title .board{padding:16px 18px 14px}.legend{margin:6px auto 0;width:190px}.title h1{font-size:54px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .track{animation:none;opacity:1}.score{transition:none}.card.show:before{animation:none}.card .newbest{transform:none}.card.done .newbest{animation:none}}