:root{--jade: #0d2e23;--jade2: #174635;--moss: #6f9a34;--lime: #c8ef5a;--cream: #f6f5e2;--pink: #f06290;--pink2: #ff9cba;--bee: #ffc61a;--warn: #ff5a4a;--font: "Avenir Next Condensed", "DIN Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--leaf: 22px 4px 22px 4px}html,body{background:var(--jade);color:var(--cream);font-family:var(--font)}.stage{background:var(--jade)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.leafbtn{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--leaf);background:#0d2e239e;border:1.5px solid rgba(200,239,90,.55);color:var(--lime);text-decoration:none;box-shadow:0 4px 14px #00000040;transition:transform .15s ease,background .2s ease}.leafbtn.mute{border-radius:4px 22px}.leafbtn:active{transform:scale(.9) rotate(-4deg);background:#c8ef5a38}.leafbtn 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:#c8ef5a8c}.tally{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:0;min-width:0}.scoreline{display:flex;align-items:baseline;gap:6px}.score{font-size:44px;line-height:1;font-weight:800;letter-spacing:.02em;color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(13,46,35,.8),0 4px 16px rgba(0,0,0,.35);transition:transform .22s cubic-bezier(.2,1.7,.4,1);display:inline-block}.score.pop{transform:scale(1.18)}.mult{font-size:20px;font-weight:800;padding:1px 8px 2px;border-radius:10px 2px;color:var(--jade);background:var(--lime);box-shadow:0 2px 8px #0000004d;transform-origin:left center}.mult.pop{animation:multpop .45s cubic-bezier(.2,1.8,.4,1)}@keyframes multpop{0%{transform:scale(.4) rotate(-12deg)}to{transform:scale(1) rotate(0)}}.belly{display:flex;align-items:center;gap:6px;width:min(210px,52vw)}.bellyicon{width:20px;height:20px;flex:none;fill:var(--cream)}.bellyicon .w{fill:none;stroke:var(--cream);stroke-width:1.2;opacity:.7}.track{position:relative;flex:1;height:12px;border-radius:8px 2px;background:#06161099;border:1.5px solid rgba(246,245,226,.55);overflow:hidden}.fill{position:absolute;inset:0;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#7fd04a,var(--lime));transition:background .3s ease}.fill:after{content:"";position:absolute;left:0;right:0;top:1px;height:3px;border-radius:3px;background:#ffffff59}.belly.low .fill{background:linear-gradient(90deg,var(--warn),#ffa04a)}.belly.low{animation:rumble .5s ease-in-out infinite}.belly.low .bellyicon{fill:var(--warn)}@keyframes rumble{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}.stings{display:flex;gap:7px}.stings i{width:15px;height:15px;border-radius:10px 2px;background:var(--lime);box-shadow:0 1px 4px #00000059;position:relative;transition:all .3s ease}.stings i.out{background:transparent;border:1.6px solid var(--warn);box-shadow:none}.stings i.out:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--warn);transform:rotate(45deg)}.stings i.hit{animation:hit .5s ease}@keyframes hit{0%,to{scale:1}40%{scale:1.9}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:calc(60px + var(--safe-t)) 24px calc(120px + var(--safe-b));background:radial-gradient(ellipse 85% 42% at 50% 40%,#081e16b8,#081e1633 72%,#081e1600)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:scale(1.04)}}.title h1{margin:0;font-size:clamp(76px,27vw,116px);line-height:.9;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--lime);text-shadow:0 4px 0 #2f5d1e,0 8px 24px rgba(0,0,0,.4);display:flex}.title h1 span{display:inline-block;animation:hop 2.6s cubic-bezier(.3,1.6,.5,1) infinite}.title h1 span:nth-child(2){animation-delay:.08s;color:#a9e24e}.title h1 span:nth-child(3){animation-delay:.16s;color:#8fd64a}.title h1 span:nth-child(4){animation-delay:.24s;color:var(--pink);text-shadow:0 4px 0 #7a1f3d,0 8px 24px rgba(0,0,0,.4)}@keyframes hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-10px) rotate(-3deg)}}.sub{margin:6px 0 0;font-size:19px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cream)}.legend{display:flex;gap:12px;margin:18px 0 8px}.legend figure{margin:0;width:118px;height:62px;display:grid;place-items:center;border-radius:var(--leaf);border:1.5px solid rgba(200,239,90,.45);background:#081e16a8}.legend figure+figure{border-radius:4px 22px}.legend svg{width:100px;height:50px;overflow:visible}.legend .tongue{fill:none;stroke:var(--pink);stroke-width:3.2;stroke-linecap:round}.legend .tip{fill:var(--pink)}.legend .wing{fill:#ebf8ffb3}.legend .fbody{fill:#2b4a52}.legend .eye{fill:#c03038}.legend .bwing{fill:#f0faffbf}.legend .bbody{fill:var(--bee);stroke:#1a1408;stroke-width:1.4}.legend .stripe{stroke:#1a1408;stroke-width:2.6}.legend .bhead,.legend .sting{fill:#1a1408}.legend .ok{fill:none;stroke:var(--lime);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.legend .x{stroke:var(--warn);stroke-width:3.6;stroke-linecap:round}.cta{margin-top:14px;font-size:18px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.best{margin-top:6px;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.card{left:50%;top:47%;width:min(300px,calc(100% - 48px));transform:translate(-50%,-44%) rotate(-2deg);opacity:0;padding:24px 22px 20px;border-radius:56px 10px;background:linear-gradient(160deg,#1e523af5,#0a241bf7);border:2px solid rgba(200,239,90,.6);box-shadow:0 22px 60px #00000080,inset 0 2px #c8ef5a33;transition:opacity .35s ease,transform .55s cubic-bezier(.2,1.5,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%) rotate(0)}.eyebrow{font-size:15px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pink2)}.big{font-size:84px;font-weight:800;line-height:1;margin-top:4px;color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:0 4px 0 rgba(6,22,16,.8)}.label{font-size:16px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#f6f5e2bf}.newbest{display:inline-block;margin-top:10px;padding:5px 16px 6px;border-radius:14px 3px;font-size:16px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#3a0e1e;background:linear-gradient(180deg,var(--pink2),var(--pink));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;padding-top:10px;border-top:1.5px dashed rgba(200,239,90,.35);display:grid;gap:4px}.row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.row b{font-size:24px;letter-spacing:.02em;color:var(--cream);font-weight:800}.paused{inset:0;display:grid;place-items:center;background:#081e169e}.toast{position:absolute;z-index:2;left:50%;top:calc(132px + var(--safe-t));pointer-events:none;opacity:0;transform:translate(-50%,-12px) rotate(-3deg) scale(.7);padding:6px 18px 7px;border-radius:14px 3px;font-size:17px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#3a0e1e;background:linear-gradient(180deg,#ffe48a,var(--bee));box-shadow:0 6px 18px #00000059;transition:opacity .25s ease,transform .45s cubic-bezier(.2,1.7,.4,1)}.toast.show{opacity:1;transform:translate(-50%) rotate(-2deg) scale(1)}.card{overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.5;background:linear-gradient(118deg,transparent 49.4%,rgba(200,239,90,.16) 49.6%,rgba(200,239,90,.16) 50.4%,transparent 50.6%),repeating-linear-gradient(28deg,transparent 0 34px,rgba(200,239,90,.05) 34px 36px)}.card:after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,230,.16),transparent);transform:skew(-14deg)}.card.show:after{animation:sheen 1.2s .35s ease-out both}@keyframes sheen{to{left:130%}}.card>*{position:relative}.card.record{border-color:#ffd65ad9;box-shadow:0 22px 60px #00000080,0 0 40px #ffc85040,inset 0 2px #ffdc784d}.card.record .big{color:#fff3c4}.mult{margin-left:4px}@media(max-height:680px){.legend{margin:10px 0 4px}.title h1{font-size:clamp(64px,22vw,96px)}.title{padding-bottom:calc(90px + var(--safe-b))}}@media(prefers-reduced-motion:reduce){.cta,.title h1 span,.newbest,.belly.low,.card.show:after{animation:none;opacity:1}.card:after{display:none}.score{transition:none}}