@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")}@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")}@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")}:root{--ink: #3b2a3f;--ink2: #6b5672;--card: #fffaf2;--cream: #fff3df;--pink: #ff6f9c;--pinkD: #d94477;--yellow: #ffd23f;--yellowD: #e0a100;--green: #4cd07a;--greenD: #2a9d55;--blue: #4db8ff;--blueD: #2a85cc;--purple: #8a6cf6;--purpleD: #5e43c9;--grey: #c7bfd3;--greyD: #9a90a8;--bg1: #bdeaff;--bg2: #e8f9ff;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);font-family:"Baloo 2",Trebuchet MS,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:linear-gradient(180deg,var(--bg1),var(--bg2));-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 20px 20px,rgba(255,255,255,.7) 2.5px,transparent 3px),radial-gradient(circle at 60px 50px,rgba(255,255,255,.5) 2px,transparent 2.5px);background-size:80px 80px}button{font:inherit;color:inherit}.ic{width:1.4em;height:1.4em;display:inline-block;vertical-align:middle;flex:none}#app{position:fixed;inset:0;display:flex;flex-direction:column}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(10px + var(--safe-t)) 12px calc(10px + var(--safe-b))}.hidden{display:none!important}.btn{--c: var(--yellow);--d: var(--yellowD);border:3px solid var(--ink);border-radius:18px;background:var(--c);box-shadow:0 5px 0 var(--d),0 6px 0 3px #3b2a3f40;padding:8px 16px;min-height:48px;font-weight:800;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s,box-shadow .08s;position:relative}.btn:active,.btn.pressed{transform:translateY(4px);box-shadow:0 1px 0 var(--d),0 2px 0 3px #3b2a3f40}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn[disabled]{filter:grayscale(.7);opacity:.65;cursor:not-allowed}.btn.green{--c: var(--green);--d: var(--greenD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.pink{--c: var(--pink);--d: var(--pinkD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.blue{--c: var(--blue);--d: var(--blueD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.purple{--c: var(--purple);--d: var(--purpleD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.white{--c: #fff;--d: #d9cfe3}.btn.small{min-height:44px;font-size:16px;padding:6px 12px;border-radius:14px}.btn.round{width:52px;height:52px;min-height:0;padding:0;border-radius:16px}.btn .badge{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;border-radius:11px;background:var(--pink);color:#fff;border:2px solid var(--ink);font-size:13px;line-height:18px;padding:0 5px}.dot{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ff3d6e;border:2px solid #fff;box-shadow:0 0 0 2px var(--ink);animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;z-index:2}.pill{display:inline-flex;align-items:center;gap:6px;background:#ffffffd9;border:3px solid var(--ink);border-radius:999px;padding:2px 12px 2px 4px;font-weight:800;font-size:16px;min-height:40px;box-shadow:0 3px #3b2a3f40}.pill .ic{width:28px;height:28px}.lvchip{display:flex;align-items:center;gap:6px;background:#ffffffd9;border:3px solid var(--ink);border-radius:16px;padding:2px 10px 2px 2px;min-height:44px;cursor:pointer;box-shadow:0 3px #3b2a3f40}.lvchip canvas{border-radius:12px;background:#ffe6c7}.lvchip .lvnum{font-weight:800;font-size:15px;line-height:1}.xpbar{width:70px;height:10px;border-radius:6px;background:#eadff2;border:2px solid var(--ink);overflow:hidden;margin-top:3px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#8a6cf6,#ff6f9c)}.spacer{flex:1}.acct{font-size:13px;font-weight:800;background:#3b2a3fd1;color:#fff;border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct b{width:8px;height:8px;border-radius:50%;background:#9aa;flex:none}.acct.on b{background:#5df29a}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.logo{font-weight:800;font-size:clamp(46px,12vw,84px);line-height:.9;margin:0;letter-spacing:.5px;text-align:center;color:#fff;-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:0 4px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),-3px -3px 0 var(--ink),0 9px 0 rgba(59,42,63,.25)}.logo .t1{color:#ffad4d}.logo .t2{color:#8fa8d8}.tagline{font-weight:800;font-size:18px;color:var(--ink2);margin:2px 0 0}.hero{width:min(420px,92vw);height:clamp(110px,22vh,190px)}.playbig{font-size:30px;min-height:68px;padding:8px 40px;border-radius:24px}.playbig .ic{width:34px;height:34px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(560px,100%)}.mode{border:3px solid var(--ink);border-radius:18px;background:var(--card);box-shadow:0 5px #3b2a3f4d;padding:8px 6px;text-align:center;cursor:pointer;position:relative;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mode:active{transform:translateY(3px);box-shadow:0 2px #3b2a3f4d}.mode .ic{width:40px;height:40px}.mode b{font-size:16px;line-height:1.05}.mode small{font-size:12px;color:var(--ink2);line-height:1.1;font-weight:600}.mode.locked{background:#ece6f2}.mode.locked>.ic{filter:grayscale(1) opacity(.6)}.mode .lockic{position:absolute;top:-10px;right:-8px;width:30px;height:30px}.mode.m-adv{background:linear-gradient(180deg,#e7ffd9,#c8f2b0)}.mode.m-daily{background:linear-gradient(180deg,#fff0f6,#ffd2e3)}.mode.m-rush{background:linear-gradient(180deg,#e3fbff,#bff0ff)}.navgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(560px,100%);margin-top:4px}.navbtn{border:3px solid var(--ink);border-radius:16px;background:#fff;box-shadow:0 4px #3b2a3f4d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;cursor:pointer;min-height:64px;position:relative;font-weight:800;font-size:12px;gap:1px}.navbtn .ic{width:30px;height:30px}.navbtn:active{transform:translateY(3px);box-shadow:0 1px #3b2a3f4d}.gate{background:#fff7d1;border:3px dashed var(--yellowD);border-radius:14px;padding:6px 12px;font-weight:700;font-size:14px;text-align:center;max-width:560px;display:flex;gap:8px;align-items:center}.footnote{font-size:12px;color:var(--ink2);text-align:center;font-weight:600}.hdr{display:flex;align-items:center;gap:10px}.hdr h2{margin:0;font-size:26px;font-weight:800;flex:1;line-height:1.1}.worlds{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 12px;scroll-snap-type:x mandatory;flex:none}.world{flex:none;width:150px;border:3px solid var(--ink);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px #3b2a3f4d;cursor:pointer;scroll-snap-align:start;position:relative;padding:0;text-align:left}.world.sel{outline:4px solid #fff;box-shadow:0 5px #3b2a3f4d,0 0 0 7px var(--pink)}.world canvas{display:block;width:100%;height:72px}.world .wn{padding:4px 8px 6px;font-weight:800;font-size:15px;line-height:1.1}.world .ws{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--ink2)}.world .ws .ic{width:16px;height:16px}.world.locked canvas{filter:grayscale(.85) brightness(.9)}.world .wl{position:absolute;inset:0 0 auto;height:72px;display:grid;place-items:center}.world .wl .ic{width:36px;height:36px}.levels-wrap{flex:1;overflow-y:auto;min-height:0}.wtitle{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;margin:2px 4px 8px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:520px;margin:0 auto;padding-bottom:12px}.lvl{aspect-ratio:1;border:3px solid var(--ink);border-radius:18px;background:linear-gradient(180deg,#fff,#ffe9c9);box-shadow:0 5px #3b2a3f4d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:22px;cursor:pointer;padding:0;position:relative}.lvl:active{transform:translateY(3px);box-shadow:0 2px #3b2a3f4d}.lvl .st{display:flex;gap:0;margin-top:-2px}.lvl .st .ic{width:16px;height:16px}.lvl.next{background:linear-gradient(180deg,#e2ffd2,#a8ec88);animation:bob 1.4s ease-in-out infinite}.lvl.locked{background:#e7e0ee;color:var(--greyD);cursor:not-allowed}.lvl.locked .ic{width:26px;height:26px}@keyframes bob{50%{transform:translateY(-4px)}}.wlocknote{text-align:center;font-weight:800;padding:20px;color:var(--ink2);display:flex;flex-direction:column;align-items:center;gap:6px}.wlocknote .ic{width:48px;height:48px}.ghdr{display:flex;align-items:center;gap:8px}.gtitle{flex:1;text-align:center;font-weight:800;font-size:20px;line-height:1}.gtitle small{display:block;font-size:13px;color:var(--ink2);font-weight:700;margin-top:2px}.gstats{display:flex;justify-content:center;gap:8px;margin:6px 0 2px;flex-wrap:wrap}.gstats .pill{min-height:36px;font-size:15px;padding:2px 12px}.gstats .pill .ic{width:22px;height:22px}.starrow{display:inline-flex}.starrow .ic{width:20px!important;height:20px!important}.stage{flex:1;position:relative;min-height:0}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.toast{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#3b2a3fe6;color:#fff;font-weight:800;padding:6px 14px;border-radius:999px;font-size:15px;pointer-events:none;animation:toast 1.6s forwards;white-space:nowrap;z-index:3}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.gctrl{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:4px}.gctrl .btn{min-width:52px}.dpad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,46px);gap:4px}.dpad .btn{min-height:0;padding:0;border-radius:12px;width:50px;height:46px;--c: #fff;--d: #d9cfe3}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.tutbar{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:8px 12px;font-weight:700;font-size:16px;text-align:center;box-shadow:0 4px #3b2a3f4d;margin:6px auto 0;max-width:560px;display:flex;gap:10px;align-items:center}.tutbar canvas{flex:none}.rushbar{display:flex;align-items:center;gap:8px;justify-content:center}.timer{height:16px;flex:1;max-width:360px;border:3px solid var(--ink);border-radius:10px;background:#fff;overflow:hidden}.timer i{display:block;height:100%;background:linear-gradient(90deg,#4cd07a,#ffd23f);transition:width .2s linear}.timer.low i{background:linear-gradient(90deg,#ff5c5c,#ff9f1c)}.keys{text-align:center;font-size:12px;color:var(--ink2);font-weight:600;margin-top:2px}.modal{position:fixed;inset:0;background:#2819378c;display:grid;place-items:center;z-index:50;padding:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b));animation:fade .15s}@keyframes fade{0%{opacity:0}}.panel{background:var(--card);border:4px solid var(--ink);border-radius:26px;box-shadow:0 8px #3b2a3f59;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;animation:pop .22s cubic-bezier(.3,1.6,.6,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.panel-h{display:flex;align-items:center;gap:10px;padding:12px 14px 6px}.panel-h h3{margin:0;font-size:24px;font-weight:800;flex:1;line-height:1.1}.panel-h .ic{width:34px;height:34px}.panel-b{padding:4px 16px 16px;overflow-y:auto}.panel-f{padding:0 16px 16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.note{font-size:14px;color:var(--ink2);font-weight:600;margin:4px 0 10px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calday{aspect-ratio:.82;border:3px solid var(--ink);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 1px 3px;font-weight:800;font-size:11px;position:relative;min-width:0}.calday .ic{width:60%;height:auto;max-width:30px}.calday canvas{width:60%!important;height:auto!important;max-width:34px}.calday small{font-size:10px;line-height:1;white-space:nowrap}.calday.done{background:#d9f7e3}.calday.done:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:#2a9d55;background:#d9f7e38c;border-radius:9px}.calday.today{background:#fff2b8;box-shadow:0 0 0 3px var(--pink);animation:bob 1.4s ease-in-out infinite}.calday.big{background:linear-gradient(180deg,#f1e6ff,#dcc8ff)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.card{border:3px solid var(--ink);border-radius:16px;background:#fff;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-weight:800;font-size:14px;box-shadow:0 4px #3b2a3f40}.card .btn{width:100%}.card.sel{background:#fff2b8}.card small{color:var(--ink2);font-weight:600;font-size:12px;line-height:1.1}.tabs{display:flex;gap:8px;margin-bottom:10px}.tabs .btn{flex:1}.tabs .btn.on{--c: var(--purple);--d: var(--purpleD);color:#fff}.ach{display:flex;gap:10px;align-items:center;border:3px solid var(--ink);border-radius:16px;padding:8px 10px;background:#fff;margin-bottom:8px}.ach .ic{width:44px;height:44px}.ach.off .ic{filter:grayscale(1) opacity(.5)}.ach div{flex:1;min-width:0}.ach b{display:block;font-size:16px}.ach small{color:var(--ink2);font-weight:600;font-size:13px;display:block;line-height:1.2}.prog{height:10px;border:2px solid var(--ink);border-radius:6px;background:#eee;overflow:hidden;margin-top:4px}.prog i{display:block;height:100%;background:var(--green)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:2px dashed #e6dcef;font-weight:800}.row:last-child{border-bottom:0}.row .ic{width:28px;height:28px}.row label{display:flex;align-items:center;gap:8px}input[type=range]{width:150px;accent-color:var(--purple);height:28px}.seg{display:inline-flex;border:3px solid var(--ink);border-radius:12px;overflow:hidden}.seg button{border:0;background:#fff;padding:6px 12px;min-height:40px;font-weight:800;cursor:pointer}.seg button.on{background:var(--purple);color:#fff}.winstars{display:flex;justify-content:center;gap:6px;margin:4px 0 6px}.winstars .ic{width:64px;height:64px;transform:scale(0);animation:starpop .45s cubic-bezier(.3,1.8,.6,1) forwards}.winstars .ic:nth-child(2){width:80px;height:80px;margin-top:-12px}@keyframes starpop{to{transform:scale(1)}}.rewards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0}.rewards .pill{animation:pop .3s .6s both}.center{text-align:center}.bigtxt{font-size:18px;font-weight:800}.tipart{display:flex;justify-content:center;gap:6px;margin-bottom:4px}.link{color:var(--purpleD);font-weight:800}@media (min-width: 760px){.navbtn{font-size:13px;min-height:72px}.navbtn .ic{width:34px;height:34px}}@media (max-height: 560px) and (orientation: landscape){.hero{display:none}.logo{font-size:40px}.tagline{display:none}.home-main{gap:6px}.mode{min-height:70px}.mode .ic{width:28px;height:28px}.navbtn{min-height:48px}.playbig{min-height:52px;font-size:24px}.game-landscape{flex-direction:row}.keys{display:none}}@media (max-width: 360px){.navbtn{font-size:10px}.navgrid{gap:5px}.mode b{font-size:14px}.mode small{display:none}.dpad{grid-template-columns:repeat(3,46px)}.dpad .btn{width:46px}}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}.winstars .ic{transform:none}}.topwrap{display:flex;flex-direction:column;gap:6px}.row2{min-height:40px;padding-right:190px}#cynnx-game-chip{top:calc(var(--safe-t) + 60px)!important;bottom:auto!important;right:12px!important;min-height:40px;padding:4px 14px 4px 58px!important;background:#fff url(./google-g-CrnnDPo0.svg) no-repeat 10px 50% / 18px 18px!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:999px!important;font:800 14px "Baloo 2",system-ui,sans-serif!important;box-shadow:0 3px #3b2a3f40;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cynnx-game-chip:before{content:"";position:absolute;left:32px;top:50%;width:18px;height:18px;margin-top:-9px;background:url(./phantom-icon-C1oTI19G.svg) no-repeat center / contain}body:not(.on-home) #cynnx-game-chip,body.modal-open #cynnx-game-chip{display:none}@media (max-width: 430px){.topbar{gap:5px}.pill{font-size:15px;padding:2px 9px 2px 3px;min-height:38px;gap:4px}.pill .ic{width:24px;height:24px}.xpbar{width:52px}.lvchip{padding-right:7px}.row2{padding-right:180px}}.calday>span:first-child{font-size:12px;line-height:1.1}@media (max-height: 560px) and (orientation: landscape){#s-game{padding-right:200px}#s-game .gctrl{position:absolute;right:10px;top:calc(10px + var(--safe-t));bottom:10px;width:180px;flex-direction:column;justify-content:center;gap:8px}#s-game .ghdr{margin-right:-190px}.tutbar{font-size:13px;padding:4px 8px;margin-top:4px}.tutbar canvas{display:none}.gstats{margin:2px 0}.gstats .pill{min-height:30px;font-size:13px}}