:root{--cream: #fff8ec;--honey: #f2b45c;--apricot: #ef8f6a;--rose: #d86f86;--plum: #4b2337;--ink: #5a2c35;--glass: rgba(255, 246, 232, .72);--font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Nunito", "Quicksand", "Segoe UI", system-ui, sans-serif}html,body{background:#3c2433}body{font-family:var(--font);color:var(--cream)}.stage{background:#f4bd7f}.bar{position:absolute;z-index:5;left:0;right:0;top:0;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.chip{pointer-events:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.7);background:#fff6e861;color:var(--ink);box-shadow:0 4px 14px #5a1e282e,inset 0 1px #fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s cubic-bezier(.3,1.6,.5,1),background .2s;text-decoration:none;padding:0}.chip:active{transform:scale(.88)}.chip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.chip .spk{fill:currentColor;stroke-width:1.6}#mute .cross{display:none}#mute[aria-pressed=true] .cross{display:inline}#mute[aria-pressed=true] .wave{display:none}#mute[aria-pressed=true]{opacity:.75}.score{margin-top:2px;text-align:center;line-height:1;position:relative;font-weight:800;font-size:46px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--cream);text-shadow:0 2px 0 rgba(160,70,60,.35),0 6px 22px rgba(120,40,50,.35)}.score.bump #scoreNum{display:inline-block;animation:bump .28s cubic-bezier(.3,1.8,.5,1)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.score.mile #scoreNum{display:inline-block;animation:mile .8s cubic-bezier(.3,1.6,.5,1)}@keyframes mile{0%{transform:scale(1);color:var(--cream)}25%{transform:scale(1.32) rotate(-3deg);color:#fff1b8;text-shadow:0 2px 0 rgba(200,110,60,.5),0 0 26px rgba(255,214,140,.9)}to{transform:scale(1);color:var(--cream)}}.mult{display:block;margin:6px auto 0;width:max-content;padding:3px 9px;border-radius:99px;font-size:13px;font-weight:800;letter-spacing:.04em;text-shadow:none;color:#fff;background:linear-gradient(90deg,#ff8fc6,#ffc768,#7fd6ff);box-shadow:0 2px 8px #78283c40}.title{position:absolute;z-index:3;left:0;right:0;top:calc(16% + var(--safe-t));text-align:center;pointer-events:none;transition:opacity .45s ease,transform .55s cubic-bezier(.4,0,.2,1)}.title.gone{opacity:0;transform:translateY(-30px) scale(.96)}.mark{margin:0;font-weight:900;font-size:clamp(76px,25vw,112px);line-height:.9;letter-spacing:-.03em;color:var(--cream);text-shadow:0 3px 0 #e79a6f,0 7px 0 rgba(176,82,82,.55),0 18px 34px rgba(110,40,60,.4)}.mark span{display:inline-block;animation:float 3.2s ease-in-out infinite}.mark span:nth-child(2){animation-delay:-.4s}.mark span:nth-child(3){animation-delay:-.8s}.mark span:nth-child(4){animation-delay:-1.2s}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}.tag{margin:14px auto 0;width:max-content;padding:7px 16px;border-radius:99px;font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 18px #78283c2e}.best{margin:12px 0 0;font-size:15px;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 6px rgba(110,40,60,.5)}.best b{font-size:18px}.hint{position:absolute;z-index:3;left:50%;bottom:calc(14% + var(--safe-b));width:170px;margin-left:-85px;pointer-events:none;transition:opacity .4s ease;filter:drop-shadow(0 4px 10px rgba(110,40,60,.3))}.hint.gone{opacity:0}.hint svg{width:100%;height:auto;overflow:visible}.h-hand{animation:hand 2.8s cubic-bezier(.45,0,.3,1) infinite;transform-origin:40px 120px}.h-ring{animation:ring 2.8s ease-out infinite;transform-origin:40px 120px;opacity:0}.h-air path{stroke-dasharray:8 40;animation:air 2.8s linear infinite;opacity:0}.h-air path:nth-child(2){animation-delay:.12s}.h-air path:nth-child(3){animation-delay:.24s}.h-bubble{animation:hbub 2.8s cubic-bezier(.4,0,.3,1) infinite}@keyframes hand{0%{transform:translate(-14px,14px) scale(1);opacity:0}12%{opacity:1}24%{transform:translate(0) scale(1)}30%,72%{transform:translate(0) scale(.9)}80%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-8px,8px);opacity:0}}@keyframes ring{0%,28%{opacity:0;transform:scale(.6)}32%{opacity:.9}60%{opacity:0;transform:scale(1.7)}to{opacity:0}}@keyframes air{0%,30%{opacity:0;stroke-dashoffset:48}36%{opacity:1}72%{opacity:1;stroke-dashoffset:-60}80%,to{opacity:0;stroke-dashoffset:-60}}@keyframes hbub{0%,32%{transform:translate(100px,82px) scale(1)}40%{transform:translate(104px,79px) scale(.88,1.1)}50%{transform:translate(114px,64px) scale(1.06,.95)}75%{transform:translate(132px,34px) scale(1)}to{transform:translate(140px,18px) scale(1);opacity:0}}.over{position:absolute;z-index:6;inset:0;display:grid;place-items:start center;pointer-events:none;padding:calc(max(70px,15vh) + var(--safe-t)) var(--safe-r) var(--safe-b) var(--safe-l)}.over .card{pointer-events:auto;position:relative;width:min(78%,300px);padding:26px 22px 22px;border-radius:30px;text-align:center;color:var(--ink);background:linear-gradient(170deg,#fffaf0e6,#ffe8d6d6);border:1.5px solid rgba(255,255,255,.9);box-shadow:0 24px 60px #5a1e3259,inset 0 1px #fff;animation:cardIn .5s cubic-bezier(.25,1.5,.5,1) both}@keyframes cardIn{0%{transform:translateY(40px) scale(.85);opacity:0}to{transform:none;opacity:1}}.over p{margin:0}.label{font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#b06a5c}.big{font-size:68px;animation:bigIn .6s cubic-bezier(.3,1.7,.5,1) .15s both;font-weight:900;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#d0596f,#ef8f6a 60%,#e6a24e);-webkit-background-clip:text;background-clip:text;color:transparent}.stats{display:flex;justify-content:center;gap:18px;margin-top:4px;font-size:15px;font-weight:700;color:#8a4a4a}.stats b{color:var(--ink);font-size:17px;margin-left:3px}.stats i{display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:-1px}.ico-best{background:#f2b45c;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ico-dew{background:radial-gradient(circle at 35% 40%,#fff 0 20%,#8fd4ee 60%);border-radius:50%/60% 60% 40% 40%;clip-path:none}.ribbon{position:absolute;left:50%;top:-16px;transform:translate(-50%) rotate(-3deg);padding:6px 16px;border-radius:99px;font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#ff8fc6,#ffbe5c,#7fd6ff,#b99bff);box-shadow:0 6px 16px #a03c5a66;animation:ribbon 1.6s ease-in-out .3s infinite}@keyframes ribbon{0%,to{transform:translate(-50%) rotate(-3deg) scale(1)}50%{transform:translate(-50%) rotate(2deg) scale(1.07)}}.again{margin:18px auto 0;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:none;color:#fff;background:radial-gradient(circle at 35% 30%,#ffb38a,#e66f78 70%);box-shadow:0 8px 20px #c8505a73,inset 0 2px #ffffff80;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.again:active{transform:scale(.88)}.again svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.paused{position:absolute;z-index:7;inset:0;margin:auto;width:96px;height:96px;border-radius:50%;border:2px solid #fff;color:var(--ink);background:var(--glass);display:grid;place-items:center;box-shadow:0 0 0 100vmax #3c192859}.paused svg{width:40px;height:40px;fill:currentColor}.toast{position:absolute;z-index:4;left:50%;top:calc(96px + var(--safe-t));transform:translate(-50%);padding:6px 14px;border-radius:99px;font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#ff8fc6,#ffbe5c,#7fd6ff);animation:toast 1.8s cubic-bezier(.3,1.4,.5,1) both;pointer-events:none}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}15%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes bigIn{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.over .card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 45%,rgba(255,200,230,.35) 50%,rgba(190,235,255,.35) 55%,transparent 65%);background-size:250% 100%;background-position:120% 0;animation:sheen 1.4s ease-out .35s both}@keyframes sheen{to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.mark span,.ribbon,.over .card:after,.big{animation:none}.score.mile #scoreNum{animation-duration:.01s}}