:root{color:#181713;font-synthesis:none;background:#f7c948;font-family:Arial Rounded MT Bold,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,#ffffff8c,#0000 24rem),#f7c948;place-items:center;min-width:320px;min-height:100vh;margin:0;padding:24px;transition:background .5s;display:grid;overflow-x:hidden}.flying-friend{z-index:20;top:var(--flight-top);aspect-ratio:1;pointer-events:none;width:clamp(130px,20vw,240px);animation:fly-right var(--flight-duration) cubic-bezier(.22, .7, .35, 1) forwards;position:fixed;left:0}.flying-friend img{z-index:1;object-fit:cover;object-position:50% 32%;border:5px solid #fffdf5;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:8px 8px #181713}.flying-friend.on-broom:after{content:"🧹";z-index:0;font-size:clamp(100px,18vw,210px);line-height:1;position:absolute;bottom:-23%;right:-30%;transform:rotate(-18deg)}.flying-friend.on-broom img{animation:.45s ease-in-out infinite alternate broom-bob}.flying-friend.from-right{animation-name:fly-left;left:auto;right:0}.flying-friend.from-right.on-broom:after{left:-30%;right:auto;transform:scaleX(-1)rotate(-18deg)}body[data-stage=final]{background:#25231f}.card{text-align:center;background:#fffdf5;border:3px solid #181713;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;width:min(680px,100%);min-height:min(720px,100vh - 48px);padding:clamp(32px,8vw,72px);display:flex;box-shadow:12px 12px #181713}h1{letter-spacing:-.05em;max-width:560px;margin:0;font-size:clamp(32px,7vw,60px);line-height:1.05}.counter{align-items:baseline;gap:12px;margin:26px 0 12px;display:flex}.counter strong{letter-spacing:-.08em;font-size:clamp(80px,22vw,170px);line-height:.9}.counter span{font-size:clamp(20px,4vw,32px);font-weight:700}.mood{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 10px #18171324);transform-origin:50% 70%;will-change:transform, filter;width:clamp(160px,42vw,270px);height:clamp(160px,42vw,270px);margin-top:22px}.motion-twitch{animation:twitch var(--motion-duration) steps(2, jump-none)}.motion-hop{animation:hop var(--motion-duration) cubic-bezier(.2, .8, .4, 1)}.motion-wobble{animation:wobble var(--motion-duration) ease-in-out}.motion-squish{animation:squish var(--motion-duration) ease-in-out}.motion-zoom{animation:zoom var(--motion-duration) cubic-bezier(.2, 1.4, .5, 1)}.motion-spin{animation:spin var(--motion-duration) ease-in-out}.caption{min-height:25px;margin:18px 0 0;font-size:clamp(15px,2.5vw,18px);font-weight:700}.sound-trigger{color:#fff;font:inherit;cursor:pointer;background:#e63b2e;border:3px solid #181713;border-radius:999px;margin-top:24px;padding:15px 22px;font-size:clamp(14px,2.5vw,17px);font-weight:800;animation:2.2s ease-in-out infinite invite;box-shadow:5px 5px #181713}.sound-trigger:hover{background:#ff503f;animation:none;transform:translate(-2px,-2px);box-shadow:7px 7px #181713}.sound-trigger:active{transform:translate(4px,4px);box-shadow:1px 1px #181713}.sound-trigger:focus-visible{outline-offset:4px;outline:4px solid #f7c948}[hidden]{display:none}@keyframes twitch{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-8px,5px)rotate(-8deg)}30%{transform:translate(9px,-5px)rotate(7deg)}45%{transform:translate(-6px,-2px)rotate(-5deg)}60%{transform:translate(8px,4px)rotate(6deg)}75%{transform:translate(-4px,2px)rotate(-3deg)}}@keyframes hop{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-42px)rotate(-6deg)scale(1.05)}65%{transform:translateY(4px)scale(1.08,.9)}}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)scale(1.06)}40%{transform:rotate(12deg)}60%{transform:rotate(-9deg)}80%{transform:rotate(6deg)}}@keyframes squish{0%,to{transform:scale(1)}25%{transform:scale(1.18,.78)translateY(18px)}55%{transform:scale(.82,1.22)translateY(-16px)}75%{transform:scale(1.08,.94)}}@keyframes zoom{0%,to{filter:drop-shadow(0 10px 10px #18171324);transform:scale(1)}45%{filter:drop-shadow(0 22px 16px #18171333);transform:scale(1.35)rotate(4deg)}}@keyframes spin{0%,to{transform:rotate(0)scale(1)}45%{transform:rotate(375deg)scale(.84)}70%{transform:rotate(350deg)scale(1.12)}}@keyframes invite{0%,82%,to{transform:rotate(0)scale(1)}87%{transform:rotate(-2deg)scale(1.04)}92%{transform:rotate(2deg)scale(1.04)}97%{transform:rotate(-1deg)scale(1.02)}}@keyframes fly-right{0%{transform:translate(calc(-100% - 24px))rotate(-18deg)scale(.75)}45%{transform:translate(48vw)rotate(8deg)scale(1.1)}to{transform:translate(calc(100vw + 100% + 24px))rotate(22deg)scale(.8)}}@keyframes fly-left{0%{transform:translate(calc(100% + 24px))rotate(18deg)scale(.75)}45%{transform:translate(-48vw)rotate(-8deg)scale(1.1)}to{transform:translate(calc(-100vw - 100% - 24px))rotate(-22deg)scale(.8)}}@keyframes broom-bob{0%{transform:translateY(-5px)rotate(-2deg)}to{transform:translateY(5px)rotate(2deg)}}@media (width<=520px){body{padding:14px}.card{border-radius:28px;min-height:calc(100vh - 28px);padding:32px 22px;box-shadow:7px 7px #181713}}@media (prefers-reduced-motion:reduce){.mood,.sound-trigger,.flying-friend{animation:none}.flying-friend{display:none}}