:root{--ink: #2b2340;--cream: #fff6e6;--sun: #f5b31c;--teal: #16a594;--coral: #f2584b;--lilac: #7d68e8;--peach: #ffcf7a;--type: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", "Varela Round", "Trebuchet MS", system-ui, sans-serif}html,body{background:#f2a88f;color:var(--ink);font-family:var(--type)}.stage{background:#f6b9a0}.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}.chip{background:var(--cream);border:2.5px solid var(--ink);border-radius:14px;box-shadow:-3px 3px 0 var(--ink)}.btn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;color:var(--ink);text-decoration:none;transition:transform .1s ease,box-shadow .1s ease;padding:0}.btn:active{transform:translate(-3px,3px);box-shadow:0 0 0 var(--ink)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;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]{background:#e9dcc6}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:3.4ch;padding:2px 14px 1px;text-align:center;font:800 28px/1.1 var(--type);font-variant-numeric:tabular-nums;background:var(--cream);border:2.5px solid var(--ink);border-radius:14px;box-shadow:-3px 3px 0 var(--ink),-3px 3px 0 2px var(--sun);transition:transform .25s cubic-bezier(.2,1.7,.4,1)}.score.pop{transform:scale(1.1) rotate(-2deg)}.meta{display:flex;gap:6px;margin-top:6px;align-items:center}.mult{padding:1px 9px;font:800 14px/1.4 var(--type);background:var(--cream);border:2px solid var(--ink);border-radius:12px;transition:transform .3s cubic-bezier(.2,1.7,.4,1),background .3s ease}.mult{box-shadow:-2px 2px 0 var(--ink)}.mult.hot{background:var(--sun)}.mult.pop{transform:scale(1.3) rotate(4deg)}.hearts{display:inline-flex;gap:1px;padding:2px 5px;background:var(--cream);border:2px solid var(--ink);border-radius:12px;box-shadow:-2px 2px 0 var(--ink)}.hearts svg{width:17px;height:17px;fill:var(--coral);stroke:var(--ink);stroke-width:1.6;transition:transform .35s ease,fill .3s ease}.hearts svg.gone{fill:#e9dcc6;transform:scale(.75)}.hearts.shake{animation:wob .5s ease}@keyframes wob{20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}.title,.card,.paused,.sheet{position:absolute;z-index:2;text-align:center}.title,.card,.paused{pointer-events:none}.sheet{inset:0;z-index:4;display:grid;place-items:center;padding:calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b));background:#2b234073}.sticker{position:relative;width:min(300px,calc(100vw - 40px));margin:0 auto;padding:18px 18px 16px;background:var(--cream);border:3px solid var(--ink);border-radius:22px;color:var(--ink);box-shadow:-9px 9px 0 -3px #ff8fb1,-9px 9px 0 0 var(--ink),0 22px 40px #6b58b847}.sticker:before,.sticker:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain}.sticker:before{top:-15px;right:22px;width:70px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 28'%3E%3Cpath d='M5 14q7.5-12 15 0t15 0t15 0t15 0' fill='none' stroke='%232b2340' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M5 14q7.5-12 15 0t15 0t15 0t15 0' fill='none' stroke='%237d68e8' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}.sticker:after{bottom:-14px;right:-12px;width:44px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 40'%3E%3Cg fill='%2316a594'%3E%3Ccircle cx='4' cy='30' r='2.4'/%3E%3Ccircle cx='12' cy='36' r='2.4'/%3E%3Ccircle cx='4' cy='38' r='2.4'/%3E%3C/g%3E%3Cpath d='M22 4L40 34H6z' fill='%23f5b31c' stroke='%232b2340' stroke-width='3' stroke-linejoin='round' transform='rotate(14 22 22)'/%3E%3C/svg%3E")}.sticker.wide:before,.sticker.wide:after{display:none}.sticker.wide{width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 60px);overflow:auto}.tag{display:inline-block;padding:3px 12px;font:800 13px/1.3 var(--type);color:var(--cream);background:var(--ink);border-radius:999px;transform:rotate(-2deg);box-shadow:-3px 3px 0 var(--sun)}.title{inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 20px calc(14px + var(--safe-b))}.title .cta{margin-top:4px}.title .row2{margin-top:8px}.title .sticker{width:min(270px,calc(100vw - 40px));padding:12px 14px}.title .sticker{transform:rotate(-1.5deg)}.title.fade{animation:away .4s ease forwards}@keyframes away{to{opacity:0;transform:translateY(-14px) scale(.97)}}.title h1{margin:0 0 2px;font:900 44px/1 var(--type);letter-spacing:.02em}.title h1 span{display:inline-block;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:-3px 4px 0 var(--ink);animation:hop 1.6s ease-in-out infinite}.title h1 span:nth-child(1){color:var(--coral)}.title h1 span:nth-child(2){color:var(--sun);animation-delay:.1s}.title h1 span:nth-child(3){color:var(--teal);animation-delay:.2s}.title h1 span:nth-child(4){color:var(--lilac);animation-delay:.3s}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px) rotate(-4deg)}}.legend{margin:6px auto 0;width:92px;height:80px;overflow:visible}.legend .phone{transform:scale(.6);transform-origin:top center}.phone{position:relative;width:92px;height:132px;border:3px solid var(--ink);border-radius:16px;background:#fbe6c8;overflow:hidden}.z{position:absolute;display:grid;place-items:center;opacity:.45;animation:zone 4s infinite}.z b{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink)}.z.l{left:0;top:0;width:28px;bottom:34px;background:#16a59440}.z.c{inset:0 28px 34px;background:#f5b31c40;animation-delay:0s}.z.r{right:0;top:0;width:28px;bottom:34px;background:#f2584b40;animation-delay:2s}.z.p{left:0;right:0;bottom:0;height:34px;background:#7d68e840;animation-delay:3s}.z.l{animation-delay:1s}.z.c b{background:var(--sun)}.z.l b{background:var(--teal);width:16px;height:16px}.z.r b{background:var(--coral);width:16px;height:16px}.z.p b{background:var(--lilac)}@keyframes zone{0%,22%{opacity:1}25%,to{opacity:.45}}.finger{position:absolute;width:16px;height:22px;border-radius:8px 8px 7px 7px;background:var(--cream);border:2.5px solid var(--ink);animation:tapz 4s infinite}@keyframes tapz{0%{left:38px;top:40px;transform:scale(1.15)}6%{transform:scale(.9)}18%{left:38px;top:40px;transform:scale(1.1)}25%{left:6px;top:46px;transform:scale(1.15)}31%{transform:scale(.9)}43%{left:6px;top:46px;transform:scale(1.1)}50%{left:68px;top:46px;transform:scale(1.15)}56%{transform:scale(.9)}68%{left:68px;top:46px;transform:scale(1.1)}75%{left:38px;top:102px;transform:scale(1.15)}81%{transform:scale(.9)}93%{left:38px;top:102px;transform:scale(1.1)}to{left:38px;top:40px;transform:scale(1.15)}}.cta{margin-top:10px;font:800 17px/1.3 var(--type);animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.06)}}.best{margin-top:2px;font:700 14px/1.3 var(--type);color:#7a6250}.row2{display:flex;gap:10px;justify-content:center;margin-top:12px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;font:800 15px/1 var(--type);background:var(--cream);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;box-shadow:-3px 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}.pill:active{transform:translate(-3px,3px);box-shadow:0 0 0 var(--ink)}.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pill.go{background:var(--sun)}.card{inset:0;display:flex;align-items:center;justify-content:center;padding:calc(56px + var(--safe-t)) 18px calc(16px + var(--safe-b));opacity:0;transition:opacity .35s ease}.card.show{opacity:1}.card .sticker{transform:translateY(18px) rotate(1deg);transition:transform .5s cubic-bezier(.2,1.5,.4,1)}.card.show .sticker{transform:translateY(0) rotate(1deg)}.big{margin-top:6px;font:900 50px/1 var(--type);font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin-top:4px;padding:3px 12px;font:800 14px/1.3 var(--type);background:var(--coral);color:var(--cream);border:2px solid var(--ink);border-radius:999px;transform:rotate(-3deg);animation:hop 1.2s ease-in-out infinite}.keep{display:block;width:62%;margin:10px auto 4px;border:2px solid var(--ink);border-radius:4px;transform:rotate(-2.5deg);box-shadow:-5px 5px #a6e3cf,-5px 5px 0 2px var(--ink)}.rows{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;margin-top:8px;font:700 14px/1.5 var(--type);text-align:left}.row{display:flex;justify-content:space-between;border-bottom:2px dashed rgba(125,104,232,.35)}.row b{font-weight:900;font-variant-numeric:tabular-nums}.card .cta{margin-top:8px}.line{position:relative;display:flex;flex-wrap:wrap;gap:18px 12px;justify-content:center;margin:16px 0 14px;padding-top:8px;background:linear-gradient(#7a6250,#7a6250) 0 8px / 100% 2px no-repeat}.line figure{position:relative;margin:0;width:96px;padding:5px 5px 4px;background:#fffaf0;border:1.5px solid rgba(43,35,64,.3);box-shadow:0 3px 8px #2b234033;transform:rotate(var(--tilt, -2deg))}.line figure:before{content:"";position:absolute;left:50%;top:-10px;width:8px;height:16px;margin-left:-4px;background:var(--sun);border:1.5px solid var(--ink);border-radius:2px}.line img{display:block;width:100%}.line figcaption{font:800 12px/1.4 var(--type)}.empty{font:700 15px/1.4 var(--type);color:#7a6250}.line figure{cursor:pointer}.line figure.pinned{border-color:var(--ink);box-shadow:0 0 0 3px var(--sun),0 3px 8px #2b234040}.line figure.pinned:before{background:var(--coral)}.keep.big-keep{width:min(240px,64vw);margin:12px auto 6px}#gDetail .row2{flex-wrap:wrap}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 5px;border-radius:6px;font:800 9px/1.3 var(--type);letter-spacing:.06em;background:var(--ink);color:var(--cream)}.claps{position:relative;width:120px;height:96px;margin:16px auto 8px}.claps i{position:absolute;top:10px;width:44px;height:72px;border-radius:22px;border:3px solid var(--ink);transition:transform .08s ease}.claps i:first-child{left:10px;background:var(--coral);transform:rotate(12deg)}.claps i:last-child{right:10px;background:var(--teal);transform:rotate(-12deg)}.claps.hit i:first-child{transform:translate(15px,-2px) rotate(8deg)}.claps.hit i:last-child{transform:translate(-15px,-2px) rotate(-8deg)}.claps.you:after{content:"";position:absolute;left:50%;top:46%;width:90px;height:90px;margin:-45px;border-radius:50%;border:3px solid var(--sun);animation:ringo .3s ease-out forwards}@keyframes ringo{0%{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}.dots{display:flex;gap:6px;justify-content:center}.dots span{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:var(--cream)}.dots span.lead{width:8px;height:8px;margin-top:2px}.dots span.on{background:var(--sun)}.result{min-height:1.4em;margin:10px 0 0;font:800 15px/1.4 var(--type)}.paused{inset:0;display:grid;place-items:center;background:#2b234059}.paused .cta{padding:10px 20px;background:var(--cream);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink)}@media(prefers-reduced-motion:reduce){.title h1 span,.cta,.newbest,.finger,.z{animation:none}}