@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(./fredoka-400-700-BHYUu57e.woff2)format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:500;font-display:swap;src:url(./mplus-rounded-500-Cz2w9O70.woff2)format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:700;font-display:swap;src:url(./mplus-rounded-700-CGVTuPL4.woff2)format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:800;font-display:swap;src:url(./mplus-rounded-800-D7jk6cmm.woff2)format("woff2")}:root{--ink:#5a4668;--ink-soft:#8b7896;--cream:#fff8f2;--card:#fffaf6d1;--line:#7a588224;--accent:#ff6f91;--accent-2:#ff9a76;--gold:#ffc53d;--shadow:0 10px 30px #8c5a8238;--radius:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:radial-gradient(120% 70% at 15% 0,#ffe3d3 0%,#0000 60%),radial-gradient(100% 70% at 100% 100%,#e3dcff 0%,#0000 60%),linear-gradient(165deg,#ffefe4 0%,#fde2ea 50%,#e9e2ff 100%);font-family:Fredoka,"M PLUS Rounded 1c",ui-rounded,SF Pro Rounded,system-ui,sans-serif}body:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(130% 100% at 50% 45%,#0000 60%,#78466e24 100%);position:fixed;inset:0}#stage{touch-action:none;pointer-events:auto;width:100%;height:100%;display:block;position:fixed;inset:0}#app{z-index:1;pointer-events:none;height:100%;position:relative}.screen{padding:calc(12px + var(--safe-top)) 16px calc(14px + var(--safe-bottom));flex-direction:column;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0}.screen>*{pointer-events:auto}.hidden{opacity:0;visibility:hidden;pointer-events:none!important}.screen.hidden{transform:scale(.98)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline-offset:3px;outline:3px solid #ff6f9199}svg{width:100%;height:100%;display:block}.bubble-btn{letter-spacing:.01em;color:#fff;background:radial-gradient(90% 60% at 30% 20%, #ffffff8c, transparent 60%), linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:999px;min-width:180px;padding:14px 30px;font-size:20px;font-weight:600;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;position:relative;box-shadow:inset 0 -5px #a0285a2e,inset 0 2px #ffffff80,0 8px 20px #ff6f9159}.bubble-btn:hover{transform:translateY(-1px)scale(1.02)}.bubble-btn:active{transform:scale(.95)}.bubble-btn.soft{color:var(--ink);background:radial-gradient(90% 60% at 30% 20%,#ffffffe6,#0000 60%),linear-gradient(#fffaf6,#f6e7ef);box-shadow:inset 0 -4px #7a58821a,inset 0 2px #fff,0 6px 16px #8c5a8229}.bubble-btn.big{flex-direction:column;align-items:center;padding:14px 48px 12px;font-size:28px;line-height:1.1;display:flex}.bubble-btn.big small{opacity:.9;font-size:14px;font-weight:500}.bubble-btn.round{width:56px;min-width:0;height:56px;padding:15px}.icon-btn{width:44px;height:44px;color:var(--ink);background:radial-gradient(80% 60% at 30% 25%,#fff,#0000 70%),#fff8f2bf;border-radius:50%;flex:none;padding:11px;transition:transform .15s cubic-bezier(.3,1.6,.5,1),opacity .2s;box-shadow:inset 0 -3px #7a588214,0 4px 12px #8c5a8224}.icon-btn:active{transform:scale(.9)}.icon-btn.small{width:38px;height:38px;padding:9px}.icon-btn.tiny{width:30px;height:30px;box-shadow:none;background:0 0;padding:7px}.icon-btn:disabled{opacity:.25;pointer-events:none}.lang-btn{letter-spacing:.04em;background:radial-gradient(80% 60% at 30% 25%,#fff,#0000 70%),#fff8f2bf;border-radius:22px;align-items:center;gap:6px;height:44px;padding:0 14px 0 11px;font-size:15px;font-weight:600;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:flex;box-shadow:inset 0 -3px #7a588214,0 4px 12px #8c5a8224}.lang-btn:active{transform:scale(.94)}.lang-btn i{width:20px;height:20px}.lang-card h2{font-size:26px}.lang-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.lang-option{text-align:left;background:#fff9;border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:18px;font-weight:500;transition:transform .15s cubic-bezier(.3,1.6,.5,1),background .2s;display:flex;box-shadow:inset 0 0 0 1.5px #fffc}.lang-option:active{transform:scale(.97)}.lang-option small{letter-spacing:.06em;color:var(--ink-soft);font-size:13px;font-weight:600}.lang-option[aria-checked=true]{color:#fff;background:radial-gradient(90% 60% at 30% 20%, #ffffff73, transparent 60%), linear-gradient(180deg, var(--accent-2), var(--accent));box-shadow:0 4px 12px #ff6f914d}.lang-option[aria-checked=true] small{color:#ffffffd9}#home{pointer-events:auto;align-items:center;overflow-y:auto}#home .home-inner{margin:auto 0}.home-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:420px;display:flex}.logo{flex-direction:column;align-items:center;margin:0 0 4px;font-size:clamp(56px,17vw,92px);font-weight:700;line-height:1;display:flex}.logo-word{align-items:baseline;display:flex}.logo-word>span{color:var(--c);background:linear-gradient(180deg, #ffffff8c 0%, #fff0 45%), var(--c);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #5a46681f)drop-shadow(0 8px 14px #8c5a822e);-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite bob;display:inline-block}.logo-word>span:nth-child(2n){animation-delay:-1.1s}.logo-word>span:nth-child(3n){animation-delay:-2.2s}.logo-word>.logo-gap{width:.25em;animation:none}.logo-saga{letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 2px #a0285a40;background:radial-gradient(90% 60% at 30% 15%, #fff9, transparent 60%), linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:999px;margin-top:-.06em;padding:.12em .62em .16em;font-size:.38em;animation:3.2s ease-in-out -.6s infinite sagaFloat;position:relative;transform:rotate(-4deg);box-shadow:inset 0 -3px #a0285a33,inset 0 2px #ffffff80,0 6px 16px #ff6f9159}@keyframes sagaFloat{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-3px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tagline{color:var(--ink-soft);margin:2px 0 18px;font-size:18px}.toggles{gap:12px;margin-top:10px;display:flex}.how{color:var(--ink-soft);max-width:300px;margin:8px 0 0;font-size:14px;line-height:1.45}.bar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:560px;margin:0 auto;display:flex}.bar h2{margin:0;font-size:24px;font-weight:600}.bar-spacer{width:44px}.level-title{text-align:center;align-items:center;gap:6px;display:flex}.level-title small{color:var(--ink-soft);margin-top:1px;font-size:13px;display:block}.stats{pointer-events:none;justify-content:center;gap:8px;width:100%;max-width:420px;margin:12px auto 0;display:flex}.stats>div{text-align:center;background:#fffaf699;border-radius:16px;flex:1;padding:6px 4px 7px;box-shadow:inset 0 0 0 1px #fff9}.stats small{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:11px;display:block}.stats b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.toolbar{justify-content:center;gap:18px;margin:auto auto 0;display:flex}.tool-btn{color:var(--ink-soft);flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:500;transition:transform .15s cubic-bezier(.3,1.6,.5,1),opacity .2s;display:flex;position:relative}.tool-btn i{width:60px;height:60px;color:var(--ink);background:radial-gradient(80% 60% at 30% 25%,#fff,#0000 70%),linear-gradient(#fffaf6,#f4e4ee);border-radius:50%;padding:16px;box-shadow:inset 0 -4px #7a58821a,inset 0 2px #fff,0 6px 16px #8c5a822e}.tool-btn:active{transform:scale(.9)}.tool-btn:disabled{opacity:.4;pointer-events:none}.tool-btn em{color:#fff;background:linear-gradient(#ffb35c,#ff8a3d);border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:13px;font-style:normal;font-weight:600;line-height:22px;position:absolute;top:-2px;right:-4px;box-shadow:0 2px 6px #ff8a3d66}#btn-hint i{color:#e39a12}.pager{color:var(--ink-soft);justify-content:center;align-items:center;gap:16px;margin:18px 0 14px;font-size:17px;font-weight:500;display:flex}.level-grid{grid-template-columns:repeat(5,1fr);gap:14px 10px;width:100%;max-width:420px;margin:0 auto;padding:6px 4px 20px;display:grid;overflow-y:auto}.lvl{flex-direction:column;align-items:center;gap:3px;animation:.4s cubic-bezier(.3,1.5,.5,1) both popIn;display:flex;position:relative}.lvl .ball{aspect-ratio:1;color:#fff;text-shadow:0 1px 2px #00000026;background:radial-gradient(55% 40% at 32% 26%, #ffffffd9, #fff0 70%), radial-gradient(circle at 50% 60%, var(--c), color-mix(in srgb, var(--c) 75%, #3a1d40) 100%);width:min(60px,15vw);box-shadow:inset 0 -4px 8px #00000014, 0 5px 12px color-mix(in srgb, var(--c) 40%, transparent);border-radius:50%;place-items:center;font-size:20px;font-weight:600;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:grid}.lvl:active .ball{transform:scale(.9)}.lvl.locked .ball{color:var(--ink-soft);text-shadow:none;background:radial-gradient(55% 40% at 32% 26%,#ffffffe6,#fff0 70%),#fffaf68c;box-shadow:inset 0 0 0 1.5px #fffc,0 3px 8px #8c5a821a}.lvl.locked .ball svg{opacity:.55;width:40%;height:40%}.lvl.current .ball{animation:1.8s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:inset 0 -4px 8px #00000014, 0 0 0 0 color-mix(in srgb, var(--c) 50%, transparent)}50%{box-shadow:inset 0 -4px 8px #00000014, 0 0 0 8px color-mix(in srgb, var(--c) 0%, transparent)}}.lvl .mini-stars{gap:1px;height:13px;display:flex}.lvl .mini-stars i{color:#7a58822e;width:13px;height:13px}.lvl .mini-stars i.on{color:var(--gold);filter:drop-shadow(0 1px 1px #c882004d)}@keyframes popIn{0%{opacity:0;transform:scale(.6)}}.bar-title{text-align:center;min-width:0}.bar-title small{color:var(--ink-soft);margin-top:1px;font-size:13px;display:block}.pack-list{flex-direction:column;gap:12px;width:100%;max-width:440px;margin:18px auto 0;padding:4px 4px 24px;display:flex;overflow-y:auto}.pack{text-align:left;background:radial-gradient(70% 60% at 20% 0%, #ffffffe6, transparent 70%), var(--card);border-radius:26px;align-items:center;gap:14px;width:100%;padding:14px 16px 14px 14px;transition:transform .15s cubic-bezier(.3,1.6,.5,1);animation:.4s cubic-bezier(.3,1.5,.5,1) both popIn;display:flex;box-shadow:inset 0 0 0 1.5px #fffc,0 6px 18px #8c5a8224}.pack:active{transform:scale(.97)}.pack .ball{color:#fff;text-shadow:0 1px 2px #00000026;background:radial-gradient(55% 40% at 32% 26%, #ffffffd9, #fff0 70%), radial-gradient(circle at 50% 60%, var(--c), color-mix(in srgb, var(--c) 75%, #3a1d40) 100%);width:58px;height:58px;box-shadow:inset 0 -4px 8px #00000014, 0 5px 12px color-mix(in srgb, var(--c) 40%, transparent);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.pack .info{flex:1;min-width:0}.pack .name{justify-content:space-between;align-items:baseline;gap:8px;font-size:19px;font-weight:600;display:flex}.pack .name small{color:var(--ink-soft);white-space:nowrap;font-size:13px;font-weight:500}.pack .meta{color:var(--ink-soft);justify-content:space-between;gap:8px;margin-top:2px;font-size:13px;display:flex}.pack .meta .star-count{align-items:center;gap:3px;display:inline-flex}.pack .meta .star-count svg{width:13px;height:13px;color:var(--gold)}.pack .info,.progress{display:block}.progress{background:#7a58821a;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.progress span{background:linear-gradient(180deg, #ffffff73, transparent 60%), var(--c);border-radius:4px;height:100%;transition:width .6s;display:block}.pack.locked{opacity:.6}.pack.locked .ball{color:var(--ink-soft);text-shadow:none;background:radial-gradient(55% 40% at 32% 26%,#ffffffe6,#fff0 70%),#fffaf6b3;box-shadow:inset 0 0 0 1.5px #fffc,0 3px 8px #8c5a821a}.pack.locked .ball svg{opacity:.6;width:40%;height:40%}.pager.hidden{display:none}.pager.hidden+.level-grid{margin-top:18px}.card .bonus.pack-unlock{color:var(--accent)}.modal{z-index:10;-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:#ffecf059;place-items:center;padding:16px;transition:opacity .3s;display:grid;position:fixed;inset:0}.card{overscroll-behavior:contain;text-align:center;background:radial-gradient(80% 50% at 30% 0%, #ffffffe6, transparent 70%), var(--card);width:min(340px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow), inset 0 0 0 1.5px #fffc;-webkit-backdrop-filter:blur(10px);border-radius:32px;padding:28px 24px 24px;transition:transform .4s cubic-bezier(.3,1.5,.5,1);overflow-y:auto;transform:scale(.9)}.modal:not(.hidden) .card{transform:scale(1)}.card h2{margin:0 0 10px;font-size:30px;font-weight:700}.stars{justify-content:center;gap:8px;margin:6px 0 12px;display:flex}.stars i{color:#7a588226;width:52px;height:52px;transition:color .2s}.stars i:nth-child(2){width:62px;height:62px;transform:translateY(-10px)}.stars i.on{color:var(--gold);filter:drop-shadow(0 3px 4px #dc8c0059);animation:.5s cubic-bezier(.3,1.8,.5,1) starPop}.stars i:nth-child(2).on{animation-name:starPopMid}@keyframes starPop{0%{transform:scale(.2)rotate(-40deg)}}@keyframes starPopMid{0%{transform:translateY(-10px)scale(.2)rotate(-40deg)}}.card p{color:var(--ink-soft);margin:0 0 6px;font-size:16px}.card .bonus{color:#e08a12;font-weight:600}.card-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.card-actions .bubble-btn:not(.round){white-space:nowrap;flex:1;min-width:0;padding:14px 18px}.toast{left:50%;bottom:calc(130px + var(--safe-bottom));z-index:8;white-space:nowrap;color:var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:10px 20px;font-size:15px;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%)}.toast.hidden{transform:translate(-50%,10px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html:lang(ja){word-break:auto-phrase}body.ad-playing #stage,body.ad-playing #app,body.ad-playing #app *{pointer-events:none!important}.mock-ad{z-index:100;letter-spacing:.1em;color:#fff;background:#281432d1;place-items:center;font-size:28px;font-weight:700;display:grid;position:fixed;inset:0}@media (height<=520px){.home-inner{gap:10px}.logo{font-size:clamp(40px,13vh,64px)}.tagline{margin-bottom:6px;font-size:16px}.bubble-btn.big{padding:10px 40px 8px;font-size:24px}.bubble-btn{padding:10px 26px}.how{margin-top:2px}}#loader{z-index:200;background:inherit;place-items:center;padding:16px;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{flex-direction:column;align-items:center;gap:26px;display:flex}#loader .logo{animation:.6s cubic-bezier(.3,1.5,.5,1) both loaderLogoIn}@keyframes loaderLogoIn{0%{opacity:0;transform:scale(.85)}}.loader-bar{background:#ffffff8c;border-radius:999px;width:min(260px,66vw);height:18px;padding:3px;box-shadow:inset 0 2px 4px #7a588229,0 2px #fffc,0 6px 16px #8c5a821f}#loader-fill{background:linear-gradient(#ffffff8c,#fff0 55%),linear-gradient(90deg,#ff9a76,#ff6f91 55%,#a06bff);border-radius:999px;width:6%;height:100%;animation:3s cubic-bezier(.2,.7,.3,1) forwards loaderCrawl;display:block;position:relative;box-shadow:0 2px 8px #ff6f9159}#loader-fill:after{content:"";background:radial-gradient(45% 35% at 35% 30%,#fff,#fff0 70%),radial-gradient(circle at 50% 60%,#c9a8ff,#8a5cff);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 2px 6px #8a5cff73}#loader.js-driven #loader-fill{animation:none}@keyframes loaderCrawl{to{width:55%}}#loader-pct{min-height:1.2em;color:var(--ink-soft);font-variant-numeric:tabular-nums;opacity:0;margin-top:-12px;font-size:15px;font-weight:600;transition:opacity .3s}#loader.js-driven #loader-pct{opacity:1}.reward-badge{color:#fff;background:radial-gradient(55% 40% at 32% 26%,#fffc,#fff0 70%),radial-gradient(circle at 50% 60%,#ffc53d,#f29a12);border-radius:50%;width:76px;height:76px;margin:0 auto 12px;padding:20px;animation:3s ease-in-out infinite bob;box-shadow:inset 0 -4px 8px #00000014,0 6px 16px #f29a1266}.reward-card p{font-size:17px}.reward-card .card-actions{flex-direction:column;align-items:stretch;gap:6px}.reward-card .card-actions .bubble-btn:not(.round){flex:none}#reward-no{color:var(--ink-soft);box-shadow:none;background:0 0;order:1;padding:10px;font-size:16px;font-weight:500}#reward-watch{justify-content:center;align-items:center;gap:8px;display:inline-flex}#reward-watch i{flex:none;width:18px;height:18px}.tool-btn em{justify-content:center;align-items:center;display:inline-flex}.tool-btn em.ad{background:linear-gradient(#c19bff,#8a5cff);width:24px;padding:0;box-shadow:0 2px 6px #8a5cff73}.tool-btn em.ad svg{width:11px;height:11px;margin-left:1px}.ad-wait{z-index:150;-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:auto;background:#fff0f48c;justify-content:center;align-items:center;gap:12px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}body.ad-waiting .ad-wait{opacity:1;visibility:visible}.ad-wait span{background:radial-gradient(45% 35% at 35% 30%, #fff, #fff0 70%), radial-gradient(circle at 50% 60%, var(--c,#ff6f91), color-mix(in srgb, var(--c,#ff6f91) 70%, #3a1d40));border-radius:50%;width:22px;height:22px;animation:.9s ease-in-out infinite waitBounce}.ad-wait span:nth-child(2){--c:#ffc53d;animation-delay:.15s}.ad-wait span:nth-child(3){--c:#4f8dff;animation-delay:.3s}@keyframes waitBounce{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-14px)scale(1.08)}}.tool-btn em.gained{animation:.9s cubic-bezier(.3,1.6,.5,1) badgeGained}@keyframes badgeGained{0%{transform:scale(.3);box-shadow:0 0 #ff8a3d99}45%{transform:scale(1.45)}to{transform:scale(1);box-shadow:0 0 0 14px #ff8a3d00}}