@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-devanagari-600-normal-CuT_xCk5.woff2)format("woff2"),url(./baloo-2-devanagari-600-normal-Cnn1WFYO.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-vietnamese-600-normal-C5EqHgu0.woff2)format("woff2"),url(./baloo-2-vietnamese-600-normal-CGkk4Wtx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-ext-600-normal-DiVeaYrH.woff2)format("woff2"),url(./baloo-2-latin-ext-600-normal-CFaB2nBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-devanagari-800-normal-BURIY0wZ.woff2)format("woff2"),url(./baloo-2-devanagari-800-normal-YLp1oUqR.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(./baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2)format("woff2"),url(./baloo-2-latin-ext-800-normal-D-iCxxqE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#ff8d9b;--accent-deep:#f0687b;--second:#a48bff;--second-deep:#8268ea;--ink:#3b2f4a;--ink-soft:#7a6b8c;--page:#ffeff0;--mint:#5fd3a8;--card:#ffffffeb;--glass:#ffffffb8;--shadow:0 14px 34px -12px #5a286e59;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font:"Baloo 2", ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--page);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui button,#ui .card,#ui .modal{pointer-events:auto}svg{flex:none;width:1em;height:1em;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn{--top:var(--accent);--bottom:var(--accent-deep);color:#fff;white-space:nowrap;background:linear-gradient(180deg, var(--top), var(--bottom));min-height:52px;box-shadow:0 6px 0 color-mix(in srgb, var(--bottom) 75%, #5a2050), 0 14px 26px -8px #78285a73, inset 0 2px 0 #ffffff73;text-shadow:0 2px #781e5040;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 26px;font-size:20px;font-weight:800;line-height:1.1;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--bottom) 75%, #5a2050), 0 6px 14px -8px #78285a73, inset 0 2px 0 #ffffff73;transform:translateY(5px)}.btn svg{font-size:1.15em}.btn.big{min-height:70px;padding:12px 44px;font-size:30px}.btn.big svg{font-size:34px}.btn.wide{width:100%}.btn.soft{--top:#fff;--bottom:#efe6ff;color:var(--second-deep);text-shadow:none;box-shadow:0 5px #d4c6f5,0 12px 22px -10px #5a286e66,inset 0 2px #fff}.btn.round{--top:#fff;--bottom:#f1eaff;min-width:96px;min-height:74px;color:var(--second-deep);text-shadow:none;border-radius:24px;flex-direction:column;gap:2px;padding:10px 14px 8px;font-size:15px;box-shadow:0 5px #d6c8f6,0 12px 22px -10px #5a286e66,inset 0 2px #fff}.btn.round svg{font-size:30px}.icon-btn{background:var(--glass);-webkit-backdrop-filter:blur(8px);width:48px;height:48px;color:var(--second-deep);border-radius:16px;place-items:center;font-size:22px;transition:transform 80ms;display:grid;box-shadow:0 6px 18px -10px #5a286e80}.icon-btn:active{transform:scale(.92)}.chip{background:var(--glass);-webkit-backdrop-filter:blur(8px);min-height:40px;color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 14px 4px 10px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 6px 18px -10px #5a286e73}.chip b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.chip svg{color:var(--accent-deep);font-size:20px}.chip.bump{animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.screen{display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.on{display:flex}.title{padding:calc(var(--safe-t) + 6vh) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 5vh) calc(var(--safe-l) + 16px);flex-direction:column;justify-content:space-between;align-items:center;animation:.4s both fade-in}.logo{flex-direction:column;align-items:center;max-width:100%;animation:.7s cubic-bezier(.2,1.4,.4,1) both logo-in;display:flex}.logo-line{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.28em;max-width:100%;font-size:clamp(46px,13vw,96px);font-weight:800;line-height:.95;display:flex}.logo-word{white-space:nowrap;display:inline-flex}.logo-letter{color:#fff;-webkit-text-stroke:.13em var(--accent);paint-order:stroke fill;text-shadow:0 .07em 0 var(--accent-deep), 0 .16em .22em #8c286459;animation:2.4s ease-in-out infinite letter-bob;animation-delay:calc(var(--i) * -.17s);display:inline-block}.logo-word:nth-child(2n) .logo-letter{-webkit-text-stroke-color:var(--second);text-shadow:0 .07em 0 var(--second-deep), 0 .16em .22em #5a32a059}.logo-img{filter:drop-shadow(0 14px 22px #963c6e47);-webkit-user-drag:none;width:min(88vw,560px,62vh);height:auto;margin:0 auto;animation:3.2s ease-in-out infinite logo-float;display:block}.logo-tag{background:var(--mint);color:#fff;letter-spacing:.2em;white-space:nowrap;-webkit-text-stroke:0;border-radius:999px;margin-top:12px;padding:4px 16px 2px;font-size:clamp(14px,3.6vw,20px);font-weight:800;line-height:1.4;box-shadow:0 4px #3fb38a,0 10px 18px -8px #1e785a80}.title-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;margin-bottom:18px;display:flex}.title-stats:empty{display:none}.title-actions{flex-direction:column;align-items:center;gap:18px;animation:.5s cubic-bezier(.2,1.3,.4,1) .15s both rise-in;display:flex}.title-actions .row{gap:14px;display:flex}.title .play{animation:1.8s ease-in-out infinite breathe}.topbar{padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 12px) 0 calc(var(--safe-l) + 12px);justify-content:space-between;align-items:flex-start;gap:10px;display:none;position:absolute;top:0;bottom:auto;left:0;right:0}.topbar.on{animation:.45s cubic-bezier(.2,1.3,.4,1) both drop-in;display:flex}.tb-left,.tb-right{flex-direction:column;gap:8px;min-width:48px;display:flex}.tb-left{align-items:flex-start}.tb-right{align-items:flex-end}.tb-center{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.banner{left:50%;top:calc(var(--safe-t) + 18vh);white-space:nowrap;color:#fff;-webkit-text-stroke:.15em var(--accent-deep);paint-order:stroke fill;text-shadow:0 .08em #c4506a,0 .14em .3em #78285a66;opacity:0;pointer-events:none;max-width:96vw;padding:0 24px;font-size:clamp(32px,9vw,54px);font-weight:800;position:absolute;transform:translate(-50%)}.banner.on{animation:2.6s both banner}.banner.big{font-size:clamp(40px,12vw,74px)}.banner.gold{color:#fff3b0;-webkit-text-stroke-color:#e39410;text-shadow:0 .08em #b87300,0 .14em .3em #96641473}.banner.gone{animation:.2s both banner-gone}.toast{left:50%;top:calc(var(--safe-t) + 84px);background:var(--card);max-width:calc(100vw - 32px);color:var(--accent-deep);box-shadow:var(--shadow);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:8px 20px;font-size:18px;font-weight:800;position:absolute;overflow:hidden;transform:translate(-50%,-10px)scale(.8)}.toast.on{animation:toast var(--ms,1.6s) ease both}.hint{pointer-events:none;z-index:2;width:0;height:0;display:none;position:absolute}.hint.on{animation:.35s both fade-in;display:block}.hint-hand{filter:drop-shadow(0 6px 8px #5a286e59);transform-origin:30% 20%;font-size:64px;position:absolute;top:-6px;left:-8px}.hint-ring{opacity:0;border:4px solid #fffffff2;border-radius:50%;width:68px;height:68px;position:absolute;top:-34px;left:-34px;box-shadow:0 0 0 3px #ff8d9b59}.hint-text{background:var(--card);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:6px 18px;font-size:19px;font-weight:800;position:absolute;bottom:50px;left:0;transform:translate(-50%)}.hint.tap .hint-hand{animation:1.1s ease-in-out infinite hint-tap}.hint.tap .hint-ring{animation:1.1s ease-out infinite hint-ring}.hint.hold .hint-hand{animation:2s ease-in-out infinite hint-hold}.hint.hold .hint-ring{animation:2s ease-in-out infinite hint-hold-ring}.hint.drag .hint-hand{animation:1.8s ease-in-out infinite hint-drag}.hint.swipe .hint-hand{animation:1.2s cubic-bezier(.4,0,.2,1) infinite hint-swipe}.modal{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);-webkit-backdrop-filter:blur(4px);z-index:5;background:#ffecf659;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.modal.on{animation:.25s both fade-in;display:flex}.card{background:var(--card);text-align:center;border-radius:32px;flex-direction:column;align-items:stretch;gap:14px;width:min(380px,100%);max-height:100%;padding:26px 22px 22px;animation:.45s cubic-bezier(.2,1.3,.4,1) both card-in;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px -20px #5a286e80,inset 0 2px #fff}.card h2{color:var(--ink);margin:0;font-size:30px;font-weight:800;line-height:1.1}.card p{color:var(--ink-soft);margin:0;font-size:18px;font-weight:600}.toggles{flex-direction:column;gap:10px;display:flex}.toggle{text-align:left;background:#f7f2ff;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;font-size:18px;font-weight:600;display:flex}.t-ico{width:36px;height:36px;color:var(--second-deep);background:#fff;border-radius:12px;place-items:center;font-size:20px;display:grid}.t-label{flex:1;min-width:0}.switch{background:#d9cfee;border-radius:999px;flex:none;width:54px;height:32px;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #5a286e4d}.toggle[aria-checked=true] .switch{background:var(--mint)}.toggle[aria-checked=true] .switch i{transform:translate(22px)}@media (min-aspect-ratio:6/5){.title{padding-left:calc(var(--safe-l) + 3vw);padding-right:calc(var(--safe-r) + 50vw);justify-content:center;gap:3.2vh}.logo-line{font-size:clamp(36px,min(6.4vw,12vh),96px)}.logo-img{width:min(42vw,520px,40vh)}.logo-tag{letter-spacing:.08em;margin-top:8px;padding:2px 12px 1px;font-size:clamp(12px,min(1.6vw,3.6vh),18px)}.title-stats{margin:0}}@media (orientation:landscape) and (max-height:520px){.title{padding-top:calc(var(--safe-t) + 10px);padding-bottom:calc(var(--safe-b) + 10px);gap:2.4vh}.btn.big{min-height:56px;padding:8px 34px;font-size:24px}.btn.big svg{font-size:26px}.btn.round{min-width:80px;min-height:58px}.btn.round svg{font-size:24px}.title-actions{gap:12px}.banner{top:calc(var(--safe-t) + 14vh)}.card{gap:10px;padding:18px}.card h2{font-size:24px}.toggle{min-height:46px}}@media (orientation:landscape) and (max-height:430px){.modal{padding-top:calc(var(--safe-t) + 8px);padding-bottom:calc(var(--safe-b) + 8px)}.card.settings,.card.pause{grid-template-rows:auto 1fr 1fr;grid-template-columns:1.15fr 1fr;gap:10px 16px;width:min(620px,100%);padding:14px 16px 16px;display:grid}.card.settings>h2,.card.pause>h2{grid-column:1/-1}.card.settings>.toggles,.card.pause>.toggles{grid-area:2/1/span 2}.card.settings>.btn,.card.pause>.btn{grid-column:2;align-self:end}.card.settings>.btn+.btn,.card.pause>.btn+.btn{align-self:start}.toggles{gap:8px}.toggle{min-height:42px;padding:4px 12px}.t-ico{width:32px;height:32px}}@media (max-width:360px){.btn.big{padding:10px 30px;font-size:26px}.btn.round{min-width:84px}}@keyframes fade-in{0%{opacity:0}}@keyframes logo-in{0%{opacity:0;transform:translateY(-30px)scale(.7)}}@keyframes logo-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(40px)scale(.9)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-30px)}}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.85)}}@keyframes letter-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.06em)rotate(-2deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes banner{0%{opacity:0;letter-spacing:.12em;transform:translate(-50%,16px)scale(.6)}10%{opacity:1;transform:translate(-50%)scale(1.12)}18%,75%{opacity:1;letter-spacing:.02em;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)scale(1)}}@keyframes banner-gone{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)scale(.8)}12%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(.95)}}@keyframes hint-tap{0%,to{transform:translate(14px,18px)scale(1)}40%{transform:translate(0)scale(.9)}55%{transform:translate(0)scale(.9)}}@keyframes hint-ring{0%,38%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}@keyframes hint-hold{0%,to{transform:translate(14px,18px)scale(1)}20%,80%{transform:translate(0)scale(.9)}}@keyframes hint-hold-ring{0%,18%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(.5)}80%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.4)}}@keyframes hint-drag{0%,to{transform:translate(-56px)rotate(-6deg)}50%{transform:translate(56px)rotate(6deg)}}@keyframes hint-swipe{0%{opacity:0;transform:translateY(40px)}15%{opacity:1}70%{opacity:1;transform:translateY(-50px)}to{opacity:0;transform:translateY(-60px)}}@media (prefers-reduced-motion:reduce){.logo-letter,.logo-img,.title .play{animation:none}}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hud>*{position:absolute;top:0;left:0}.bubble{will-change:transform;display:none;translate:-50% -100%}.bubble.on{display:block}.bubble.front{z-index:2}.b-body{transform-origin:50% 100%;background:#fffffff0;border-radius:999px;align-items:center;gap:4px;padding:4px;transition:scale .25s cubic-bezier(.2,1.5,.4,1);display:flex;position:relative;box-shadow:0 8px 18px -8px #5a286e73}.bubble.on .b-body{animation:.4s cubic-bezier(.2,1.6,.4,1) both bubble-in}.b-body:after{content:"";background:inherit;z-index:-1;border-radius:3px;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-7px;left:50%;rotate:45deg}.bubble.front .b-body{box-shadow:0 0 0 3px var(--accent), 0 8px 18px -8px #5a286e73;scale:1.12}.bubble.vip.front .b-body{box-shadow:0 0 0 3px #ffd54a, 0 0 0 6px var(--accent), 0 8px 18px -8px #9664148c}.bubble{transition:opacity .2s}.bubble.thru{opacity:.66}.hud.short .bubble .b-body{scale:.74}.hud.short .bubble.front .b-body{scale:.96}.bubble.side .b-body:after{display:none}.bubble.bump .b-body{animation:.4s cubic-bezier(.2,1.6,.4,1) bubble-bump}.bubble.out .b-body{animation:.25s both bubble-out}.bubble.vip .b-body{background:linear-gradient(#fff7d6,#ffe59a);box-shadow:0 0 0 3px #ffd54a,0 8px 18px -8px #9664148c}.b-face{flex:none;width:50px;height:50px;position:relative}.b-icon{object-fit:cover;-webkit-user-drag:none;border-radius:50%;width:38px;height:38px;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.b-ring{width:50px;height:50px;position:absolute;top:0;bottom:0;left:0;right:0;rotate:-90deg}.b-ring-bg{fill:none;stroke:#785a8c1f;stroke-width:5px}.b-ring-fg{fill:none;stroke:#5fd3a8;stroke-width:5px;stroke-linecap:round;stroke-dasharray:100 100;transition:stroke .4s}.bubble[data-p=mid] .b-ring-fg{stroke:#ffc94a}.bubble[data-p=low] .b-ring-fg{stroke:#ff7a8a}.bubble[data-p=low] .b-face{animation:.5s ease-in-out infinite wiggle}.b-needs{gap:3px;padding-right:4px;display:none}.bubble.open .b-needs{display:flex}.b-chip{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #f1e8f8}.b-chip img{-webkit-user-drag:none;border-radius:50%;width:32px;height:32px}.b-chip .dot{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--c) 45%);border-radius:50%;width:22px;height:22px}.b-chip.now{box-shadow:inset 0 0 0 3px var(--accent);animation:.9s ease-in-out infinite chip-now}.b-chip.ok img{opacity:.45}.b-chip .b-top{background:var(--accent-deep);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:12px;display:grid;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 2px #fff}.b-chip .tick{color:#fff;background:#5fd3a8;border-radius:50%;place-items:center;width:17px;height:17px;font-size:12px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:grid;position:absolute;bottom:-3px;right:-3px}.b-chip.bad{animation:.45s chip-bad}.b-badge{border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-8px;left:-6px;box-shadow:0 3px 8px -3px #5a286e80}.b-badge.hurry{color:#ff7a8a;background:#fff}.b-badge.sleepy{color:#fff;background:#c9b6ff;font-size:13px}.b-badge.crown{width:24px;height:24px;box-shadow:none;background:0 0;margin-left:-12px;font-size:24px;top:-14px;left:50%}.b-new{background:var(--accent-deep);color:#fff;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:-10px;right:-10px;rotate:8deg}.pop{white-space:nowrap;color:#fff;-webkit-text-stroke:.16em #78469699;paint-order:stroke fill;font-size:26px;font-weight:800;animation:.9s cubic-bezier(.2,1.4,.4,1) both pop-float;translate:-50% -50%}.pop.perfect{background:linear-gradient(#fff2a8,#ff9e6e 60%,#ff6f88);color:#0000;-webkit-text-stroke:0;filter:drop-shadow(0 0 1px #fff)drop-shadow(1.6px 0 #c4456c)drop-shadow(-1.6px 0 #c4456c)drop-shadow(0 1.6px #c4456c)drop-shadow(0 -1.6px #c4456c)drop-shadow(0 4px 6px #963c6e73);-webkit-background-clip:text;background-clip:text;font-size:34px}.pop.good{color:#4fd0a4;-webkit-text-stroke-color:#fff;filter:drop-shadow(0 3px 4px #28785a59)}.pop.miss{color:#7d65b0;-webkit-text-stroke:0;background:#fffffff0;border-radius:999px;padding:1px 12px 0;font-size:20px;box-shadow:0 5px 12px -6px #5a286e8c}.result{white-space:nowrap;flex-direction:column;align-items:center;animation:1.6s cubic-bezier(.2,1.3,.4,1) both result-float;display:flex;translate:-50% -100%}.result b{color:#fff;-webkit-text-stroke:.15em var(--accent-deep);paint-order:stroke fill;font-size:26px;font-weight:800}.result.good b{-webkit-text-stroke-color:#3fb38a}.result.miss b{-webkit-text-stroke-color:#9b8bb3;font-size:22px}.r-coins{color:#c78a00;background:#ffffffeb;border-radius:999px;align-items:center;gap:3px;margin-top:2px;padding:1px 10px 1px 5px;font-size:20px;font-weight:800;display:flex;box-shadow:0 5px 12px -6px #5a286e73}.r-coins svg{font-size:20px}.r-tip{color:#d98300;border-left:2px solid #f1e3c0;margin-left:6px;padding-left:7px;font-size:15px;font-weight:800}.dots{background:#ffffffd1;border-radius:999px;gap:7px;padding:5px 9px;display:none;translate:-50% -50%;box-shadow:0 6px 14px -8px #5a286e73}.dots.on{display:flex}.dots i{background:#eadff3;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px 2px #5a286e33}.dots i.perfect{background:radial-gradient(circle at 35% 30%,#fff8c8,#ffb36b 55%,#ff7a8a);animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.dots i.good{background:#5fd3a8;animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.dots i.miss{background:#b9adc9}.meter{display:none;translate:-50% -50%}.meter.on{animation:.25s both fade-in;display:block}.m-track{background:#ffffffe6;border-radius:999px;width:30px;height:140px;position:relative;overflow:hidden;box-shadow:0 8px 18px -8px #5a286e80,inset 0 0 0 3px #fff}.m-good{background:#5fd3a859;border-radius:6px;position:absolute;left:3px;right:3px}.m-perfect{background:linear-gradient(#ffe59a,#ffb36b);border-radius:6px;animation:.9s ease-in-out infinite band-pulse;position:absolute;left:3px;right:3px;box-shadow:0 0 0 2px #fff}.m-fill{transform-origin:bottom;opacity:.85;background:linear-gradient(#9b7bff,#c9b6ff);border-radius:999px;position:absolute;top:3px;bottom:3px;left:9px;right:9px;transform:scaleY(0)}.meter.done[data-r=perfect] .m-track{animation:.5s meter-ok;box-shadow:0 0 0 4px #ffd54a,0 8px 18px -8px #5a286e80}.meter.done[data-r=good] .m-track{box-shadow:0 0 0 4px #5fd3a8}.meter.done[data-r=miss] .m-track{animation:.45s chip-bad}.serve-arrow{color:#fff;filter:drop-shadow(2px 0 0 var(--accent-deep)) drop-shadow(-2px 0 0 var(--accent-deep)) drop-shadow(0 2px 0 var(--accent-deep)) drop-shadow(0 -2px 0 var(--accent-deep)) drop-shadow(0 6px 8px #96325a73);flex-direction:column;align-items:center;font-size:50px;display:none;translate:-50% -100%}.serve-arrow.on{display:flex}.serve-arrow svg{margin-top:-24px;animation:.9s ease-in-out infinite arrow-up}.serve-arrow svg:nth-child(2){opacity:.7;animation-delay:.12s}.case-bubble{color:#b57600;pointer-events:auto;background:linear-gradient(#fff9df,#ffe59a);border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:4px 14px 4px 8px;font-size:20px;font-weight:800;display:none;translate:-50% -100%;box-shadow:0 0 0 3px #fff,0 10px 20px -8px #96641499}.case-bubble.on{animation:1.6s ease-in-out infinite case-bob;display:flex}.case-bubble svg{font-size:26px}.daypill{background:var(--glass);-webkit-backdrop-filter:blur(8px);border-radius:22px;flex-direction:column;gap:4px;min-width:150px;padding:6px 14px 8px;display:flex;box-shadow:0 6px 18px -10px #5a286e73}.dp-row{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.dp-row b{color:var(--ink);font-size:17px;font-weight:800}.dp-ico{color:#ffb347;font-size:20px}.dp-count{font-variant-numeric:tabular-nums;margin-left:auto}.dp-bar{background:#785a8c26;border-radius:99px;height:6px;overflow:hidden}.dp-bar i{transform-origin:0;background:linear-gradient(90deg,#ffd27a,#ff9e8a);border-radius:99px;height:100%;transition:transform .4s;display:block;transform:scaleX(0)}@media (min-aspect-ratio:6/5){.tb-center{align-items:flex-start}}.chip.coins svg{color:inherit;font-size:22px}.chip.coins{position:relative}.chip.coins:after{content:"";opacity:0;pointer-events:none;border-radius:999px;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;box-shadow:0 0 0 3px #ffd54a,0 0 18px 4px #ffcd46bf}.chip.coins.glow:after{animation:.75s ease-out coin-glow}.chip.streak{display:none}.chip.streak.on{display:inline-flex}.chip.streak svg{color:#ff8a4c}.badge{position:relative}.badge:after{content:"";background:#ff5a6a;border-radius:50%;width:13px;height:13px;animation:1.6s ease-in-out infinite pop;position:absolute;top:6px;right:8px;box-shadow:0 0 0 3px #fff}.keycap{min-width:26px;height:26px;color:var(--ink);text-align:center;background:#fff;border-radius:8px;padding:0 6px;font-size:16px;font-weight:800;line-height:26px;display:none;translate:-50% -50%;box-shadow:0 3px #d6c8f6,0 6px 12px -6px #5a286e80}.keycap.on{animation:.2s both fade-in;display:block}.hint-text{white-space:normal;text-align:center;text-wrap:balance;width:max-content;max-width:min(260px,80vw);line-height:1.2}.hint.dot .hint-ring{border-width:3px;width:20px;height:20px;top:-10px;left:-10px;box-shadow:0 0 0 2px #ff8d9b73}.hint.below .hint-text{top:64px;bottom:auto}.hint.free .hint-text{bottom:auto;transform:translate(-50%,-50%)}.hint.over{z-index:6}.toast{top:calc(var(--safe-t) + 110px)}@media (min-aspect-ratio:6/5){.banner{top:calc(var(--safe-t) + 6px);padding:0 12px;font-size:clamp(24px,min(4.2vw,8vh),46px)}.banner.big{font-size:clamp(26px,min(4.8vw,9vh),54px)}}.wb-icon{background:#fff;border-radius:50%;align-self:center;width:110px;height:110px;overflow:hidden;box-shadow:0 10px 24px -12px #5a286e73}.wb-icon img{width:100%;height:100%}.summary{gap:12px;width:min(400px,100%)}.s-home{width:42px;height:42px;font-size:20px;position:absolute;top:12px;left:12px}.s-main,.s-side{flex-direction:column;gap:10px;display:flex}.stars{color:#eadff3;justify-content:center;gap:6px;font-size:46px;display:flex}.star{transition:color .2s;display:block}.star.on{color:#ffc93c;filter:drop-shadow(0 3px #e0a010);animation:.5s cubic-bezier(.2,1.8,.4,1) both star-in}.srows{flex-direction:column;gap:3px;display:flex}.srow{color:var(--ink-soft);text-align:left;background:#f9f4ff;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;font-size:16px;font-weight:600;display:flex}.srow b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.s-ico{color:var(--accent-deep);font-size:18px}.srow.total{background:#fff3cf;font-size:19px}.srow.total b{color:#c78a00;font-size:22px}.srow b.bump{animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.lvbar{background:#fff0f3;border-radius:14px;align-items:center;gap:8px;padding:6px 10px;display:flex}.lvbar .h-ico{color:#ff6f88;font-size:20px}.lvbar .lv{white-space:nowrap;font-size:15px;font-weight:800}.lvtrack{background:#ff6f882e;border-radius:99px;flex:1;height:12px;overflow:hidden}.lvfill{transform-origin:0;background:linear-gradient(90deg,#ffb3c7,#ff6f88);border-radius:99px;height:100%;transition:transform .15s linear;display:block}.hgain{color:#ff6f88;font-size:15px;font-weight:800}.hgain.bump{animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.lvbar.lvup{animation:.7s lvup}.case-bubble.s-case{z-index:1;min-height:40px;padding:3px 12px 3px 6px;font-size:18px;display:flex;position:absolute;top:10px;right:12px;translate:none}.case-bubble.s-case svg{font-size:22px}.case-bubble.s-case.bump{animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.summary.has-case h2{padding:0 52px;font-size:24px}.summary .s-side .btn.soft{position:relative}.b-new.up-new{padding:2px 9px;font-size:13px;top:-10px;left:-6px;right:auto;rotate:-8deg;box-shadow:0 3px 8px -3px #96284699}.b-new.up-new.bump{animation:.45s cubic-bezier(.2,1.6,.4,1) pop}@media (orientation:landscape) and (max-height:600px){.summary{grid-template-rows:auto auto 1fr auto;grid-template-columns:1.35fr 1fr;gap:8px 16px;width:min(720px,100%);padding:14px 16px;display:grid}.summary .s-main,.summary .s-side{display:contents}.summary h2,.summary.has-case h2{grid-area:1/1;padding:0;font-size:24px}.summary .srows{grid-area:2/1/span 2}.summary .lvbar{grid-area:4/1;align-self:center}.summary .stars{grid-area:2/2;align-self:center;font-size:42px}.summary .s-side>.btn{grid-area:3/2;align-self:end}.summary .s-side>.btn.soft{grid-row:4;align-self:stretch}.srow{padding:2px 10px;font-size:14px}.srow.total{font-size:16px}.srow.total b{font-size:18px}}@media (orientation:landscape) and (max-height:430px){.summary{row-gap:6px;padding:12px 14px}.summary h2,.summary.has-case h2{font-size:22px}.summary .lvbar{padding:4px 10px}.summary .stars{font-size:32px}.summary .s-side>.btn{min-height:46px}.srows{gap:2px}.srow{padding:1px 10px;font-size:14px;line-height:1.3}.srow.total{font-size:15px}.srow.total b{font-size:17px}.s-home{border-radius:12px;width:34px;height:34px;font-size:18px;top:8px;left:8px}.case-bubble.s-case{min-height:34px;font-size:16px;top:8px;right:10px}}.shop-modal{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 10px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 10px)}.card.shop{background:#fffdfb;gap:10px;width:min(760px,100%);height:100%;max-height:100%;padding:14px 14px 0;overflow:hidden}.shop-top{align-items:center;gap:10px;display:flex}.shop-top h2{text-align:left;flex:1;padding-left:4px;font-size:26px}.shop-top .chip{box-shadow:none;background:#fff7dc}.shop-top .chip svg{color:inherit;font-size:22px}.shop-top .chip.bump{animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.shop-top .close{background:#f4edff;flex:none}.tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tab{color:var(--second-deep);white-space:nowrap;background:#f6f0ff;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;font-size:14px;font-weight:800;line-height:1.1;display:flex}.tab svg{font-size:20px}.tab.on{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--accent-deep) 75%, #5a2050)}.tab.badge:after{width:10px;height:10px;top:3px;right:10px}.scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:0 -4px;padding:2px 2px 16px;overflow-y:auto}.grid-head:empty{display:none}.grid-head{margin-bottom:8px}.cozy{color:#ff6f88;background:#fff0f3;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:16px;font-weight:800;display:flex}.cozy span{color:var(--ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.scard{background:#fbf8ff;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #f1e8f8}.scard.owned,.scard.inuse{background:#f1fbf7;box-shadow:inset 0 0 0 2px #cdeedf}.scard.locked{opacity:.9}.scard.locked .token img,.scard.dim .token img{filter:saturate(.6)contrast(1.04)}.scard.bought{animation:.6s bought}.scard:focus{outline:none}.scard:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sc-new{background:var(--accent-deep);color:#fff;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:-6px;right:-4px;rotate:8deg;box-shadow:0 3px 8px -3px #9628468c}.token{background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;overflow:hidden;box-shadow:0 6px 14px -8px #5a286e66}.token img{-webkit-user-drag:none;width:100%;height:100%}.sc-name{justify-content:center;align-items:center;min-height:2.3em;font-size:16px;font-weight:800;line-height:1.15;display:flex}.sc-fx{color:var(--ink-soft);align-items:center;min-height:1.4em;font-size:14px;font-weight:700;display:flex}.fx-price,.fx-cozy{align-items:center;gap:3px;display:inline-flex}.fx-price svg{font-size:17px}.fx-cozy svg{color:#ff6f88}.fx-tool{flex-direction:column;align-items:center;gap:2px;display:flex}.fx-tool small{white-space:nowrap;font-size:13px}.fx-line{text-align:center;color:var(--ink);max-width:100%;font-size:13px;line-height:1.15}.pips{gap:4px;display:flex}.pips i{background:#e7dcf3;border-radius:50%;width:10px;height:10px}.pips i.on{background:#ffc93c;box-shadow:inset 0 0 0 1.5px #e0a010}.btn.buy{gap:4px;min-height:40px;padding:4px 14px;font-size:17px}.btn.buy svg{font-size:19px}.btn.buy.poor,.btn.buy:disabled{filter:grayscale(.6);opacity:.6;cursor:default}.btn.buy.use{--top:var(--second);--bottom:var(--second-deep);box-shadow:0 5px 0 color-mix(in srgb, var(--second-deep) 75%, #1a5040)}.tag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;min-height:40px;padding:0 12px;font-size:15px;font-weight:800;display:inline-flex}.tag.owned,.tag.inuse{color:#3aa886;background:#dff5ec}.tag.max{color:#c78a00;background:#fff3cf}.tag.lock{color:var(--ink-soft);background:#efe8f6}.scard.book .token img{filter:none}.scard.unknown .token{background:#f3eefa}.scard.unknown .sc-name{color:var(--ink-soft)}.sc-book{flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:0 6px;display:flex}.bk-row{color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.medal{color:#d9cfe6;font-size:22px}.medal.m1{color:#d9915a}.medal.m2{color:#b8c2d0}.medal.m3{color:#ffc93c}.bk-bar{background:#efe8f6;border-radius:99px;height:8px;overflow:hidden}.bk-bar i{transform-origin:0;background:linear-gradient(90deg,#ffd27a,#ff9e8a);height:100%;display:block}.bk-fx{color:var(--ink-soft);font-weight:700}.sc-lock{color:var(--ink-soft);align-items:center;gap:4px;font-weight:700;display:flex}@media (max-width:420px){.grid{grid-template-columns:repeat(2,1fr)}.token{width:66px;height:66px}.sc-name{font-size:15px}}@media (max-height:600px){.card.shop{gap:6px;padding-top:10px}.shop-top h2{font-size:22px}.tab{flex-direction:row;justify-content:center;gap:6px;padding:5px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.token{width:58px;height:58px}}@keyframes bubble-in{0%{opacity:0;scale:.3}}@keyframes bubble-out{to{opacity:0;scale:.4}}@keyframes bubble-bump{40%{scale:1.3}}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-6deg}75%{rotate:6deg}}@keyframes chip-now{0%,to{scale:1}50%{scale:1.12}}@keyframes chip-bad{0%,to{translate:0;box-shadow:inset 0 0 0 3px #ff5a6a}20%{translate:-5px}40%{translate:5px}60%{translate:-3px}80%{translate:3px}}@keyframes pop-float{0%{opacity:0;scale:.4}18%{opacity:1;scale:1.15}32%{scale:1}75%{opacity:1}to{opacity:0;translate:-50% calc(-50% - 30px)}}@keyframes result-float{0%{opacity:0;scale:.4}12%{opacity:1;scale:1.1}22%{scale:1}80%{opacity:1;translate:-50% calc(-100% - 20px)}to{opacity:0;translate:-50% calc(-100% - 36px)}}@keyframes band-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes meter-ok{0%,to{scale:1}40%{scale:1.15}}@keyframes arrow-up{0%{opacity:0;translate:0 10px}40%{opacity:1}to{opacity:0;translate:0 -10px}}@keyframes case-bob{0%,to{translate:-50% -100%}50%{translate:-50% calc(-100% - 6px)}}@keyframes coin-glow{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes star-in{0%{rotate:-40deg;scale:0}}@keyframes lvup{0%,to{scale:1}30%{scale:1.06;box-shadow:0 0 0 4px #ffd54a}}@keyframes bought{0%{scale:1}30%{scale:1.06;box-shadow:inset 0 0 0 3px #ffd54a}to{scale:1}}@media (prefers-reduced-motion:reduce){.bubble[data-p=low] .b-face,.case-bubble.on,.serve-arrow svg,.b-chip.now{animation:none}}@media (min-aspect-ratio:2){.title{padding-left:calc(var(--safe-l) + 12vw);padding-right:calc(var(--safe-r) + 56vw)}.logo-img{width:min(30vw,440px,56vh)}}