:root{--bg:#f2f5ee;--bg2:#e6ebe1;--card:#fff;--card2:#eef2e8;--line:#e1e8da;--ink:#3f5a4b;--ink2:#7e9a88;--ink3:#a9bdb0;--logo:#3f6b55;--studio:#6f8f7c;--accent:#f27d5c;--accent2:#e5623f;--accentGlow:#e5623f52;--pink:#e06b8b;--green:#7ed957;--bad:#e4553a;--hit:#fad0c8;--hitInk:#8a3a2b;--hitRing:#f3b3a6;--glow:#ffe49a;--title:#ffc24a;--titleShadow:#c8742a;--blue:#4faab8;--blue2:#2f8896;--blueSoft:#d7eef0;--blueSoftInk:#2f7a86;--streakA:#f6f8f1;--streakB:#f4e6d2;--dark:#262e2ae0;--quote:#8c9f92;--quoteSub:#a9bdb0;--font:"Quicksand",ui-rounded,"SF Pro Rounded","Nunito","Varela Round",system-ui,sans-serif;--display:"Fredoka","Quicksand",ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;--shadow:0 .6cqw 2.4cqw #3c503c1a, 0 .2cqw .6cqw #3c503c0f;--overshoot:cubic-bezier(.3,1.5,.5,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg2);overscroll-behavior:none;height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;overflow:hidden}button{color:inherit;font-family:inherit}img{-webkit-user-drag:none}#root{height:100%}.stage{background:var(--bg);width:min(100vw,52dvh);height:100dvh;position:absolute;top:0;left:50%;overflow:clip;transform:translate(-50%);box-shadow:0 0 40px #0000001f;container-type:size}.screen{isolation:isolate;animation:.3s screenIn;position:absolute;inset:0}.screen.streak{z-index:60}@keyframes screenIn{0%{opacity:0;transform:translateY(1.5cqh)}}.btn{cursor:pointer;background:linear-gradient(180deg,var(--accent),var(--accent2));color:#fff;width:100%;height:14.5cqw;font-family:var(--display);letter-spacing:.02em;box-shadow:0 1.2cqw 2.6cqw var(--accentGlow), inset 0 -.8cqw 0 #00000014;border:0;border-radius:9cqw;padding:0;font-size:6.2cqw;font-weight:600;transition:transform .12s,box-shadow .12s;display:block;position:relative}.btn:active{box-shadow:0 .4cqw 1.2cqw var(--accentGlow), inset 0 -.4cqw 0 #00000014;transform:translateY(.4cqw)scale(.98)}.btn.ghost{color:var(--ink2);box-shadow:var(--shadow);background:#fff}.btn.outline{color:var(--accent2);box-shadow:inset 0 0 0 .6cqw var(--accent);background:#fff;height:12cqw;font-size:5.2cqw}.btn.blue{background:linear-gradient(180deg,var(--blue),var(--blue2));box-shadow:0 1.2cqw 2.6cqw #3c82dc59,inset 0 -.8cqw #00000014}.btn.blueSoft{background:var(--blueSoft);color:var(--blueSoftInk);box-shadow:inset 0 -.8cqw #0000000d}.btn.daily{background:linear-gradient(180deg,var(--blue),var(--blue2));height:12.5cqw;font-size:5.2cqw;box-shadow:0 1.2cqw 2.6cqw #3c82dc4d,inset 0 -.8cqw #00000014}.btn.locked{background:#b9b3ae;height:12.5cqw;font-size:5.2cqw;box-shadow:0 .8cqw 1.8cqw #0000001f,inset 0 -.8cqw #00000014}.btn .ad{color:#fff;font-size:2.6cqw;font-family:var(--font);letter-spacing:.06em;background:#3dc46a;border-radius:1.4cqw;padding:.4cqw 1.4cqw;font-weight:800;position:absolute;top:-1.4cqw;right:3cqw}.roundBtn{width:11cqw;height:11cqw;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s;display:grid;position:relative}.roundBtn svg{width:52%;height:52%}.roundBtn:active{transform:scale(.9)}.roundBtn.dot:after{content:"";background:var(--bad);border-radius:50%;width:2.6cqw;height:2.6cqw;position:absolute;top:.4cqw;right:.4cqw;box-shadow:0 0 0 .5cqw #fff}@keyframes hop{50%{transform:translate(-50%)translateY(-3%)rotate(-1.5deg)}}@keyframes pop{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes placeIn{0%{transform:scale(.2)translateY(20%)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes cardIn{0%{opacity:0;transform:translateY(-1cqw)}}.toast{z-index:90;text-align:center;pointer-events:none;animation:.25s toastIn;position:absolute;bottom:24cqh;left:8cqw;right:8cqw}.toast span{color:#fff;background:#303a34f0;border-radius:3cqw;padding:2.4cqw 4.6cqw;font-size:3.7cqw;font-weight:600;line-height:1.35;display:inline-block;box-shadow:0 1cqw 3cqw #0003}@keyframes toastIn{0%{opacity:0;transform:translateY(2cqh)}}.ov{background:var(--dark);z-index:50;animation:.3s fade;position:absolute;inset:0}.modal{text-align:center;animation:modalIn .4s var(--overshoot);background:#fbfcf8;border-radius:6cqw;padding:5cqw 5cqw 6cqw;position:absolute;top:50%;left:7cqw;right:7cqw;transform:translateY(-50%);box-shadow:0 2cqw 5cqw #00000040}@keyframes modalIn{0%{opacity:0;transform:translateY(-50%)scale(.7)}}.modal h3{font-family:var(--display);color:var(--ink);margin:0 0 4cqw;font-size:7cqw;font-weight:600}.modal .x{width:8cqw;height:8cqw;color:var(--ink2);cursor:pointer;background:0 0;border:0;font-size:6cqw;font-weight:700;line-height:1;position:absolute;top:3.6cqw;right:4cqw}.modal p{color:var(--ink2);margin:0 0 5cqw;font-size:4.2cqw;font-weight:600;line-height:1.4}.modal .stack{gap:2.6cqw;display:grid}.modal .btn{height:12.5cqw;font-size:5.2cqw}@media (prefers-reduced-motion:reduce){.idle,.hero,.burst,.hand,.tgt:before,.pulse,.streakIco{animation:none!important}}.game{background:var(--bg)}.game.tut .hud{visibility:hidden}.gameCol{padding:max(2.4cqh,env(safe-area-inset-top)) 4cqw max(3cqh,env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:2.8cqw;display:flex;position:absolute;inset:0}.hdr{flex:none;justify-content:space-between;align-items:center;width:100%;height:12cqw;display:flex}.hdr .stat{text-align:center;line-height:1.05}.hdr .stat span{color:var(--ink2);font-size:4.6cqw;font-weight:600;display:block}.hdr .stat b{color:var(--ink);margin-top:.6cqw;font-size:6cqw;font-weight:700;display:block}.hdr .mid{gap:11cqw;display:flex}.pills{flex:none;justify-content:center;gap:3cqw;display:flex}.pill{box-shadow:var(--shadow);background:#fff;border-radius:6cqw;align-items:center;gap:1.2cqw;min-height:10cqw;padding:1.6cqw 3cqw;display:flex}.pill .ico{place-items:center;width:6.4cqw;height:6.4cqw;display:grid}.pill .ico img,.pill .ico svg{object-fit:contain;width:100%;height:100%}.pill .ico .sil{width:100%;height:100%;-webkit-mask:var(--pandaMask) center/contain no-repeat;-webkit-mask:var(--pandaMask) center/contain no-repeat;mask:var(--pandaMask) center/contain no-repeat;opacity:.95;display:block}.pill .ico.lost{opacity:.28;filter:grayscale()}.pill .ico.pop{animation:pop .35s var(--overshoot)}.pill .ico.flip{animation:.4s flipIn}@keyframes flipIn{0%{transform:rotateY(90deg)}}.rules{width:100%;box-shadow:var(--shadow);background:#fff;border-radius:4cqw;flex:none;gap:1.8cqw;padding:1.8cqw;display:flex}.rule{background:var(--card2);color:var(--ink2);border-radius:3cqw;flex:1;align-items:center;gap:1.3cqw;padding:1.8cqw 1.4cqw;font-size:2.9cqw;font-weight:600;line-height:1.2;transition:background .2s,color .2s;display:flex}.rule.hit{background:var(--hit);color:var(--hitInk);box-shadow:0 0 0 .5cqw var(--hitRing);animation:.5s ruleShake}@keyframes ruleShake{25%{transform:translate(-1cqw)}75%{transform:translate(1cqw)}}.mini{flex:none;grid-template-columns:repeat(3,1fr);gap:.35cqw;width:8.4cqw;height:8.4cqw;display:grid}.mini i{background:var(--line);border-radius:.6cqw;place-items:center;display:grid}.mini i svg{width:80%;height:80%}.mini i svg path{stroke:var(--ink2);stroke-width:4.6px;stroke-linecap:round;fill:none}.mini i img{object-fit:contain;width:100%;height:100%}.boardCard{width:min(100%,52cqh);box-shadow:var(--shadow);animation:boardIn .45s var(--overshoot);background:#fff;border-radius:4.2cqw;flex:none;margin-top:1cqw;padding:3.6cqw;position:relative}.boardCard.leaving{animation:.28s ease-in forwards boardOut}@keyframes boardIn{0%{opacity:0;transform:translate(18cqw)scale(.92)}}@keyframes boardOut{to{opacity:0;transform:translate(-18cqw)scale(.92)}}.board{aspect-ratio:1;touch-action:none;gap:2.2cqw;display:grid;position:relative}.cell{aspect-ratio:1;background:var(--col);cursor:pointer;border-radius:2.2cqw;transition:filter .15s,box-shadow .2s,transform .12s;position:relative}.cell .mark{pointer-events:none;width:52%;height:52%;animation:.18s ease-out pop;position:absolute;top:24%;left:24%}.cell .mark path{stroke:#fff;stroke-width:4.6px;stroke-linecap:round;fill:none}.cell .mark.bad path{stroke:var(--bad)}.cell img.panda{object-fit:contain;z-index:2;width:96%;height:96%;animation:placeIn .38s var(--overshoot);filter:drop-shadow(0 .5cqw .3cqw #00000024);pointer-events:none;position:absolute;top:2%;left:2%}.cell img.panda.idle{animation:bob var(--bobdur,2.6s) ease-in-out var(--bobdelay,0s) infinite}.cell img.panda.cry{animation:placeIn .3s var(--overshoot)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}.cell img.panda.peek{animation:1.1s ease-in-out peek}.cell img.panda.poke{animation:pokeSquash .45s var(--overshoot)}@keyframes pokeSquash{30%{transform:scale(1.18,.82)translateY(6%)}60%{transform:scale(.94,1.08)translateY(-4%)}to{transform:scale(1)}}@keyframes peek{25%{transform:rotate(-13deg)translateY(-3%)}60%{transform:rotate(-13deg)translateY(-3%)}to{transform:rotate(0)}}.cell.flash:after{content:"";border-radius:inherit;pointer-events:none;background:#fff;animation:.35s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.8}to{opacity:0}}.cell.glow{box-shadow:0 0 0 .8cqw var(--glow),0 0 4cqw var(--glow);z-index:3;filter:brightness(1.12)}.cell.wrong{animation:.5s shake}@keyframes shake{20%{transform:translate(-6%)}40%{transform:translate(6%)}60%{transform:translate(-4%)}80%{transform:translate(4%)}}.cell.lift{z-index:45}.cell.tgt{background:var(--green)!important}.cell.tgt:before{content:"";border:.9cqw solid #ffffffd9;border-radius:50%;animation:1.1s ease-out infinite ring;position:absolute;inset:14%}@keyframes ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.15)}}.cell.pre{filter:brightness(1.2)saturate(.9)}.cell.pre .mark{opacity:.85}.cell img.panda.wave{animation:.42s ease-out both winBounce}@keyframes winBounce{50%{transform:translateY(-26%)scale(1.12)}}.hand{z-index:46;pointer-events:none;filter:drop-shadow(0 .6cqw 1cqw #00000059);font-size:9cqw;line-height:1;animation:1.1s ease-in-out infinite tapHand;position:absolute;top:50%;left:58%}@keyframes tapHand{0%,to{transform:translate(0)}50%{transform:translate(-8%,-14%)scale(.92)}}.spark{z-index:6;pointer-events:none;width:34%;animation:.75s ease-out forwards spark;position:absolute;top:33%;left:33%}@keyframes spark{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1) rotate(90deg)}}.floatScore.hot{color:var(--title);text-shadow:0 .5cqw 0 var(--titleShadow),0 0 3cqw #ffd65acc;font-size:9.5cqw}.floatScore{z-index:8;text-align:center;font-family:var(--display);color:var(--accent2);text-shadow:0 .4cqw #fff,0 0 2cqw #ffffffe6;pointer-events:none;font-size:8cqw;font-weight:700;animation:1.1s ease-out forwards floatUp;position:absolute;top:-2cqw;left:0;right:0}@keyframes floatUp{0%{opacity:0;transform:translateY(3cqw)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.05)}70%{opacity:1}to{opacity:0;transform:translateY(-6cqw)}}.praise{z-index:9;color:#fff;text-align:center;background:#303a34f0;border-radius:4cqw;padding:3cqw 5cqw;font-size:4.2cqw;font-weight:600;line-height:1.35;animation:.35s cardIn;position:absolute;top:-4cqw;left:8cqw;right:8cqw;transform:translateY(-100%)}.praise:before{content:"🐾";background:#303a34f0;border-radius:50%;padding:.6cqw;font-size:4.2cqw;line-height:1;position:absolute;top:-3.4cqw;left:50%;transform:translate(-50%)}.ctl{flex:none;justify-content:center;gap:24cqw;margin-top:auto;padding-top:3cqw;display:flex;position:relative}.cbtn{width:15cqw;height:15cqw;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s;display:grid;position:relative}.cbtn img{object-fit:contain;width:60%;height:60%}.cbtn:active{transform:scale(.9)}.cbtn .badge{color:#fff;background:#f0453c;border-radius:3cqw;place-items:center;min-width:6cqw;height:6cqw;padding:0 1.4cqw;font-size:3.6cqw;font-weight:700;display:grid;position:absolute;top:-1.4cqw;right:-1cqw;box-shadow:0 .4cqw 1cqw #00000026}.cbtn.lift{z-index:45;visibility:visible}.cbtn.pulse{animation:1.1s ease-in-out infinite btnPulse}.cbtn.nudge img{transform-origin:50% 80%;animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,60%,to{transform:rotate(0)}65%{transform:rotate(-14deg)scale(1.08)}75%{transform:rotate(12deg)scale(1.08)}85%{transform:rotate(-8deg)}}@keyframes btnPulse{50%{box-shadow:0 0 0 1.6cqw #ffd86bb3,var(--shadow)}}.conflictLine{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.conflictLine line{stroke:#ff6b4a;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;animation:.9s linear infinite dash,.25s lineIn}@keyframes dash{to{stroke-dashoffset:-12px}}@keyframes lineIn{0%{opacity:0}}.clearPop{text-align:center;z-index:7;pointer-events:none;font-family:var(--display);color:var(--title);-webkit-text-stroke:.35cqw #fff;paint-order:stroke fill;text-shadow:0 .8cqw 0 var(--titleShadow),0 1.4cqw 2cqw #00000040;animation:clearPop 1.4s var(--overshoot) forwards;font-size:12cqw;font-weight:700;position:absolute;top:40%;left:0;right:0}@keyframes clearPop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}25%{opacity:1;transform:scale(1.1)rotate(2deg)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)translateY(-4cqw)}}.tutov{background:var(--dark);z-index:40;animation:.3s fade;position:absolute;inset:0}.tcard{text-align:center;color:var(--ink);z-index:46;background:#fff;border-radius:4cqw;padding:4.2cqw 5cqw;font-size:4.3cqw;font-weight:600;line-height:1.4;animation:.35s cardIn;position:absolute;left:0;right:0;box-shadow:0 1cqw 3cqw #0003}.tcard em{color:var(--pink);font-style:normal;font-weight:700}.tcard.top{bottom:calc(100% + 3cqw)}.tcard.bottom{top:calc(100% + 3cqw)}.tcard.hint{visibility:visible;width:58cqw;font-size:4cqw;bottom:calc(100% + 2cqw);left:auto;right:-4cqw}.tutDone{z-index:46;position:absolute;top:calc(100% + 12cqw);left:6cqw;right:6cqw}.exOv{z-index:40}.tcard.exTip{text-align:left;color:var(--ink2);background:#fbfcf8;font-size:3.9cqw;bottom:calc(100% + 3cqw)}.exApply{width:auto;left:12cqw;right:12cqw;bottom:calc(max(9cqh,env(safe-area-inset-bottom)) + 2cqw);z-index:46;position:absolute}.ov .title{text-align:center;font-family:var(--display);color:var(--title);-webkit-text-stroke:.35cqw #fff;paint-order:stroke fill;text-shadow:0 .9cqw 0 var(--titleShadow),0 1.6cqw 2cqw #0000004d;letter-spacing:.02em;animation:titleIn .6s var(--overshoot);font-size:13cqw;font-weight:700;position:absolute;top:9cqh;left:0;right:0}.ov .title.blue{color:#5fb4ff;text-shadow:0 .9cqw #2b6fbe,0 1.6cqw 2cqw #0000004d;font-size:11cqw}@keyframes titleIn{0%{opacity:0;transform:scale(.3)}}.ov .title:after{content:attr(data-text);-webkit-text-stroke:0;color:#0000;background:linear-gradient(110deg,#0000 40%,#ffffffd9 50%,#0000 60%) 200% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:1.4s ease-in-out .7s glint;position:absolute;inset:0}@keyframes glint{to{background-position:-100% 0}}.burst{background:repeating-conic-gradient(from 0deg,#ffdc786b 0 9deg,#ffdc7800 9deg 18deg);pointer-events:none;width:130cqw;height:130cqw;animation:18s linear infinite spin;position:absolute;top:38cqh;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0 30%,#0000 62%);mask-image:radial-gradient(circle,#000 0 30%,#0000 62%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.ov .hero{filter:drop-shadow(0 1.5cqw 2cqw #00000059);width:66cqw;animation:heroIn .6s var(--overshoot);position:absolute;top:38cqh;left:50%;transform:translate(-50%,-50%)}@keyframes heroIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.4)}}.ov .msg{text-align:center;color:#fff;font-family:var(--display);text-shadow:0 .5cqw 1.2cqw #00000080;font-size:5.6cqw;font-weight:600;line-height:1.35;animation:.5s .3s both cardIn;position:absolute;top:62cqh;left:8cqw;right:8cqw}.ov .msg b{color:#5be47a}.ov .act{gap:3cqw;animation:.5s .5s both cardIn;display:grid;position:absolute;top:74cqh;left:12cqw;right:12cqw}.confetti{pointer-events:none;border-radius:.3cqw;width:2.4cqw;height:1.6cqw;animation:linear forwards conf;position:absolute;top:-4cqw}@keyframes conf{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.7;transform:translateY(110cqh)rotate(720deg)}}.lose .hero{width:52cqw;top:36cqh}.lose .msg{font-size:4.6cqw;font-family:var(--font);font-weight:700;top:56cqh}.lose .act{top:66cqh}.splash{background:var(--bg);place-items:center;display:grid}.splash .studio{text-align:center;opacity:0;animation:2.6s forwards studioIn}.splash .studio b{font-family:var(--display);color:var(--studio);letter-spacing:.01em;font-size:12cqw;font-weight:600;line-height:1;display:block}.splash .studio b sup{vertical-align:top;margin-left:.6cqw;font-size:3cqw}.splash .studio span{color:var(--ink3);letter-spacing:.32em;margin-top:1.6cqw;font-size:4.2cqw;font-weight:600;display:block}@keyframes studioIn{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.loading{background:var(--bg)}.loading .quote{color:var(--quote);letter-spacing:.005em;font-size:5.2cqw;font-weight:600;line-height:1.55;animation:.6s cardIn;position:absolute;top:9cqh;left:9cqw;right:9cqw}.loading .quote small{text-align:right;color:var(--quoteSub);margin-top:2.4cqw;font-size:3.7cqw;font-weight:500;display:block}.loading .art{opacity:0;background:50% 30%/cover no-repeat;height:52cqh;animation:.8s .1s forwards fadeUp;position:absolute;top:12cqh;left:5cqw;right:5cqw;-webkit-mask-image:radial-gradient(48% 46%,#000 52%,#0000 84%);mask-image:radial-gradient(48% 46%,#000 52%,#0000 84%)}.loading .art.custom{background-position:50%;background-size:contain;-webkit-mask-image:none;mask-image:none}.loading .hero{opacity:0;width:54cqw;animation:.7s .35s forwards fadeIn,1.6s ease-in-out .9s infinite hop;position:absolute;top:38cqh;left:50%;transform:translate(-50%)}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(2cqh)}to{opacity:1;transform:none}}.loading .bar{background:var(--line);border-radius:2cqw;height:2.6cqw;position:absolute;top:79cqh;left:8cqw;right:8cqw}.loading .bar i{background:var(--accent);border-radius:2cqw;transition:width .25s cubic-bezier(.2,.8,.3,1);position:absolute;top:0;bottom:0;left:0}.loading .bar img{width:8cqw;transform:translateX(-50%) rotate(var(--tilt,0deg));filter:drop-shadow(0 .3cqw .3cqw #00000026);transition:left .25s cubic-bezier(.2,.8,.3,1),transform .25s;position:absolute;top:-8.6cqw}.wordmark{font-family:var(--display);color:var(--logo);letter-spacing:.06em;text-align:center;font-weight:700;line-height:.92}.wordmark em{color:var(--accent);font-style:normal}.wordmark span{display:inline-block}.loading .wordmark{font-size:11cqw;position:absolute;top:85cqh;left:0;right:0}.loading .wordmark span{animation:letterPop .5s var(--overshoot) both}@keyframes letterPop{0%{opacity:0;transform:scale(.4)}}.home{background:var(--bg)}.home .tiles{pointer-events:none;background-image:linear-gradient(var(--line) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--line) 1.5px,transparent 1.5px);background-position:7cqw 7cqw;background-size:14cqw 14cqw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 100%)}.home .wm{opacity:.08;pointer-events:none;width:9cqw;position:absolute}.home svg.wm path{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.home .topbar{left:4cqw;right:4cqw;top:max(2.6cqh,env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:absolute}.avatarBtn{width:12.5cqw;height:12.5cqw;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:3cqw;padding:0;transition:transform .12s;position:relative;overflow:hidden}.avatarBtn:active{transform:scale(.92)}.avatarBtn img{object-fit:contain;width:100%;height:100%;padding:8%}.avatarBtn.f1{box-shadow:0 0 0 .9cqw #e7b75c,0 0 0 1.4cqw #c98a2e}.avatarBtn.f2{box-shadow:0 0 0 .9cqw #8fd37a,0 0 0 1.4cqw #4e9a34}.avatarBtn.f3{box-shadow:0 0 0 .9cqw #8fc6ec,0 0 0 1.4cqw #3e86c4}.streakPill{color:var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:6cqw;align-items:center;gap:1.4cqw;padding:1.6cqw 4cqw 1.6cqw 3cqw;font-size:4.4cqw;font-weight:700;display:flex}.streakPill svg{width:5cqw;height:5cqw}.home .wordmark{font-size:13.5cqw;position:absolute;top:19cqh;left:0;right:0}.home .wordmark span{animation:letterIn .5s var(--overshoot) both}@keyframes letterIn{0%{opacity:0;transform:translateY(-1.2em)rotate(-20deg)scale(.6)}}.home .hero{cursor:pointer;width:44cqw;animation:1.8s ease-in-out infinite hop;position:absolute;top:36cqh;left:50%;transform:translate(-50%)}.home .hero.wiggle{animation:wiggle .6s var(--overshoot)}@keyframes wiggle{30%{transform:translate(-50%)scale(1.08,.92)rotate(-4deg)}60%{transform:translate(-50%)scale(.96,1.06)rotate(3deg)}to{transform:translate(-50%)}}.home .cta{gap:2.6cqw;display:grid;position:absolute;top:70cqh;left:14cqw;right:14cqw}.home .cta .btn.primary{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{box-shadow:0 1.2cqw 3.6cqw var(--accentGlow),0 0 0 1.2cqw #f27d5c2e, inset 0 -.8cqw 0 #00000014}}.home .lvlLink{text-align:center;position:absolute;top:88cqh;left:0;right:0}.home .lvlLink button{color:var(--ink2);cursor:pointer;background:0 0;border:0;font-size:3.8cqw;font-weight:700;text-decoration:underline}.streak{background:linear-gradient(180deg,var(--streakA) 0%,var(--streakB) 100%)}.streak h2{text-align:center;color:var(--ink2);margin:0;font-size:5cqw;font-weight:700;position:absolute;top:4cqh;left:0;right:0}.streak .cal{opacity:.16;width:44cqw;position:absolute;top:2cqh;right:-10cqw}.streakIco{width:40cqw;animation:dropIn .6s var(--overshoot), hop 2s ease-in-out .6s infinite;position:absolute;top:14cqh;left:50%;transform:translate(-50%)}@keyframes dropIn{0%{opacity:0;transform:translate(-50%)translateY(-30%)scale(.6)}}.streak .num{text-align:center;font-family:var(--display);color:var(--accent2);animation:pop .7s var(--overshoot);font-size:20cqw;font-weight:700;line-height:1;position:absolute;top:40cqh;left:0;right:0}.streak .lbl{text-align:center;font-family:var(--display);color:var(--accent2);font-size:6.8cqw;font-weight:600;position:absolute;top:52cqh;left:0;right:0}.streak .best{color:var(--ink2);white-space:nowrap;background:#fff;border-radius:6cqw;padding:1.6cqw 5cqw;font-size:4cqw;font-weight:700;position:absolute;top:58.5cqh;left:50%;transform:translate(-50%)}.week{justify-content:space-between;display:flex;position:absolute;top:65cqh;left:5cqw;right:5cqw}.week div{text-align:center;color:var(--ink3);width:12cqw;font-size:3.3cqw;font-weight:700}.week div.today{color:var(--accent2)}.week i{background:#ede2d6;border-radius:50%;place-items:center;width:10cqw;height:10cqw;margin:1.6cqw auto 0;font-size:5.6cqw;font-style:normal;display:grid}.week i.on{background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:0 .6cqw 1.4cqw var(--accentGlow)}.week i.on.today{animation:pop .5s var(--overshoot) .3s both}.week i.on svg{width:55%;height:55%}.week i.gift{background:0 0;animation:3s ease-in-out infinite wiggleGift}@keyframes wiggleGift{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-8deg)}96%{transform:rotate(8deg)}}.streak .act{position:absolute;top:80cqh;left:12cqw;right:12cqw}.howto{text-align:left;gap:2.2cqw;margin:0 0 4.4cqw;display:grid}.howto div{box-shadow:var(--shadow);background:#fff;border-radius:3.2cqw;align-items:center;gap:2.6cqw;padding:2.4cqw 3cqw;display:flex}.howto span{text-align:center;flex:none;width:8cqw;font-size:5.4cqw;line-height:1}.howto p{color:var(--ink);margin:0;font-size:3.7cqw;font-weight:600;line-height:1.35}.toggles{justify-content:space-between;gap:2cqw;margin:0 0 3.4cqw;display:flex}.tg{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:3.4cqw;flex:1;justify-items:center;gap:1cqw;padding:2cqw 1cqw 1.6cqw;display:grid}.tg .ic{place-items:center;width:7.4cqw;height:7.4cqw;display:grid}.tg .ic img,.tg .ic svg{object-fit:contain;width:100%;height:100%}.tg .sw{color:#fff;background:#cfc6c0;border-radius:3cqw;justify-content:flex-end;align-items:center;width:11cqw;height:5cqw;padding:0 1.2cqw;font-size:2.4cqw;font-weight:800;transition:all .2s;display:flex;position:relative}.tg .sw:after{content:"";background:#fff;border-radius:50%;width:4cqw;height:4cqw;transition:left .2s;position:absolute;top:.5cqw;left:.5cqw;box-shadow:0 .3cqw .6cqw #0003}.tg.on .sw{background:#3dc46a;justify-content:flex-start}.tg.on .sw:after{left:6.5cqw}.tg.off .ic{filter:grayscale();opacity:.5}.rowLink{color:var(--ink);box-shadow:var(--shadow);cursor:pointer;text-align:left;background:#fff;border:0;border-radius:3.4cqw;justify-content:space-between;align-items:center;width:100%;margin:0 0 3.4cqw;padding:3cqw 4cqw;font-size:4cqw;font-weight:700;display:flex}.rowLink span{color:var(--ink3)}.legal{color:var(--ink2);margin:4cqw 0 0;font-size:3.2cqw;font-weight:600}.legal a{color:var(--ink2);cursor:pointer;margin:0 2cqw;text-decoration:underline}.legal small{color:var(--ink3);margin-top:1.4cqw;font-size:2.9cqw;display:block}.smallLinks{flex-wrap:wrap;justify-content:center;gap:3cqw;margin-top:3.4cqw;display:flex}.smallLinks button{color:var(--ink2);cursor:pointer;background:0 0;border:0;font-size:3.4cqw;font-weight:700;text-decoration:underline}.profTop{align-items:center;gap:3cqw;margin:0 0 4cqw;display:flex}.profTop .avatarBtn{cursor:default;flex:none;width:14cqw;height:14cqw}.nameBox{box-shadow:var(--shadow);background:#fff;border-radius:3.4cqw;flex:1;align-items:center;height:11cqw;padding:0 1cqw 0 3cqw;display:flex}.nameBox input{min-width:0;color:var(--ink);text-align:center;background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:4.4cqw;font-weight:700}.nameBox b{background:var(--accent);color:#fff;border-radius:2.4cqw;place-items:center;width:8cqw;height:8cqw;font-size:4cqw;display:grid}.tabs{box-shadow:var(--shadow);background:#fff;border-radius:4cqw;margin:0 0 3.4cqw;padding:1cqw;display:flex}.tabs button{color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:3.2cqw;flex:1;padding:2.2cqw;font-size:4.2cqw;font-weight:700}.tabs button.on{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#fff}.avGrid{grid-template-columns:repeat(4,1fr);gap:2.6cqw;margin:0 0 4.4cqw;display:grid}.avGrid button{aspect-ratio:1;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:3cqw;place-items:center;padding:8%;transition:transform .12s;display:grid;position:relative}.avGrid button:active{transform:scale(.92)}.avGrid button img{object-fit:contain;width:100%;height:100%}.avGrid button.on{box-shadow:0 0 0 .8cqw var(--accent),var(--shadow)}.avGrid button.on:after{content:"✓";color:#fff;width:5.4cqw;height:5.4cqw;animation:pop .3s var(--overshoot);background:#3dc46a;border-radius:50%;place-items:center;font-size:3.4cqw;font-weight:800;display:grid;position:absolute;bottom:-1.2cqw;right:-1.2cqw;box-shadow:0 0 0 .5cqw #fff}.avGrid .fr{background:var(--line);border-radius:2.4cqw;width:70%;height:70%}.avGrid .fr.f1{box-shadow:0 0 0 .9cqw #e7b75c,0 0 0 1.4cqw #c98a2e}.avGrid .fr.f2{box-shadow:0 0 0 .9cqw #8fd37a,0 0 0 1.4cqw #4e9a34}.avGrid .fr.f3{box-shadow:0 0 0 .9cqw #8fc6ec,0 0 0 1.4cqw #3e86c4}.lvlGrid{grid-template-columns:repeat(5,1fr);gap:2.2cqw;margin:0 0 2cqw;display:grid}.lvlGrid.scroll{overscroll-behavior:contain;max-height:56cqh;padding:1cqw;overflow-y:auto}.lvlGrid button{aspect-ratio:1;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:3cqw;place-items:center;font-size:4.4cqw;font-weight:700;line-height:1;display:grid;position:relative}.lvlGrid button small{color:var(--ink3);margin-top:.6cqw;font-size:2.6cqw;font-weight:700;display:block}.lvlGrid button.done{color:#b5741e;background:#fff1d6}.lvlGrid button.done:after{content:"✓";color:var(--accent2);font-size:3cqw;position:absolute;top:.8cqw;right:1cqw}.lvlGrid button.cur{box-shadow:0 0 0 .7cqw var(--accent),var(--shadow)}