@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/matchacup/fonts/baloo2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-weight:400 800;font-display:swap;src:url(/matchacup/fonts/baloo2-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}:root{--font: "Baloo 2", "Arial Rounded MT Bold", "Segoe UI", sans-serif;--ink: #4a2338;--ink-soft: #8a5a72;--cream: #fff7ea;--pink: #ff9cc8;--pink-dark: #df6fa5;--awning: #bfe0a6;--mint: #d6ecc0;--mint-dark: #9cca78;--green: #7fdc8f;--green-dark: #4cae62;--red: #ff8f9c;--red-dark: #de6574;--blue: #b3d98a;--blue-dark: #7aa953;--purple: #c3a5ff;--purple-dark: #9576df;--yellow: #ffd866;--floor: #f4ece7}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#eadfd9;font-family:var(--font);font-weight:700;color:var(--ink)}#root{height:100%;display:flex;align-items:center;justify-content:center}button{font-family:inherit;font-weight:800;color:inherit;touch-action:manipulation;border:0;padding:0;background:none;cursor:pointer}.ic{display:inline-block;vertical-align:-.14em;flex:none}.app{position:relative;width:100%;max-width:440px;height:min(100dvh,960px);margin:0 auto;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(255,141,182,.45) 0 2px,transparent 2.6px) 0 0 / 37px 41px,radial-gradient(circle at 70% 60%,rgba(61,187,147,.4) 0 1.6px,transparent 2.2px) 0 0 / 29px 33px,radial-gradient(circle at 40% 80%,rgba(255,198,46,.5) 0 1.8px,transparent 2.4px) 0 0 / 43px 37px,radial-gradient(circle at 85% 15%,rgba(138,90,114,.22) 0 2.4px,transparent 3px) 0 0 / 53px 47px,linear-gradient(180deg,#fbf4ef 0%,var(--floor) 100%)}@media (min-width: 700px) and (min-height: 900px){.app{max-width:560px;height:min(100dvh,1120px)}}@media (prefers-reduced-motion: reduce){.home-mascot,.hero-belt .cup,.play-btn,.side-btn.attn,.brick.hint,.pointer{animation:none!important}}.awning{position:absolute;left:0;right:0;top:0;height:calc(118px + env(safe-area-inset-top));background:repeating-linear-gradient(90deg,var(--awning) 0 26px,#fff 26px 52px);box-shadow:inset 0 -6px #0000000a;z-index:0}.awning:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:radial-gradient(circle at 13px 0,var(--awning) 12.5px,transparent 13px) 0 0 / 52px 14px repeat-x,radial-gradient(circle at 39px 0,#fff 12.5px,transparent 13px) 0 0 / 52px 14px repeat-x;filter:drop-shadow(0 4px 2px rgba(120,40,70,.12))}.awning.small{height:calc(58px + env(safe-area-inset-top))}.outline{color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 6px;border-radius:20px;background:#fff;font-size:19px;box-shadow:0 4px #e6cfd9,0 6px 10px #4a233826;position:relative}.pill .ic{font-size:30px}.pill b{min-width:26px;text-align:left}.pill small{font-size:12px;color:var(--ink-soft)}.pill .plus{width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:17px;line-height:20px;text-align:center;box-shadow:0 2px 0 var(--green-dark)}.pill.lives.empty b{color:var(--red)}.round-btn{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--pink-dark);font-size:24px;display:grid;place-items:center;box-shadow:0 4px #e6cfd9,0 6px 10px #4a233826}.round-btn.blue{background:linear-gradient(#dcf0c8,var(--blue));color:#fff;border:3px solid #fff;box-shadow:0 4px 0 var(--blue-dark),0 7px 10px #1d6cc04d}.round-btn:active,.pill:active{transform:translateY(3px);box-shadow:0 1px #e6cfd9}.round-btn.blue:active{box-shadow:0 1px 0 var(--blue-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:8px 16px;border-radius:18px;background:#fff;color:var(--ink);font-size:19px;box-shadow:0 5px #e2cbd6,0 8px 12px #4a23381f;border:3px solid #f1e1e8;transition:transform .08s ease,box-shadow .08s ease}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #e2cbd6}.btn:disabled{opacity:.5;cursor:default}.btn.big{min-height:60px;font-size:23px;border-radius:22px;white-space:nowrap}.btn.green{background:linear-gradient(#b2efbc,var(--green));color:#fff;border-color:#fff;text-shadow:0 2px 0 rgba(50,130,70,.55);box-shadow:0 5px 0 var(--green-dark),0 9px 14px #23913a4d}.btn.green:active:not(:disabled){box-shadow:0 1px 0 var(--green-dark)}.btn.purple{background:linear-gradient(#e0d0ff,var(--purple));color:#fff;border-color:#fff;text-shadow:0 2px 0 rgba(100,70,170,.5);box-shadow:0 5px 0 var(--purple-dark),0 9px 14px #6637c84d}.btn.purple:active:not(:disabled){box-shadow:0 1px 0 var(--purple-dark)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--ink-soft);min-height:42px;font-size:17px}.btn.ghost.danger{color:var(--red)}.btn .price{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 10px 1px 4px;border-radius:12px;background:#00000029;font-size:18px;text-shadow:none}.home{flex:1;display:flex;flex-direction:column;position:relative;min-height:0}.home-top{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.home-top .pill.coins{margin-left:auto}.logo{position:relative;z-index:2;margin-top:40px;text-align:center;line-height:.82;transform:rotate(-4deg);font-weight:800}.logo-match{display:block;font-size:80px;color:#f4fbe9;-webkit-text-stroke:11px #6f9e4a;paint-order:stroke fill;text-shadow:0 8px 0 #4f7a35;letter-spacing:1px}.logo-a{display:inline-block;margin-left:2px;font-size:50px;color:#fff;-webkit-text-stroke:8px #d9619a;text-shadow:0 5px 0 #a8436f;transform:translateY(-12px) rotate(10deg)}.logo-cup{display:inline-block;font-size:84px;color:#ffc4dc;-webkit-text-stroke:11px #c4558a;paint-order:stroke fill;text-shadow:0 8px 0 #96365f;transform:rotate(3deg) translate(34px)}.logo-tag{display:table;margin:14px auto 0;padding:3px 14px;border-radius:14px;background:#7fb35c;color:#fff;font-size:15px;line-height:1.3;letter-spacing:.5px;box-shadow:0 3px #5d8c3f;transform:rotate(3deg)}.hero{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:190px}.hero-belt{position:absolute;left:-10px;right:-10px;bottom:22px;height:34px;border-radius:17px;background:var(--mint);box-shadow:0 0 0 4px var(--mint-dark),0 8px 0 4px #7fb35c,0 14px 16px #5a8c3c33;overflow:hidden}.hero-belt .cup{position:absolute;bottom:4px;width:30px;height:35px;left:0;animation:belt-run 9s linear infinite}@keyframes belt-run{0%{transform:translate(460px)}to{transform:translate(-40px)}}.home-mascot{position:relative;z-index:2;width:172px;margin-bottom:26px;animation:bob 2.6s ease-in-out infinite;filter:drop-shadow(0 8px 0 rgba(74,35,56,.08))}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.home-stats{text-align:center;margin:14px 0 6px;font-size:16px;color:var(--ink-soft)}.home-stats .ic{color:var(--pink)}.home-bottom{position:relative;z-index:2;padding:4px 6px 6px}.side-row{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.side-btn{position:relative;width:78px;height:78px;border-radius:24px;background:#fff;color:var(--pink-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:30px;box-shadow:0 5px #e6cfd9,0 9px 14px #4a233824}.side-btn span{font-size:14px;color:var(--ink)}.side-btn:active{transform:translateY(4px);box-shadow:0 1px #e6cfd9}.side-btn .dot{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid #fff}.side-btn.attn{animation:wiggle 2.4s ease-in-out infinite}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(7deg)}95%{transform:rotate(-4deg)}}.play-btn{width:100%;height:82px;border-radius:28px;border:4px solid #fff;background:linear-gradient(#ffcfe2,var(--pink) 60%,#f78bbb);color:#fff;font-size:38px;box-shadow:inset 0 4px #ffffff73,0 8px 0 var(--pink-dark),0 14px 20px #c8508c4d;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;animation:breathe 2.2s ease-in-out infinite}.play-btn .play-label{-webkit-text-stroke:7px #c4558a;paint-order:stroke fill}.play-btn.hard{background:linear-gradient(#ffc0c8,var(--red) 60%,#f47d8c);box-shadow:inset 0 4px #fff6,0 8px 0 var(--red-dark),0 14px 20px #b01f3559}.play-btn.hard .play-label{-webkit-text-stroke-color:#c04a5c}.play-hard{font-size:15px;margin-top:2px}.play-btn:active{transform:translateY(5px)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.game{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.hud{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}.level-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 22px;border-radius:24px;background:linear-gradient(#ffc0c8,var(--red) 60%,#f47d8c);border:4px solid #fff;color:#fff;font-size:27px;line-height:1.3;-webkit-text-stroke:5px #c04a5c;paint-order:stroke fill;box-shadow:0 5px 0 var(--red-dark),0 8px 12px #b01f354d}.level-pill .ic{-webkit-text-stroke:0;font-size:22px;color:#ffd84d}.coach{position:relative;z-index:6;display:flex;align-items:center;gap:8px;margin:10px 4px 0;padding:7px 12px;border-radius:16px;background:var(--green);color:#fff;font-size:15px;line-height:1.2;text-align:left;box-shadow:0 4px 0 var(--green-dark);animation:drop-in .3s ease-out}.coach span{flex:1}.coach .ic{font-size:14px;opacity:.8}@keyframes drop-in{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.stage-wrap{flex:1;min-height:0;position:relative;margin-top:6px}.stage{position:absolute;left:50%;transform-origin:top center}.belt{position:absolute;left:0;top:0;z-index:1;overflow:visible}.belt path{fill:none;stroke-linecap:round;stroke-linejoin:round}.belt-shadow{stroke:#50283c24;stroke-width:54;transform:translateY(7px)}.belt-rim{stroke:var(--mint-dark);stroke-width:49}.belt-top{stroke:#e4f3d4;stroke-width:40}.belt-stripes{stroke:#8cbe644d;stroke-width:33;stroke-dasharray:3 31;stroke-linecap:butt!important}.belt.moving .belt-stripes{animation:belt-move .24s linear infinite}@keyframes belt-move{to{stroke-dashoffset:-34}}.bcup{position:absolute;left:0;top:0;width:33px;height:38px;transition:transform .24s linear;will-change:transform}.bcup .cup{width:100%;height:100%;display:block;overflow:visible}.bcup.unlid .cup{animation:pop .3s ease-out}.cup{overflow:visible}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}.machine{position:absolute;left:360px;top:2px;width:52px;height:80px;z-index:300;border-radius:16px 0 0 16px;background:repeating-linear-gradient(90deg,#fff0 0,#fff0 9px,#ffffff47 9px,#ffffff47 18px),linear-gradient(#ff9fc4,var(--pink));box-shadow:inset 0 -8px #0000001f,inset 0 3px #ffffff80,0 6px 0 var(--pink-dark),0 10px 12px #4a233840}.machine:before{content:"";position:absolute;left:-4px;top:18px;width:18px;height:46px;border-radius:9px;background:#5a2440;box-shadow:inset 3px 0 #0000004d}.machine-light{position:absolute;left:22px;top:8px;width:10px;height:10px;border-radius:50%;background:#c6ffd6;box-shadow:0 0 6px #7dffa0}.chute{position:absolute;width:48px;height:12px;border-radius:0 0 14px 14px;background:var(--mint-dark);z-index:0}.sign{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(#7a6474,#66505f);border:4px solid #ffc690;box-shadow:0 5px #e49a5c,0 9px 12px #4a233833;color:#ffe9be;line-height:1}.sign b{font-size:32px;color:#fff}.sign span{font-size:14px;margin-top:3px}.counter{position:absolute;z-index:3;border-radius:22px;background:linear-gradient(#eef8e3,var(--mint));box-shadow:inset 0 3px #fff,0 10px #bfe0a6,0 12px #9cca78,0 18px 18px #4a233829}.counter:after{content:"";position:absolute;left:10px;right:10px;bottom:-10px;height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 3px,transparent 3px 10px)}.slot{position:absolute;z-index:4;border-radius:14px;background:#ffe3d0;box-shadow:inset 0 4px #a05a3c1f}.slot.locked{background:#c9b8b2;border:3px dashed #a08c86;box-shadow:inset 0 3px #0000001f;color:#fff;display:flex;align-items:center;justify-content:center}.slot-price{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px}.slot-price>.ic{font-size:20px;opacity:.9}.slot-price b{display:inline-flex;align-items:center;gap:2px;font-size:13px}.slot-price .coin-ic{font-size:14px}.slot-lock{font-size:20px;opacity:.6}.brick{--cell: 24px;position:absolute;border-radius:12px;background-color:var(--c);background-image:radial-gradient(closest-side at 50% 57%,var(--l) 0 26%,var(--d) 44% 49%,transparent 52%),radial-gradient(closest-side,rgba(255,255,255,.3) 0 58%,transparent 62%);background-size:var(--cell) var(--cell);box-shadow:inset 0 0 0 1.5px var(--d),inset 0 0 0 5px #ffffff80,inset 0 -3px 0 4px #0000000d,0 4px 0 var(--d),0 7px 9px #461e323d;transition:background-color .3s ease}.brick.board.free{cursor:pointer}.brick.covered:after{content:"";position:absolute;top:0;right:0;bottom:-6px;left:0;border-radius:inherit;background:#60486857;pointer-events:none}.brick.mystery{background-image:radial-gradient(closest-side at 50% 57%,var(--l) 0 26%,var(--d) 44% 49%,transparent 52%)}.mystery-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px;color:#fff;-webkit-text-stroke:4px #6d6585;paint-order:stroke fill;z-index:1}.brick.revealed{animation:reveal .45s ease-out}@keyframes reveal{0%{transform:scale(.9) rotateY(90deg)}60%{transform:scale(1.08)}to{transform:none}}.brick.icy .ice-cap{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:linear-gradient(125deg,rgba(255,255,255,.9) 0 12%,transparent 12% 30%,rgba(255,255,255,.55) 30% 34%,transparent 34%),linear-gradient(#d6f3ffd1,#a0dcffb8);border:2px solid #fff;box-shadow:inset 0 0 10px #50aae699;display:grid;place-items:center;z-index:2}.ice-count{display:inline-flex;align-items:center;gap:2px;padding:0 8px 0 4px;border-radius:12px;background:#2d8fd8;color:#fff;font-size:18px;line-height:24px;box-shadow:0 2px #1b62a0}.ice-count .ic{font-size:15px}.brick.hint{animation:hint .9s ease-in-out infinite;z-index:500!important}@keyframes hint{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-5px);filter:brightness(1.12)}}.brick.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.brick.tray{z-index:400}.brick.tray.serving{animation:serve .56s cubic-bezier(.5,0,.7,.4) forwards}@keyframes serve{0%{transform:none}22%{transform:translateY(-4px) scale(1.12)}40%{transform:translateY(-10px) scale(1.06);opacity:1}to{transform:translateY(-130px) scale(.35) rotate(-10deg);opacity:0}}.tcup{position:absolute;width:25px;height:29px;animation:cup-in .18s ease-out}@keyframes cup-in{0%{transform:translateY(-4px) scale(1.15)}to{transform:none}}.fcup{position:absolute;width:25px;height:29px;z-index:600;pointer-events:none}.fcup .cup{width:100%;height:100%;display:block}.board-panel{position:absolute;z-index:0;border-radius:24px;background:linear-gradient(#fff9ec,#fbefd6);box-shadow:0 0 0 6px #e4f3d4,0 8px 0 6px #bfe0a6,0 16px 22px #4a233829;transition:box-shadow .25s ease}.board-panel.hand-mode{box-shadow:0 0 0 6px #ffd84d,0 8px 0 6px #e0a800,0 0 30px 10px #ffd84d80}.zipper{position:absolute;pointer-events:none;overflow:visible}.zipper{filter:drop-shadow(0 3px 0 #3aa999)}.zipper rect{fill:#6fdccd;stroke:#fff;stroke-width:1.5}.zipper path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.pointer{position:absolute;width:38px;z-index:950;pointer-events:none;animation:tap 1s ease-in-out infinite;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.pointer svg{width:100%;display:block}@keyframes tap{0%,to{transform:translate(6px,10px)}50%{transform:translate(0) scale(.92)}}.burst{position:absolute;z-index:700;pointer-events:none}.burst .ring{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;border:5px solid var(--l);animation:ring .6s ease-out .15s both}@keyframes ring{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.burst .spark{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 0 2px #fff;animation:spark .7s ease-out .15s both}@keyframes spark{0%{transform:rotate(var(--a)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translate(56px) scale(.3);opacity:0}}.popup{position:absolute;z-index:800;white-space:nowrap;font-size:30px;font-weight:800;color:#ffe27a;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;pointer-events:none;animation:popup 1s ease-out forwards}@keyframes popup{0%{transform:translate(-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-14px) scale(1.15);opacity:1}to{transform:translate(-50%,-44px) scale(1);opacity:0}}.banner{position:absolute;left:50%;top:42%;z-index:40;padding:10px 26px;border-radius:22px;background:linear-gradient(#ffc0c8,var(--red));border:4px solid #fff;color:#fff;font-size:28px;white-space:nowrap;-webkit-text-stroke:5px #c04a5c;paint-order:stroke fill;box-shadow:0 6px 0 var(--red-dark),0 14px 24px #00000040;animation:banner 1.7s ease-in-out forwards;pointer-events:none}.banner .ic{-webkit-text-stroke:0;color:#ffd84d}@keyframes banner{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}15%{transform:translate(-50%,-50%) scale(1.1);opacity:1}25%,80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.hand-note{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:6px;padding:4px 14px 4px 6px;border-radius:18px;background:#ffd84d;font-size:15px;white-space:nowrap;box-shadow:0 4px #e0a800;pointer-events:none}.hand-note .bart{width:30px;height:30px}.boosters{position:relative;z-index:5;display:flex;justify-content:space-between;gap:8px;padding:10px 4px 2px}.booster{position:relative;flex:1;max-width:86px;height:74px;border-radius:20px;background:linear-gradient(#dcf0c8,var(--blue));border:3px solid #fff;box-shadow:0 5px 0 var(--blue-dark),0 9px 12px #1d6cc047;display:flex;align-items:center;justify-content:center}.booster .bart{display:block;width:52px;height:52px}.booster:active{transform:translateY(4px);box-shadow:0 1px 0 var(--blue-dark)}.booster.locked{background:linear-gradient(#cfc4cc,#b3a6b0);box-shadow:0 5px #8d7f89}.booster.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:17px;background:#d6cdd39e;pointer-events:none}.booster.locked .b-lock{z-index:1}.booster.active{background:linear-gradient(#ffe27a,#ffc62e);box-shadow:0 5px #d79a00,0 0 18px 4px #ffc62e99}.b-count,.b-plus,.b-lock{position:absolute;right:-6px;bottom:-6px;min-width:26px;height:26px;padding:0 6px;border-radius:13px;display:grid;place-items:center;font-size:16px;color:#fff;border:2.5px solid #fff}.b-count{background:var(--red)}.b-plus{background:var(--green);padding:0;font-size:15px}.b-lock{background:#a08c86;font-size:13px;display:flex;gap:2px}.b-lock .ic{font-size:11px}.toast{position:absolute;left:50%;top:24%;z-index:60;transform:translate(-50%);max-width:86%;padding:8px 16px;border-radius:16px;background:#4a2338eb;color:#fff;font-size:16px;text-align:center;pointer-events:none;animation:toast 1.8s ease forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:confetti 2.6s cubic-bezier(.25,.6,.5,1) both}@keyframes confetti{to{transform:translate(var(--dx),105vh) rotate(var(--r))}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));background:#4a23387a;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.dialog{position:relative;width:100%;max-width:360px;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:38px 18px 18px;border-radius:28px;background:var(--cream);border:4px solid #fff;box-shadow:0 8px #e6cfd9,0 20px 40px #4a233859;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:dlg-in .28s cubic-bezier(.2,.9,.3,1.3)}@keyframes dlg-in{0%{transform:scale(.8);opacity:0}}.dialog.tall{max-width:380px;overflow-y:auto;padding-top:74px;margin-top:10px}.dialog.tall .dlg-title{top:14px}.dlg-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:12px;background:#ffe3ec;color:var(--pink-dark);font-size:18px;display:grid;place-items:center}.dlg-title{position:absolute;top:-22px;left:50%;transform:translate(-50%);padding:4px 30px;border-radius:18px;background:linear-gradient(#ffcde2,var(--pink));border:4px solid #fff;box-shadow:0 5px 0 var(--pink-dark);white-space:nowrap}.dlg-title span{font-size:26px;color:#fff;-webkit-text-stroke:5px #c4558a;paint-order:stroke fill}.dlg-title.green{background:linear-gradient(#b2efbc,var(--green));box-shadow:0 5px 0 var(--green-dark)}.dlg-title.green span{-webkit-text-stroke-color:#3f9a55}.dlg-title.red{background:linear-gradient(#ffc0c8,var(--red));box-shadow:0 5px 0 var(--red-dark)}.dlg-title.red span{-webkit-text-stroke-color:#c04a5c}.dlg-mascot{width:110px;margin-top:4px}.dlg-mascot.bounce{animation:bob 1.6s ease-in-out infinite}.dlg-sub{margin:0;font-size:19px}.dlg-text{margin:0 4px 4px;font-size:16px;font-weight:600;line-height:1.3;color:var(--ink-soft)}.dlg-hint{margin:0;font-size:14px;color:var(--red)}.small-note{margin:4px 0 0;font-size:12px;font-weight:600;color:var(--ink-soft)}.legal-links a{color:var(--ink-soft)}.reward-row{display:flex;gap:10px;justify-content:center;margin:2px 0 6px}.reward{display:flex;align-items:center;gap:6px;padding:6px 16px 6px 8px;border-radius:18px;background:#fff;font-size:26px;box-shadow:0 4px #ecd8e0}.reward .ic{font-size:34px}.reward.soft{font-size:20px;flex-wrap:wrap;justify-content:center}.reward.soft .ic{color:var(--pink);font-size:24px}.reward small{font-size:12px;color:var(--ink-soft);width:100%;margin-top:-4px}.toggle-row{display:flex;gap:8px;width:100%}.toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:16px;background:#eee3e8;color:var(--ink-soft);font-size:15px}.toggle.on{background:var(--mint);color:#4d7a32;box-shadow:inset 0 0 0 3px var(--mint-dark)}.lang-row{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;font-size:20px;color:var(--ink-soft);flex-wrap:wrap}.chip{padding:6px 12px;border-radius:14px;background:#eee3e8;font-size:15px;color:var(--ink-soft)}.chip.on{background:var(--pink);color:#fff}.lives-big{position:relative;font-size:86px;line-height:1}.lives-big b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;color:#fff;padding-bottom:8px}.booster-hero{width:96px;height:96px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(#dcf0c8,var(--blue));border:4px solid #fff;box-shadow:0 6px 0 var(--blue-dark);margin-top:6px}.booster-hero .bart{width:70px;height:70px}.booster-hero.pop{animation:pop .5s ease-out}.restore-btn{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:14px;background:#fff;color:var(--ink-soft);font-size:14px;box-shadow:0 3px #ecd8e0}.ad-busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#4a233873}.ad-busy span{padding:12px 20px;border-radius:18px;background:#fff;font-size:17px;box-shadow:0 6px 18px #0003}.shop h4{margin:6px 0 0;font-size:16px;color:var(--ink-soft);align-self:flex-start}.shop-coins{display:flex;align-items:center;gap:6px;font-size:26px}.shop-coins .ic{font-size:32px}.shop-free{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:18px;background:linear-gradient(#e0d0ff,var(--purple));color:#fff;font-size:18px;box-shadow:0 5px 0 var(--purple-dark)}.shop-free span{flex:1;text-align:left}.shop-free b{display:inline-flex;align-items:center;gap:4px}.shop-free:disabled{opacity:.6}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 4px 8px;border-radius:18px;background:#fff;box-shadow:0 4px #ecd8e0;font-size:20px}.pack-coin{font-size:36px}.pack-price{font-size:15px;padding:2px 10px;border-radius:10px;background:var(--green);color:#fff}.pack-tag{position:absolute;top:-9px;padding:0 8px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;white-space:nowrap}.shop-boosters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.shop-booster{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px 6px;border-radius:16px;background:#fff;box-shadow:0 4px #ecd8e0;font-size:12px}.shop-booster .bart{width:40px;height:40px}.shop-booster small{color:var(--ink-soft)}.shop-booster em{font-style:normal;display:inline-flex;align-items:center;gap:2px;font-size:13px}.shop-booster:disabled{opacity:.5}.sheet-overlay{align-items:flex-end;padding:0}.sheet{width:100%;max-width:440px;padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:#fff;display:flex;flex-direction:column;gap:10px;animation:sheet-up .25s ease-out}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grab{width:40px;height:5px;border-radius:3px;background:#ddd;align-self:center}.sheet-title{margin:0;text-align:center;color:var(--ink-soft)}.sheet-item{display:flex;align-items:center;gap:8px;font-size:22px}.sheet-item span{margin-left:auto}.ad-overlay{background:#140a14d9}.ad-box{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center}.ad-film{font-size:60px;color:#ffd84d}.ad-box p{margin:0;font-size:22px}.ad-box small{opacity:.7;font-size:14px;font-weight:600}.ad-box .btn.ghost{color:#fff}.streak-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.streak-day{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:14px;background:#fff;box-shadow:0 3px #ecd8e0;font-size:16px}.streak-day small{font-size:11px;color:var(--ink-soft)}.streak-day .ic{font-size:26px;color:var(--pink)}.streak-day em{font-style:normal;font-size:10px;color:var(--purple)}.streak-day.big{grid-column:span 2}.streak-day.today{background:#fff3c4;box-shadow:0 0 0 3px var(--yellow),0 3px #e0a800}.streak-day.done{opacity:.55}.streak-check{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;display:grid;place-items:center}.journey-list{width:100%;max-height:54dvh;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;align-items:center}.jnode{position:relative;height:68px;display:flex;align-items:center;justify-content:center;transform:translate(var(--off))}.jnode button{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;background:#eee3e8;color:var(--ink-soft);font-size:22px;box-shadow:0 4px #d5c4cc;display:grid;place-items:center}.jnode.done button{background:var(--mint);color:#4d7a32;box-shadow:0 4px 0 var(--mint-dark)}.jnode.now button{width:64px;height:64px;background:linear-gradient(#b2efbc,var(--green));color:#fff;font-size:26px;border:4px solid #fff;box-shadow:0 5px 0 var(--green-dark),0 0 0 6px #4cc76440;animation:breathe 1.6s ease-in-out infinite}.jnode.hard button{box-shadow:0 4px #d5c4cc,0 0 0 3px var(--red)}.jnode.hard.now button{background:linear-gradient(#ffc0c8,var(--red));box-shadow:0 5px 0 var(--red-dark)}.jtag{position:absolute;left:62px;display:inline-flex;align-items:center;gap:2px;padding:0 8px;border-radius:10px;background:var(--red);color:#fff;font-size:12px;white-space:nowrap}.rules-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;text-align:left;font-size:15px;font-weight:600;line-height:1.3}.rules-list li{display:flex;align-items:center;gap:10px}.rule-art{flex:none;width:64px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:1px;font-size:26px;color:var(--green)}.rule-art .cup{width:20px;height:24px}.rule-art.warn{color:var(--red)}.brick-mini{height:34px;width:50px;border-radius:7px;background-color:var(--c);background-image:radial-gradient(closest-side at 50% 57%,var(--l) 0 26%,var(--d) 44% 49%,transparent 52%),radial-gradient(closest-side,rgba(255,255,255,.55) 0 58%,transparent 62%);background-size:17px 17px;box-shadow:inset 0 0 0 1.5px var(--d),0 3px 0 var(--d);flex:none;margin:0 7px}.icon-page{position:fixed;top:0;right:0;bottom:0;left:0;width:1024px;height:1024px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.7) 0 18%,transparent 46%),repeating-linear-gradient(90deg,#c9e6b2 0,#c9e6b2 96px,#d8eec5 96px,#d8eec5 192px)}.icon-mascot{width:760px;margin-top:40px;filter:drop-shadow(0 26px 0 rgba(74,35,56,.12))}html.demo .overlay,html.demo .dialog,html.demo .coach,html.demo .bcup .cup,html.demo .brick{animation:none!important}html.demo .toast,html.demo .banner{display:none}.feature-page{position:fixed;top:0;right:0;bottom:0;left:0;width:1024px;height:500px;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(255,141,182,.45) 0 3px,transparent 3.6px) 0 0 / 46px 50px,radial-gradient(circle at 70% 60%,rgba(61,187,147,.35) 0 2.4px,transparent 3px) 0 0 / 38px 42px,linear-gradient(180deg,#fbf4ef,#f1e6df)}.feature-awning{position:absolute;left:0;right:0;top:0;height:70px;background:repeating-linear-gradient(90deg,var(--awning) 0 40px,#fff 40px 80px)}.feature-awning:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:radial-gradient(circle at 20px 0,var(--awning) 19.5px,transparent 20px) 0 0 / 80px 18px repeat-x,radial-gradient(circle at 60px 0,#fff 19.5px,transparent 20px) 0 0 / 80px 18px repeat-x}.feature-logo{position:absolute;left:60px;top:110px;margin:0;transform:rotate(-4deg) scale(1.35);transform-origin:left top;text-align:left}.feature-logo .logo-cup{transform:rotate(3deg) translate(70px)}.feature-logo .logo-tag{margin-left:40px}.feature-belt{position:absolute;left:-20px;right:-20px;bottom:34px;height:64px;border-radius:32px;background:var(--mint);box-shadow:0 0 0 6px var(--mint-dark),0 12px 0 6px #7fb35c;display:flex;align-items:flex-end;justify-content:space-around;padding:0 30px 6px 560px}.feature-belt .cup{width:46px;height:54px}.feature-mascot{position:absolute;right:70px;bottom:60px;width:300px;filter:drop-shadow(0 12px 0 rgba(74,35,56,.1))}