@font-face{font-family:Mochiy Pop One;src:url(/fonts/games/mochiy-v1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010,U+2013-2015,U+2018-201A,U+201C-201E,U+2022,U+2025-2026,U+2032-2033,U+2039-203A,U+2190-2193,U+266A}@font-face{font-family:"M PLUS Rounded 1c";src:url(/fonts/games/mplus-500-v1.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010-2027,U+2030-2037,U+2039-203A,U+2190-2193,U+2605-2606,U+266A}@font-face{font-family:"M PLUS Rounded 1c";src:url(/fonts/games/mplus-800-v1.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010-2027,U+2030-2037,U+2039-203A,U+2190-2193,U+2605-2606,U+266A}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body{margin:0;font:14px system-ui,sans-serif}img{max-width:100%}[hidden]{display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#15102a;--ink:#241a42;--cream:#fff5e6;--lav:#b9a2ff;--lav-deep:#7b5cf0;--gold:#ffcf6e;--coral:#ff7280;--mint:#74e2b5;--muted:#a69ec4;--card-muted:#625887;--display:"Mochiy Pop One", "M PLUS Rounded 1c", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--ui:"M PLUS Rounded 1c", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", sans-serif}html,body{height:100%}body{background:var(--night);color:var(--cream);font-family:var(--ui);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));box-sizing:border-box;overscroll-behavior:none;margin:0;padding-block:0;font-size:15px;font-weight:500;overflow:hidden}#stage{background:radial-gradient(120% 90% at 50% 0%, #2a1f52 0%, var(--night) 62%);position:fixed;inset:0;overflow:hidden}#game{touch-action:none;display:block;position:absolute;top:0;left:0}.sheet{padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 18px) max(16px, env(safe-area-inset-left,0px));box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;z-index:5;flex-direction:column;justify-content:safe center;align-items:center;gap:14px;display:flex;position:absolute;inset:0;overflow:hidden auto}.sheet[hidden]{display:none!important}.sheet.dim{background:#0e091eb8}.sheet.soft{background:linear-gradient(#0e091e8c 0%,#0e091e2e 45%,#0e091e99 100%)}.sheet>*{flex:none}.card{background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);box-sizing:border-box;border-radius:22px;flex-direction:column;gap:10px;width:100%;max-width:600px;padding:18px 20px;display:flex}.card.center{text-align:center;align-items:center}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:.01em;margin:0;font-weight:400;line-height:1.15}h2{font-size:clamp(22px,3.6vw,32px)}h3{margin-top:4px;font-size:17px}p{max-width:62ch;margin:0;line-height:1.45}.small{color:var(--muted);text-align:center;font-size:13px}.card .small{color:var(--card-muted);text-align:left}.card.center .small{text-align:center}.kicker{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--lav-deep);font-size:13px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.col{gap:10px;width:min(320px,100%);display:grid}.col .btn{justify-content:center}.btn{font-family:var(--display);color:var(--ink);background:var(--lav);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 22px 11px;font-size:18px;line-height:1.1;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:focus-visible,.tile:focus-visible,.lvl:focus-visible,.tab:focus-visible,.switch:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn.gold{background:var(--gold)}.btn.cream{background:var(--cream)}.btn.danger{background:var(--coral)}.btn.ghost{color:var(--cream);border-color:var(--cream);background:#15102a59;box-shadow:0 5px #fff5e659}.btn.ghost.dark{color:var(--ink);border-color:var(--ink);box-shadow:0 5px 0 var(--ink);background:0 0}.btn.big{min-height:58px;padding:14px 34px 15px;font-size:24px}.btn.sm{min-height:40px;box-shadow:0 4px 0 var(--ink);padding:6px 14px 7px;font-size:15px}.btn.ghost.sm{box-shadow:0 4px #fff5e659}.btn{position:relative}.btn .dot{background:var(--coral);border:3px solid var(--ink);width:16px;height:16px;box-shadow:0 2px 0 var(--ink);border-radius:50%;position:absolute;top:-7px;right:10px}.btn[disabled]{opacity:.45;cursor:default;box-shadow:0 5px 0 var(--ink);transform:none}.icon{flex:none;width:22px;height:22px}.icon.big{width:30px;height:30px}.chip .icon{width:20px;height:20px}.q{color:var(--cream);text-align:center;filter:drop-shadow(0 3px 0 var(--ink));font-size:clamp(20px,3.2vw,28px)}.choose{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(620px,100%);display:grid}.tile{background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);cursor:pointer;font-family:var(--ui);touch-action:manipulation;border-radius:24px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:18px 14px 16px;transition:transform .1s,box-shadow .1s,background .15s;display:flex}.tile:hover{box-shadow:0 10px 0 var(--ink);transform:translateY(-3px)}.tile:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.tile.sel{box-shadow:0 7px 0 var(--lav-deep);border-color:var(--lav-deep);background:#ece3ff}.tile svg{width:78px;height:78px}.tile b{font-family:var(--display);font-size:26px;font-weight:400}.tile span{color:#5d537f;text-align:center;font-size:14px}.logo{font-family:var(--display);color:var(--cream);text-align:center;filter:drop-shadow(0 5px 0 var(--ink));line-height:.95}.logo .l1{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;letter-spacing:.01em;white-space:nowrap;font-size:clamp(36px,7.4vw,80px);display:block}.logo .l1 em{color:var(--lav);font-style:normal}.logo .l2{color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:999px;margin-top:10px;padding:3px 14px 4px;font-size:clamp(13px,2vw,17px);display:inline-block}#sheet[data-s=title]{padding-top:calc(env(safe-area-inset-top,0px) + 64px);justify-content:safe center}.keyart{filter:drop-shadow(0 10px #0a061873);width:min(40vw,440px);max-width:100%;height:auto;margin:-6px 0 -4px;animation:1.1s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-7px)rotate(-.8deg)}}.tmain,.tbtns{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(640px,100%);display:grid}.menu .btn{padding:9px 10px 10px;font-size:16px}.wallet{top:calc(env(safe-area-inset-top,0px) + 14px);right:max(16px, env(safe-area-inset-right,0px));gap:8px;display:flex;position:absolute}.topbar{top:calc(env(safe-area-inset-top,0px) + 14px);left:max(16px, env(safe-area-inset-left,0px));gap:8px;display:flex;position:absolute}.chip{font-family:var(--display);background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 4px 8px;font-size:15px;display:inline-flex}.chip.ok{background:var(--mint);padding-left:12px}.loadbar{border:3px solid var(--ink);background:#15102a8c;border-radius:999px;width:min(260px,80%);height:22px;position:relative;overflow:hidden}.loadbar i{background:var(--lav);transition:width .3s;position:absolute;inset:0 auto 0 0}.loadbar span{text-align:center;color:var(--cream);font-size:12px;font-weight:800;line-height:16px;display:block;position:relative}.head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(760px,100%);display:grid}.head h2{text-align:center;color:var(--cream);filter:drop-shadow(0 3px 0 var(--ink))}.worlds{gap:14px;width:min(760px,100%);display:grid}.world{background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:20px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.world.locked{background:#e6dff3}.world .thumb{border:2.5px solid var(--ink);border-radius:12px;width:150px;height:78px;display:block}.world.locked .thumb{filter:grayscale(.7)brightness(.85)}.wbody{gap:8px;min-width:0;display:grid}.wname{font-family:var(--display);font-size:18px}.wblurb{text-align:left!important}.lvls{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.lvl{font-family:var(--display);color:var(--ink);background:var(--lav);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;border-radius:14px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:6px 0 5px;font-size:17px;transition:transform 80ms;display:flex}.lvl:hover{transform:translateY(-2px)}.lvl.boss{background:var(--coral)}.lvl[disabled]{color:#8d84ad;cursor:default;background:#d8d1ea;border-color:#a79fc4;transform:none;box-shadow:0 4px #a79fc4}.lvl .st{letter-spacing:1px;color:var(--ink);font-size:12px;line-height:1}.lvl .lt{gap:2px;font-size:9px;line-height:1;display:flex}.lvl .lt i{opacity:.3;font-style:normal}.lvl .lt i.on{opacity:1}.lvl .icon{width:18px;height:18px}.lock{color:var(--card-muted);align-items:center;gap:8px;font-size:14px;display:flex}.list{gap:10px;width:100%;display:grid}.item{border:3px solid var(--ink);background:#fff;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.item.slim{grid-template-columns:40px minmax(0,1fr);padding:6px 10px}.item .ic{place-items:center;width:46px;height:46px;display:grid}.item.slim .ic,.item .ic svg{width:40px;height:40px}.item .mid{gap:3px;min-width:0;display:grid}.item .name{font-family:var(--display);font-size:15px}.item .small{text-align:left}.pips{gap:4px;margin-top:2px;display:flex}.pip{border:1.5px solid var(--ink);background:#e2dcf1;border-radius:4px;width:18px;height:7px}.pip.on{background:var(--lav-deep)}.trail{border:2.5px solid var(--ink);border-radius:12px}.t-sparkle{background:radial-gradient(circle at 30% 40%,#fff 0 2px,#0000 3px),radial-gradient(circle at 65% 65%,#ffe39a 0 3px,#0000 4px),radial-gradient(circle at 70% 25%,#d7c8ff 0 3px,#0000 4px),#3a2c6e}.t-hearts{background:radial-gradient(circle at 35% 45%,#ff8fa3 0 6px,#0000 7px),radial-gradient(circle at 68% 62%,#ffc2cf 0 5px,#0000 6px),#3a2c6e}.t-petals{background:radial-gradient(7px 4px at 35% 40%,#ffc7dd 90%,#0000),radial-gradient(6px 3px at 66% 66%,#ffe2ee 90%,#0000),#3a2c6e}.t-bubbles{background:radial-gradient(circle at 35% 45%,#0000 5px,#dcf5ff 6px,#0000 8px),radial-gradient(circle at 68% 62%,#0000 3px,#dcf5ff 4px,#0000 6px),#3a2c6e}.t-rainbow{background:linear-gradient(#ff7280 0 16%,#ffb36b 16% 33%,#ffe066 33% 50%,#74e2b5 50% 66%,#6cc6ff 66% 83%,#b9a2ff 83%)}.t-comet{background:radial-gradient(circle at 70%,#fff3c4 0 4px,#ffb347 8px,#ff783c66 14px,#0000 20px),#3a2c6e}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tab{font-family:var(--display);background:var(--cream);color:var(--ink);border:3px solid var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;padding:5px 16px;font-size:15px}.tab.on{background:var(--ink);color:var(--cream)}.bar{border:2px solid var(--ink);background:#e6e0f3;border-radius:6px;height:10px;overflow:hidden}.bar>i{background:var(--mint);height:100%;display:block}.stars{justify-content:center;gap:12px;margin:4px 0;display:flex}.star svg{width:58px;height:58px;display:block}.star.will{opacity:.25;transition:opacity .2s,transform .2s;transform:scale(.8)}.star.will.on{opacity:1;animation:.5s cubic-bezier(.2,1.6,.4,1) both pop}@keyframes pop{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.stat{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;width:min(340px,100%);font-size:15px;display:grid}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;text-align:right;font-weight:400}.stat .new,.head .new,h2 .new{background:var(--coral);color:var(--cream);vertical-align:middle;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.letters i{opacity:.25;margin-left:4px;font-style:normal}.letters i.on{opacity:1;color:var(--lav-deep)}.reward{font-family:var(--display);color:var(--ink);background:#fff1cc;border:2.5px dashed #e5b04c;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;display:inline-flex}.unlock{font-family:var(--display);color:var(--lav-deep)}.setrow{border-bottom:2px dashed #ddd5ee;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.setrow:last-child{border-bottom:0}input[type=range]{width:160px;accent-color:var(--lav-deep)}.switch{border:3px solid var(--ink);cursor:pointer;background:#ddd5ee;border-radius:99px;width:54px;height:32px;padding:0;position:relative}.switch:after{content:"";background:var(--ink);border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--mint)}.switch[aria-checked=true]:after{left:25px}.keys{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;font-size:14px;display:grid}.keys>span:nth-child(odd){font-family:var(--display);flex-wrap:wrap;gap:4px;font-size:13px;display:flex}kbd{font-family:var(--ui);border:2px solid var(--ink);color:var(--ink);white-space:nowrap;background:#fff;border-bottom-width:4px;border-radius:7px;padding:1px 7px;font-size:12px;font-weight:800}.pausebtn{z-index:4;top:calc(env(safe-area-inset-top,0px) + 12px);right:max(14px, env(safe-area-inset-right,0px));border:3px solid var(--ink);background:var(--cream);width:50px;height:50px;box-shadow:0 4px 0 var(--ink);cursor:pointer;touch-action:manipulation;border-radius:16px;place-items:center;padding:0;display:grid;position:absolute}.pausebtn svg{width:24px;height:24px;fill:var(--ink)}.pausebtn[hidden]{display:none}body.is-phone .pausebtn{width:58px;height:58px}#pad{z-index:3;padding:12px max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 14px) max(16px, env(safe-area-inset-left,0px));box-sizing:border-box;background:linear-gradient(#15102a00,#15102ae6 30%);gap:14px;display:none;position:absolute;bottom:0;left:0;right:0}#pad.on{display:flex}#pad button{font-family:var(--display);color:var(--ink);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:var(--lav);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:24px;flex:1;padding:0;font-size:24px}#pad button.jump{background:var(--gold);flex:1.25}#pad button.down{box-shadow:0 1px 0 var(--ink);transform:translateY(6px)}#safe{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);visibility:hidden;pointer-events:none;position:fixed;inset:0}#hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);color:var(--cream);pointer-events:none;white-space:nowrap;z-index:6;background:#140e28cc;border:2px solid #fff5e659;border-radius:99px;padding:7px 16px;font-size:14px;position:absolute;transform:translate(-50%)}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--gold);color:var(--ink);border:3px solid var(--ink);font-family:var(--display);box-shadow:0 4px 0 var(--ink);pointer-events:none;z-index:30;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:6px 18px;font-size:15px;transition:opacity .3s,transform .3s;position:absolute;overflow:hidden;transform:translate(-50%)}.toast[hidden]{opacity:0;transform:translate(-50%,-14px);display:block!important}@media (width<=600px){.choose{grid-template-columns:minmax(0,1fr)}.tile{text-align:left;flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 16px}.tile svg{width:56px;height:56px}.tile span{text-align:left}.menu{grid-template-columns:repeat(2,minmax(0,1fr))}.world{grid-template-columns:minmax(0,1fr)}.world .thumb{width:100%;height:76px}.keyart{width:min(74vw,400px)}.head .chip{font-size:13px}.btn.sm:not(.keep) span{display:none}.wallet .chip{font-size:13px}}@media (height<=560px) and (width>=601px){#sheet[data-s=title]{padding-top:calc(env(safe-area-inset-top,0px) + 58px);gap:8px}.tmain{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"art logo""art btns";align-items:center;gap:10px 22px;width:min(900px,100%);display:grid}.tmain .keyart{grid-area:art;justify-self:center;width:100%;max-width:380px;margin:0}.tmain .logo{grid-area:logo;align-self:end}.tmain .tbtns{grid-area:btns;align-self:start;gap:10px}.tmain .menu{grid-template-columns:repeat(2,minmax(0,1fr))}.logo .l1{font-size:clamp(30px,5.4vw,54px)}.btn.big{min-height:48px;padding:9px 26px 10px;font-size:20px}.menu .btn{min-height:40px;padding:6px 10px 7px;font-size:15px}.choose{width:min(560px,100%)}.tile{padding:10px 12px}.tile svg{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.keyart,.star.will.on{animation:none}}a.btn{text-decoration:none}
