@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-500.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-600.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fredoka-700.ttf) format("truetype")}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one.ttf) format("truetype")}:root{--ink: #2b1d3a;--sky: #4cb8ff;--sky-deep: #2f96f0;--text: #ffffff;--muted: #2b1d3a;--accent: #ff4f9a;--accent-dark: #c92c72;--yellow: #ffd23f;--yellow-dark: #e0a800;--on: #3ee08f;--on-dark: #17a862;--off: #ff4d6d;--off-dark: #c92446;--gold: #ffd23f;--box-top: #ffb8d6;--box: #ff74ae;--box-deep: #ff5c9c;--box-edge: #d63c84;--panel: #ffffff;--common: #2fcf7f;--rare: #3a9bff;--legendary: #ff9f1a;--o: 3px;--sticker: drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);font-family:Fredoka,ui-rounded,system-ui,sans-serif;color:var(--ink);background:var(--sky);-webkit-font-smoothing:antialiased;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;background:var(--sky);overscroll-behavior:none}body{min-height:100svh;background:radial-gradient(circle,#ffffff2e 2.5px,transparent 3px) 0 0 / 28px 28px,radial-gradient(ellipse 80% 60% at 50% 45%,#8fd6ff 0%,transparent 70%),linear-gradient(180deg,#5fc3ff 0%,var(--sky) 50%,var(--sky-deep) 100%);background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{min-height:100svh;max-width:600px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:50px}.logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:Lilita One,Fredoka,sans-serif;font-size:22px;letter-spacing:.3px;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;white-space:nowrap;transform:rotate(-3deg)}.logo b{font-weight:400;color:var(--yellow)}.logo-mark{width:28px;height:24px;border-radius:8px;background:var(--box);border:var(--o) solid var(--ink);box-shadow:0 3px 0 var(--ink);position:relative}.logo-mark i{position:absolute;left:50%;top:3px;width:7px;height:10px;margin-left:-3.5px;border-radius:4px;background:var(--on);border:2px solid var(--ink)}.top-actions{display:flex;align-items:center;gap:8px}.pill,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:38px;padding:0 12px;border-radius:99px;border:var(--o) solid var(--ink);background:#fff;box-shadow:0 4px 0 var(--ink);color:var(--ink);font-size:16px;transition:transform .1s,box-shadow .1s}.pill b{font-family:Lilita One,sans-serif;font-weight:400;font-size:18px;font-variant-numeric:tabular-nums}.pill:active,.icon-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.pill.bolts{background:var(--yellow)}.icon-btn{width:38px;padding:0}.icon-btn svg{width:19px}.friend-banner{margin:8px auto 0;padding:6px 14px;border-radius:99px;background:var(--accent);border:var(--o) solid var(--ink);box-shadow:0 4px 0 var(--ink);color:#fff;font-weight:600;font-size:14px;text-align:center;transform:rotate(-1.5deg);animation:pop-in .5s cubic-bezier(.3,1.6,.5,1)}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.title{text-align:center;position:relative;z-index:3}h1{margin:0;font-family:Lilita One,Fredoka,sans-serif;font-weight:400;font-size:clamp(36px,10.5vw,56px);letter-spacing:.5px;line-height:1.05;color:#fff;-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.on-word{display:inline-block;color:var(--on);transform:rotate(-6deg)}.sub{margin:10px auto 0;display:inline-block;padding:6px 16px;border-radius:99px;background:#fff;border:var(--o) solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);font-size:16px;font-weight:600;transform:rotate(1deg);transition:background .2s}.sub.hot{background:var(--on);color:var(--ink);font-weight:700}.playfield{position:relative;container-type:inline-size;width:min(460px,100%,calc((100svh - 260px) / var(--ar, 1.1)));min-width:270px;aspect-ratio:400 / 440;transition:aspect-ratio .4s;user-select:none;-webkit-user-select:none;--m: 0;--ol: .9cqw}.playfield.soft{animation:shake-soft .35s}.playfield.hard{animation:shake-hard .45s}.scene{position:absolute;top:-25%;right:-30%;bottom:-5%;left:-30%;z-index:0;pointer-events:none}.glow{position:absolute;left:50%;top:55%;width:120cqw;height:120cqw;margin:-60cqw 0 0 -60cqw;border-radius:50%;background:radial-gradient(circle,#fff6,#fff0 60%);transition:background .3s}.one-left .glow{background:radial-gradient(circle,#fff7b0cc,#fff7b000 62%)}.floor{position:absolute;left:20%;right:20%;bottom:3%;height:9.9cqw;border-radius:50%;background:#1a5fa855}.box{position:absolute;left:4%;right:4%;top:23.1cqw;bottom:6.6cqw;z-index:2;transition:transform .6s cubic-bezier(.5,-.3,.4,1.4),filter .2s}.box-top{position:absolute;left:3%;right:3%;top:0;height:9.64cqw;border:var(--ol) solid var(--ink);border-bottom:0;border-radius:5cqw 5cqw 0 0;background:var(--box-top)}.box-top:after{content:"";position:absolute;left:6%;top:22%;width:14%;height:22%;border-radius:99px;background:#fff9}.hatch{position:absolute;z-index:3;left:30%;width:40%;top:24.64cqw;height:6.16cqw;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,#120a1c 40%,var(--ink));border:var(--ol) solid var(--ink)}.box-front{position:absolute;left:0;right:0;top:8.83cqw;bottom:0;border:var(--ol) solid var(--ink);border-radius:4cqw 4cqw 8cqw 8cqw;background:var(--box);box-shadow:inset 0 -3cqw 0 var(--box-edge),0 2.6cqw 0 var(--ink),0 0 0 calc(var(--m) * 3cqw) rgb(255 255 255 / calc(var(--m) * .8))}.box-front:before{content:"";position:absolute;left:3%;top:5.7cqw;width:2.6cqw;height:18.6cqw;border-radius:99px;background:#fff8}.one-left .box-front{animation:none}.screw{position:absolute;width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff;border:.6cqw solid var(--ink)}.screw:after{content:"";position:absolute;left:15%;right:15%;top:40%;height:20%;background:var(--ink);transform:rotate(35deg)}.s1{left:3%;top:2.86cqw}.s2{right:3%;top:2.86cqw}.s3{left:3%;bottom:8%}.s4{right:3%;bottom:8%}.screen{position:absolute;left:9%;right:9%;top:3.57cqw;height:18.6cqw;padding:1cqw 3.4cqw 1.8cqw;border:var(--ol) solid var(--ink);border-radius:4cqw;background:#2f2147;box-shadow:0 1.2cqw 0 var(--ink),inset 0 0 0 .8cqw #3e2e5c;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.screen-row{display:flex;justify-content:space-between;font-weight:700;font-size:2.9cqw;letter-spacing:.08em;color:#9c8cc0}.one-left .screen-row span:first-child{color:var(--yellow);animation:blink-fast .4s steps(2) infinite}.mark{position:absolute;top:-1.4cqw;bottom:-1.4cqw;width:1.2cqw;margin-left:-.6cqw;border-radius:9px;border:.4cqw solid var(--ink)}.mark.best{background:var(--yellow)}.mark.friend{background:var(--accent)}.panel{position:absolute;left:6%;right:6%;top:25cqw;bottom:9.3cqw;padding:2.2cqw;border:var(--ol) solid var(--ink);border-radius:5cqw;background:#ffe1ee;display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);--u: calc(var(--s, 1) * 1cqw);gap:2.2cqw;transition:background .2s}.one-left .panel{background:#c9ffe1}.sw{position:relative;border:var(--ol) solid var(--ink);padding:0;border-radius:calc(4 * var(--u));background:#fff;box-shadow:0 calc(1.4 * var(--u)) 0 var(--ink);transition:transform .07s,box-shadow .07s}.sw:active{transform:translateY(calc(1 * var(--u)));box-shadow:0 calc(.4 * var(--u)) 0 var(--ink)}.sw-led{position:absolute;top:4%;left:50%;width:calc(3 * var(--u));height:calc(3 * var(--u));margin-left:calc(-1.5 * var(--u));border-radius:50%;background:#e8dbe6;border:calc(.5 * var(--u)) solid var(--ink);transition:background .12s,transform .2s}.sw-track{position:absolute;left:50%;top:8%;bottom:23%;width:calc(13 * var(--u));margin-left:calc(-6.5 * var(--u));border-radius:99px;background:var(--ink)}.knob{position:absolute;left:calc(-1.6 * var(--u));right:calc(-1.6 * var(--u));top:1%;height:50%;display:grid;place-items:center;border-radius:99px;border:var(--ol) solid var(--ink);font-family:Lilita One,sans-serif;font-size:calc(4.6 * var(--u));letter-spacing:.04em;color:#fff;-webkit-text-stroke:calc(.7 * var(--u)) var(--ink);paint-order:stroke fill;background:var(--off);box-shadow:inset 0 calc(-1.4 * var(--u)) 0 var(--off-dark);translate:0 100%;transition:translate .28s cubic-bezier(.34,1.9,.55,1),background .1s;animation:squash-down .3s}.knob:before{content:"";position:absolute;left:18%;top:14%;width:26%;height:22%;border-radius:50%;background:#fffc}.sw.is-on .knob{translate:0 0;background:var(--on);box-shadow:inset 0 calc(-1.4 * var(--u)) 0 var(--on-dark);animation:squash-up .35s}.sw.is-on .sw-led{background:var(--yellow);transform:scale(1.3)}.sw.eaten .knob{scale:0;transition:scale .12s}.sw-num{position:absolute;bottom:2%;left:0;right:0;text-align:center;font-family:Lilita One,sans-serif;font-size:calc(3 * var(--u));line-height:1;color:#c9b3c9}.sw.is-on .sw-num{color:var(--on-dark)}.playfield:not([class*=cheat-]):not(.one-left) .sw.next .sw-track:after{content:"";position:absolute;inset:calc(-1.4 * var(--u));border-radius:99px;border:calc(.8 * var(--u)) solid var(--yellow);opacity:0;animation:invite 1.3s ease-out infinite}.tap-hint{position:absolute;z-index:9;left:50%;bottom:calc(-13 * var(--u));width:calc(11 * var(--u));height:calc(16 * var(--u));filter:drop-shadow(0 .7cqw .8cqw #81553638);animation:tutorial-tap 1.5s ease-in-out infinite;pointer-events:none}.tap-hint img{display:block;width:100%;height:100%;object-fit:contain}@keyframes tutorial-tap{0%,to{transform:translate(-50%) rotate(-8deg)}50%{transform:translate(-50%,-2cqw) rotate(-5deg)}}.plate{position:absolute;left:50%;bottom:3.6%;transform:translate(-50%) rotate(-2deg);padding:.6cqw 3cqw;border-radius:99px;border:.6cqw solid var(--ink);background:var(--yellow);color:var(--ink);font-size:2.6cqw;font-weight:700;letter-spacing:.12em;white-space:nowrap}.lid{position:absolute;z-index:6;left:28.5%;width:43%;top:24.09cqw;height:7.26cqw;border-radius:50%;border:var(--ol) solid var(--ink);background:var(--box-top);box-shadow:inset 0 -1cqw #ff92bf;transform-origin:4% 60%;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}.lid.open{z-index:3;transform:translate(-24cqw,-7cqw) rotate(-22deg)}.lid-knob{position:absolute;right:12%;top:15%;width:3cqw;height:3cqw;border-radius:50%;background:var(--yellow);border:.5cqw solid var(--ink)}.gremlin-window{position:absolute;z-index:4;left:30%;width:40%;top:-13.2cqw;height:40.92cqw;clip-path:inset(-300% -300% 0 -300%);pointer-events:none}.gremlin{position:absolute;left:7%;right:7%;bottom:0;transform:translateY(105%);transition:transform .38s cubic-bezier(.3,1.6,.5,1);transform-origin:50% 100%}.gremlin.pose-peek{transform:translateY(62%)}.gremlin.pose-up{transform:translateY(14%)}.gremlin.pose-flop{transform:translate(30%,48%) rotate(78deg);transition-duration:.55s}.gremlin-art{width:100%;overflow:visible}.propeller{transform-origin:60px 10px;animation:spin .4s linear infinite}.halo{animation:float 2s ease-in-out infinite}.bubble{position:absolute;z-index:7;left:63%;top:0;max-width:42%;padding:2cqw 3.4cqw;border-radius:4cqw;border:var(--ol) solid var(--ink);background:#fff;color:var(--ink);box-shadow:0 1.2cqw 0 var(--ink);font-weight:700;font-size:4.4cqw;line-height:1.15;transform:scale(0) rotate(-8deg);transform-origin:0 100%;transition:transform .25s cubic-bezier(.3,1.8,.5,1);pointer-events:none}.bubble:after{content:"";position:absolute;left:3cqw;bottom:-3cqw;width:4cqw;height:4cqw;background:#fff;border:var(--ol) solid var(--ink);border-top:0;border-right:0;transform:skewY(-35deg) rotate(-10deg)}.bubble.show{transform:scale(1) rotate(-3deg)}.reach{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;filter:drop-shadow(0 1.4cqw 0 #2b1d3a55)}.reach.visible{opacity:1}.cord{position:absolute;z-index:1;right:-1%;bottom:0;width:30%;height:15.4cqw}.cord svg{position:absolute;left:0;top:0;width:80%;height:100%}.cord path{stroke:var(--ink)}.outlet{position:absolute;right:0;bottom:4%;width:22%;height:48%;border-radius:2cqw;background:#fff;border:.7cqw solid var(--ink);box-shadow:0 .8cqw 0 var(--ink);display:flex;justify-content:center;align-items:center;gap:1cqw}.outlet i{width:.8cqw;height:2.2cqw;border-radius:1px;background:var(--ink)}.plug{position:absolute;right:14%;bottom:14%;width:7cqw;height:4cqw;border-radius:1cqw;background:var(--ink);transition:transform .35s cubic-bezier(.3,1.8,.5,1)}.cheat-plug:is(.step-1,.step-2,.step-3) .plug{transform:translate(-6cqw,-5cqw) rotate(-50deg)}.cheat-plug.step-2 .box{filter:brightness(.45) saturate(.2)}.cheat-plug.step-2 .sw-led,.cheat-plug.step-2 .cheat-plug.step-3 .box{animation:flicker .4s steps(2) 2}.glitch-tag{position:absolute;z-index:7;right:6%;top:30%;padding:1cqw 3cqw;background:var(--gold);color:var(--ink);border-radius:2cqw;font-weight:700;font-size:6cqw;transform:rotate(12deg);box-shadow:0 0 0 .5cqw #3b2c4a inset;animation:slap-in .25s cubic-bezier(.3,1.8,.5,1)}.achoo{position:absolute;z-index:7;left:0;right:0;top:30%;text-align:center;font-size:18cqw;font-weight:700;color:#fff;-webkit-text-stroke:.6cqw #3b2c4a;animation:achoo .9s cubic-bezier(.2,1.6,.4,1) forwards;pointer-events:none}.achoo i{position:absolute;left:10%;right:10%;height:1cqw;border-radius:9px;background:#fffc;animation:wind .5s ease-out infinite}.achoo i:nth-child(1){top:10%}.achoo i:nth-child(2){top:50%;animation-delay:.1s}.achoo i:nth-child(3){top:90%;animation-delay:.2s}.family span{position:absolute;z-index:5;top:0;width:17%;height:58%;transform:translate(-50%,-110%);animation:paw-drop 1s cubic-bezier(.5,0,.6,1.4) var(--d) forwards}.family svg{width:100%;height:100%}.sign{position:absolute;z-index:6;left:50%;top:4%;padding:2cqw 4cqw;background:#f2c27a;border-radius:1.5cqw;box-shadow:0 1cqw #b98544,0 0 0 .5cqw #7a5313 inset;font-weight:700;font-size:4.6cqw;color:#5a3a0e;white-space:nowrap;transform:translate(-50%) rotate(-4deg);animation:sign-up .45s cubic-bezier(.3,1.8,.5,1)}.sign b{display:inline-block;animation:nudge .4s ease-in-out infinite alternate}.bird{position:absolute;z-index:8;top:-6%;font-size:12cqw;animation:fly 1.4s linear forwards}.vhs{position:absolute;z-index:7;top:-2%;right:-2%;bottom:-2%;left:-2%;border-radius:6cqw;background:repeating-linear-gradient(0deg,#ffffff18 0 2px,transparent 2px 5px),linear-gradient(#4f8cff22,#ff4fd822);animation:jitter .12s steps(2) infinite;pointer-events:none}.vhs span{position:absolute;left:6%;top:4%;font-family:DM Mono,monospace;font-size:6cqw;color:#fff;text-shadow:.4cqw 0 #ff3d7f,-.4cqw 0 #3dd0ff}.cheat-rewind .box{filter:hue-rotate(-30deg) saturate(1.4)}.cheat-finishline.step-1 .screen{animation:stretch .6s cubic-bezier(.3,1.7,.5,1)}.cheat-finishline.step-1 .screen-row span:last-child{color:var(--gold);text-shadow:0 0 2cqw var(--gold)}.form-paper{position:absolute;z-index:7;left:14%;right:14%;top:26%;padding:4cqw 5cqw;display:flex;flex-direction:column;gap:1.6cqw;background:repeating-linear-gradient(#fffef8 0,#fffef8 6.4cqw,#d9e6ff 6.4cqw,#d9e6ff calc(6.4cqw + 1px));border-radius:1cqw;box-shadow:0 2cqw 4cqw #0006;font-size:3.5cqw;color:#4a4250;transform:rotate(-3deg);animation:paper-in .5s cubic-bezier(.3,1.4,.5,1)}.form-paper small{font-family:DM Mono,monospace;font-size:2.6cqw;color:#9a8fa0}.form-paper b{font-size:4.4cqw;line-height:1.1}.stamp{position:absolute;right:6%;bottom:14%;padding:1cqw 3cqw;border:1cqw solid #e5304f;border-radius:2cqw;color:#e5304f;font-style:normal;font-weight:700;font-size:9cqw;letter-spacing:.5cqw;transform:rotate(-16deg);animation:stamp .28s cubic-bezier(.5,0,.7,1.6);mix-blend-mode:multiply}.cheat-flip.step-1 .box{transform:rotate(180deg)}.coins i{position:absolute;z-index:7;top:10%;font-style:normal;font-size:7cqw;animation:coin-fall 1.2s cubic-bezier(.4,0,.7,1) forwards;opacity:0}.buffer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2cqw;background:#0b1410ee;color:#8dffbf;font-family:DM Mono,monospace;font-size:4.4cqw}.spinner{width:4cqw;height:4cqw;border-radius:50%;border:.8cqw solid #8dffbf44;border-top-color:#8dffbf;animation:spin .6s linear infinite}.error-box{position:absolute;z-index:7;left:16%;right:16%;top:36%;padding:4cqw;display:flex;flex-direction:column;gap:1cqw;border-radius:3cqw;background:#fff;color:var(--ink);box-shadow:0 0 0 .6cqw #3b2c4a inset,0 2cqw #0004;font-size:3.6cqw;text-align:center;animation:pop-in .3s cubic-bezier(.3,1.7,.5,1)}.error-box b{color:#e5304f;font-size:4.6cqw}.cheat-gravity.step-1 .sw{animation:float-up 1.5s cubic-bezier(.3,.8,.4,1) forwards;animation-delay:calc(var(--i) * .24s / var(--n, 4))}.cheat-gravity.step-2 .sw{animation:drop .6s cubic-bezier(.5,0,.6,1.5)}.clones span{position:absolute;z-index:7;width:22%;transform:scale(0);animation:clone 2.4s cubic-bezier(.3,1.7,.5,1) forwards}.blackout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;animation:fade-in .25s;display:grid;place-items:center;pointer-events:none}.blackout.step-3{animation:fade-out .4s forwards}.glow-eyes{display:flex;gap:26px}.glow-eyes i{width:28px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff 0,#fff,#fff7a8 30%,#ffd84d 70%);box-shadow:0 0 30px #ffd84d;animation:blink 1.2s infinite}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.fx{position:absolute;transform:translate(-50%,-50%)}.fx-burst:before{content:"";position:absolute;left:-9cqw;top:-9cqw;width:18cqw;height:18cqw;border-radius:50%;border:1cqw solid var(--on);animation:ring .45s ease-out forwards}.fx-burst i,.fx-crumb i{position:absolute;left:0;top:0;width:2cqw;height:2cqw;margin:-1cqw;border-radius:50%;background:var(--on);box-shadow:0 0 1.4cqw var(--on);animation:burst .55s cubic-bezier(.2,.8,.4,1) forwards}.fx-burst i:nth-child(odd){background:var(--gold);box-shadow:0 0 1.4cqw var(--gold);width:1.4cqw;height:1.4cqw}.fx-crumb i{background:#c9a27a;box-shadow:none;border-radius:2px}.fx-word,.fx-score,.fx-allon{font-weight:700;font-size:6cqw;color:var(--gold);-webkit-text-stroke:1.2cqw var(--ink);paint-order:stroke fill;white-space:nowrap;animation:rise .8s cubic-bezier(.2,1.4,.4,1) forwards}.fx-score{color:var(--accent);font-size:7cqw}.fx-allon{padding:1.8cqw 4cqw 2.2cqw;border-radius:4cqw;font-family:Fredoka,ui-rounded,sans-serif;font-weight:600;font-size:6.8cqw;line-height:1;letter-spacing:.02em;color:#fff8df;background:linear-gradient(145deg,#62856b,#3c6149);-webkit-text-stroke:0;text-shadow:0 1px 1px #294733;box-shadow:inset 1px 2px 2px #a4b99499,inset -1px -2px 3px #29473355,0 3px #2f4d39,0 5px 10px #624c3538;animation:allon 1.3s ease-out forwards}.fx-slap{font-weight:700;font-size:8cqw;color:var(--off);-webkit-text-stroke:.3cqw #fff;animation:rise .5s ease-out forwards}.result-slot{min-height:70px;width:min(440px,100%);display:grid;place-items:center;margin-top:8px}.result{width:100%;padding:8px 16px;border-radius:20px;border:var(--o) solid var(--ink);background:#fff;box-shadow:0 5px 0 var(--ink);transform:rotate(-1deg);animation:pop-in .4s cubic-bezier(.3,1.6,.5,1)}.result.is-record{background:var(--yellow)}.result-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.result-pct{font-family:Lilita One,sans-serif;font-size:30px}.result-line{font-family:Lilita One,sans-serif;font-size:20px;color:var(--accent);text-align:right}.is-record .result-line{color:var(--ink)}.result-meta{display:flex;justify-content:space-between;font-weight:600;font-size:14px;opacity:.75}.earned{font-weight:700}.result-hint{color:#fff;font-weight:600;font-size:15px;text-shadow:0 2px 0 #0003}.actions{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.share-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border:var(--o) solid var(--ink);border-radius:99px;background:var(--yellow);box-shadow:0 5px 0 var(--ink);color:var(--ink);font-family:Lilita One,sans-serif;font-size:19px;letter-spacing:.3px;transition:transform .08s,box-shadow .08s}.share-btn svg{width:20px}.share-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.share-btn.pulse{background:var(--accent);color:#fff;animation:pulse .9s ease-in-out infinite}.copied{margin:0;min-height:18px;font-size:13px;font-weight:600;color:#fff;text-align:center;word-break:break-all}.discovery{position:fixed;z-index:40;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:12px;width:min(360px,calc(100% - 32px));padding:10px 16px 10px 10px;border:var(--o) solid var(--ink);border-radius:22px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 6px 0 var(--ink);transform:translate(-50%);animation:drop-in .5s cubic-bezier(.3,1.6,.5,1),drop-out .4s ease-in 3s forwards}.disc-icon{flex:none;width:54px;height:54px;display:grid;place-items:center;font-size:30px;border-radius:16px;border:var(--o) solid var(--ink);background:var(--c);animation:spin-in .7s cubic-bezier(.3,1.6,.5,1)}.disc-text{display:flex;flex-direction:column;line-height:1.2}.disc-text small{font-size:11px;font-weight:700;letter-spacing:.1em;opacity:.6}.disc-text b{font-family:Lilita One,sans-serif;font-weight:400;font-size:20px}.rarity{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c);-webkit-text-stroke:.3px var(--ink)}.r-common{--c: var(--common)}.r-rare{--c: var(--rare)}.r-legendary{--c: var(--legendary)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#1d3d6eaa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s}.modal{position:relative;width:min(560px,100%);max-height:88svh;overflow-y:auto;padding:22px 18px max(22px,env(safe-area-inset-bottom));border:var(--o) solid var(--ink);border-bottom:0;border-radius:28px 28px 0 0;background:#fff7ec;color:var(--ink);animation:sheet-up .35s cubic-bezier(.3,1.3,.5,1)}@media(min-width:640px){.modal-back{align-items:center}.modal{border-bottom:var(--o) solid var(--ink);border-radius:28px;box-shadow:0 8px 0 var(--ink)}}.modal h2{margin:0;font-family:Lilita One,sans-serif;font-weight:400;font-size:30px}.modal-sub{margin:4px 44px 14px 0;font-size:15px;opacity:.75}.close{position:absolute;right:14px;top:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.stats span{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:14px;border:var(--o) solid var(--ink);background:#fff;font-size:12px;font-weight:600}.stats b{font-family:Lilita One,sans-serif;font-weight:400;font-size:18px;font-variant-numeric:tabular-nums}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 6px;border-radius:16px;border:var(--o) solid var(--ink);background:#fff;box-shadow:0 4px 0 var(--ink),inset 0 0 0 4px var(--c)}.card.got:nth-child(odd){transform:rotate(-1.5deg)}.card.got:nth-child(2n){transform:rotate(1.5deg)}.card.locked{background:#eadfd6;box-shadow:0 4px 0 var(--ink)}.card.r-legendary.got{background:#fff3c4}.card-no{position:absolute;left:7px;top:5px;font-size:10px;font-weight:700;opacity:.5}.card-icon{font-size:30px;height:40px;display:grid;place-items:center}.locked .card-icon{font-family:Lilita One,sans-serif;color:var(--c);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.card b{font-size:13px;line-height:1.1}.card small{font-size:11px;line-height:1.15;opacity:.7}.locked small{text-transform:uppercase;letter-spacing:.1em;color:var(--c);font-weight:700;opacity:1}.shop-preview{position:relative;width:130px;margin:0 auto 10px}.shop-preview .pill{position:absolute;right:-76px;bottom:10px}.tabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.tabs button{border:var(--o) solid var(--ink);padding:7px 20px;border-radius:99px;background:#fff;box-shadow:0 3px 0 var(--ink);font-weight:700}.tabs button[aria-selected=true]{background:var(--accent);color:#fff}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;border:var(--o) solid var(--ink);border-radius:16px;background:#fff;box-shadow:0 4px 0 var(--ink);transition:transform .1s,box-shadow .1s}.shop-item:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.shop-item.wearing{background:#c9ffe1}.shop-item.poor{opacity:.5}.shop-art{width:64px;height:70px;margin-top:6px}.shop-item b{font-size:13px}.shop-item small{font-size:12px;font-weight:600;opacity:.7}.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;height:14px;border-radius:3px;animation:confetti var(--d) cubic-bezier(.3,.6,.6,1) forwards}@keyframes pop-in{0%{transform:scale(.6);opacity:0}}@keyframes wobble{50%{transform:rotate(3deg) scale(1.05)}}@keyframes throb{to{transform:scale(1.05);box-shadow:0 4px 0 var(--ink),0 0 0 6px #fff8}}@keyframes tap{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-3cqw) rotate(-10deg)}}@keyframes invite{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.25);opacity:0}}@keyframes squash-up{0%{scale:1.15 .8}45%{scale:.92 1.12}to{scale:1 1}}@keyframes squash-down{0%{scale:1.12 .85}50%{scale:.95 1.06}to{scale:1 1}}@keyframes shake-soft{25%{transform:translate(-1px,1px) rotate(-.6deg)}75%{transform:translate(1px,-1px) rotate(.6deg)}}@keyframes shake-hard{20%{transform:translate(-5px,2px) rotate(-1.6deg)}40%{transform:translate(5px,-2px) rotate(1.6deg)}60%{transform:translate(-4px,1px) rotate(-1deg)}80%{transform:translate(3px) rotate(.6deg)}}@keyframes tremble{50%{transform:translate(calc(var(--m) * .6cqw),calc(var(--m) * -.3cqw))}}@keyframes blink-fast{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-3px)}}@keyframes flicker{50%{filter:brightness(.45) saturate(.2)}}@keyframes rainbow{to{background-position:200% 0}}@keyframes bounce{to{transform:translateY(-1.5cqw) rotate(-2deg)}}@keyframes slap-in{0%{transform:scale(3) rotate(30deg);opacity:0}}@keyframes achoo{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.15);opacity:1}to{transform:scale(1) translateY(-4cqw);opacity:0}}@keyframes wind{0%{transform:scaleX(.2) translate(-40%);opacity:1}to{transform:scaleX(1) translate(30%);opacity:0}}@keyframes paw-drop{0%{transform:translate(-50%,-110%)}32%{transform:translate(-50%)}70%{transform:translate(-50%)}to{transform:translate(-50%,-115%)}}@keyframes sign-up{0%{transform:translate(-50%,60%) rotate(10deg) scale(.5)}}@keyframes nudge{to{transform:translate(1cqw)}}@keyframes fly{0%{left:-20%;transform:translateY(0) scaleX(-1)}25%{transform:translateY(-3cqw) scaleX(-1)}50%{transform:translateY(2cqw) scaleX(-1)}75%{transform:translateY(-2cqw) scaleX(-1)}to{left:110%;transform:translateY(0) scaleX(-1)}}@keyframes jitter{50%{transform:translate(.4cqw,-.2cqw)}}@keyframes stretch{40%{transform:scaleX(1.12)}}@keyframes paper-in{0%{transform:translateY(-80%) rotate(-25deg);opacity:0}}@keyframes stamp{0%{transform:rotate(-16deg) scale(3);opacity:0}}@keyframes coin-fall{0%{transform:translateY(0) rotate(0) scale(.4);opacity:1}to{transform:translateY(70cqw) rotate(540deg) scale(1);opacity:0}}@keyframes float-up{to{transform:translateY(-14cqw) rotate(calc((var(--i) - 1.5) * 18deg))}}@keyframes drop{0%{transform:translateY(-14cqw)}}@keyframes clone{0%{transform:scale(0) rotate(var(--r))}15%,80%{transform:scale(1) rotate(var(--r))}to{transform:scale(0) rotate(var(--r))}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes blink{0%,44%,52%,to{transform:scaleY(1)}48%{transform:scaleY(.1)}}@keyframes ring{0%{transform:scale(.3);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes burst{0%{transform:rotate(var(--a)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translate(11cqw) scale(.2);opacity:0}}@keyframes rise{0%{transform:translate(-50%,-20%) scale(.4);opacity:0}30%{transform:translate(-50%,-80%) scale(1.15);opacity:1}to{transform:translate(-50%,-190%) scale(1);opacity:0}}@keyframes allon{0%{transform:translate(-50%,-50%) scale(.9) rotate(-2deg);opacity:0}16%{transform:translate(-50%,-50%) scale(1.04) rotate(-2deg);opacity:1}28%,80%{transform:translate(-50%,-50%) scale(1) rotate(-2deg);opacity:1}to{transform:translate(-50%,-65%) scale(1) rotate(-2deg);opacity:0}}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 5px 0 var(--ink),0 0 0 8px #fff6}}@keyframes drop-in{0%{transform:translate(-50%,-140%)}}@keyframes drop-out{to{transform:translate(-50%,-160%);opacity:0;visibility:hidden}}@keyframes spin-in{0%{transform:rotateY(540deg) scale(.4)}}@keyframes sheet-up{0%{transform:translateY(40%);opacity:0}}@keyframes confetti{to{transform:translateY(110vh) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.one-left .box-front,.stripes,.bubbles{animation:none}}.pill small{font-size:12px;font-weight:700}.top-actions .pill{animation:pop-in .4s cubic-bezier(.3,1.6,.5,1)}.screen[data-state=idle] .screen[data-state=idle] .screen-row span:first-child{color:var(--yellow)}.screen[data-state=draining] .screen-row span:first-child{color:var(--off);text-shadow:none}.screen[data-state=filling] .screen-row span:first-child{color:var(--on)}.result-cheats{display:block;width:100%;margin-top:6px;padding:6px 10px;border:2px dashed var(--ink);border-radius:12px;background:#fffa;font-size:13px;font-weight:600;text-align:left}@media(max-width:480px){.logo-text{display:none}.top-actions{gap:6px}.pill{padding:0 10px}}.screen-row{align-items:center}.tube{position:relative;flex:1;margin-top:1.4cqw;border-radius:99px;background:#1b1230;border:.7cqw solid #4a3a6a;box-shadow:inset 0 1cqw #0007;overflow:hidden;transition:border-color .2s}.liquid{--hue: 145;position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:hsl(var(--hue) 85% 55%);box-shadow:inset 0 -1.6cqw hsl(var(--hue) 80% 38%),0 0 3cqw hsl(var(--hue) 90% 60% / .7);overflow:hidden;transition:width .1s linear}.liquid:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5cqw;border-radius:99px;background:linear-gradient(90deg,transparent,#fffb)}.stripes{position:absolute;top:0;bottom:0;left:-8cqw;right:0;background:repeating-linear-gradient(-45deg,#ffffff45 0 2.5cqw,transparent 2.5cqw 5cqw);animation:stripes 1s linear infinite paused}.bubbles{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle,#fffb .6cqw,transparent .8cqw) 0 0 / 7cqw 5cqw,radial-gradient(circle,#fff8 .4cqw,transparent .6cqw) 3cqw 2cqw / 9cqw 6cqw;animation:bubbles 1s linear infinite;transition:opacity .3s}.shine{position:absolute;z-index:2;left:4%;right:4%;top:12%;height:20%;border-radius:99px;background:#ffffff38;pointer-events:none}.goal-flag{position:absolute;z-index:1;right:1.6cqw;top:50%;transform:translateY(-50%);font-size:4.6cqw;color:var(--yellow);font-weight:700}.tube .mark{z-index:3;top:0;bottom:0;border-radius:0;border-width:0 .35cqw}.screen[data-state=filling] .stripes{animation-play-state:running}.screen[data-state=filling] .bubbles{opacity:1}.screen[data-speed="1"] .stripes{animation-duration:1.6s}.screen[data-speed="2"] .stripes,.screen[data-speed="2"] .bubbles{animation-duration:1s}.screen[data-speed="3"] .stripes,.screen[data-speed="3"] .bubbles{animation-duration:.6s}.screen[data-speed="4"] .stripes,.screen[data-speed="4"] .bubbles{animation-duration:.28s}.screen[data-speed="4"][data-state=filling] .tube{border-color:var(--yellow);animation:tube-glow .35s ease-in-out infinite alternate}.screen[data-state=draining] .stripes{animation-play-state:running;animation-direction:reverse;animation-duration:.8s}.screen[data-state=draining] .liquid{filter:saturate(.55) brightness(.85)}.screen[data-state=draining] .tube{border-color:var(--off);animation:drain-shake .18s linear infinite}@keyframes stripes{to{transform:translate(7.07cqw)}}@keyframes bubbles{to{background-position:0 -5cqw,3cqw -4cqw}}@keyframes tube-glow{to{box-shadow:inset 0 1cqw #0007,0 0 0 .6cqw #ffd23f66,0 0 3cqw #ffd23f}}@keyframes drain-shake{25%{translate:-.3cqw 0}75%{translate:.3cqw 0}}.count{font-family:Lilita One,sans-serif;font-weight:400;font-size:4.6cqw;letter-spacing:.02em;color:#fff}.count small{font-size:3.2cqw;color:#9c8cc0}.one-left .count{color:var(--yellow)}.sw.almost .knob{translate:0 48%;background:var(--yellow);animation:almost .18s ease-in-out 3}@keyframes almost{50%{translate:0 40%}}.result-grow{margin:6px 0 0;font-size:14px;font-weight:600}.stage-chip{display:inline-block;margin:0 0 4px;padding:3px 12px;border:2px solid var(--ink);border-radius:99px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;animation:pop-in .45s cubic-bezier(.3,1.6,.5,1)}.won .panel{background:#c9ffe1}.won .box-front{animation:wobble .3s ease-in-out 4}.won .glow{background:radial-gradient(circle,#c9ffe1dd,#c9ffe100 62%)}.gremlin-window.swapping{visibility:hidden}.swap-window{position:absolute;z-index:8;left:30%;width:40%;top:-13.2cqw;height:40.92cqw;clip-path:inset(-400% -400% 0 -400%);pointer-events:none}.gremlin.swap-old{transition:none;animation:monster-leave .9s cubic-bezier(.4,0,.6,1) forwards}.gremlin.swap-new{transition:none;animation:monster-arrive .7s cubic-bezier(.3,1.5,.5,1) forwards}@keyframes monster-leave{0%{transform:translateY(14%)}30%{transform:translateY(-45%) rotate(-8deg)}to{transform:translate(-220%,-20%) rotate(-70deg) scale(.5);opacity:0}}@keyframes monster-arrive{0%{transform:translateY(-260%) scale(.7)}70%{transform:translateY(42%) scale(1.12,.88)}to{transform:translateY(36%)}}.new-monster{position:absolute;z-index:9;left:50%;top:42cqw;display:grid;justify-items:center;padding:2cqw 6cqw;border:var(--ol) solid var(--ink);border-radius:4cqw;background:#fff;box-shadow:0 1.4cqw 0 var(--ink);transform:translate(-50%) rotate(-3deg);animation:pop-in .45s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}.new-monster small{font-size:3cqw;font-weight:700;letter-spacing:.14em;color:var(--accent)}.new-monster b{font-family:Lilita One,sans-serif;font-weight:400;font-size:8cqw;line-height:1}.modal h3{margin:16px 0 8px;font-size:15px}.monster-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.monster{display:grid;justify-items:center;padding:6px 4px;border:2px solid var(--ink);border-radius:12px;background:#fff}.monster.locked{opacity:.55}.monster svg{width:70%}.monster small{font-size:12px;font-weight:700}.hand-fingers{transform-origin:0 -20px;transition:transform 85ms ease-out}.action-windup .hand-fingers{transform:rotate(-16deg) scale(.9,1.14)}.action-press .hand-fingers{transform:rotate(7deg) scale(1.2,.74)}.species-antennae .arm-path{stroke-linecap:round}.species-spikes .arm-path{stroke-linecap:square}.species-spikes .gremlin-art{filter:drop-shadow(0 2px 0 #2b1d3a)}.species-nubs .species-eyes{transform-origin:60px 66px;transform:rotate(-7deg)}.species-horns .species-eyes{transform-origin:60px 66px;transform:scale(1.08,.76)}.species-bighorns .species-eyes{transform-origin:60px 66px;transform:scale(.8,.68)}.species-spikes .species-eyes{transform-origin:60px 66px;transform:rotate(9deg) scaleY(.7)}.win-blast{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.win-rays{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffdc6744 0deg 12deg,transparent 12deg 27deg);animation:victory-rays 2.9s ease-out both}.shockwave{position:absolute;left:50%;top:50%;width:25cqw;height:25cqw;border:2cqw solid #fff9ce;border-radius:50%;box-shadow:0 0 4cqw #ffd84d,inset 0 0 4cqw #ffd84d;animation:victory-wave .85s ease-out both}.shockwave.second{animation-delay:.16s;border-color:#7be0b3}.win-blast>i{position:absolute;left:50%;top:50%;font-style:normal;font-size:4cqw;color:var(--color);text-shadow:0 .5cqw #2b1d3a;animation:victory-spark 1.3s cubic-bezier(.12,.6,.25,1) var(--delay) both}.win-blast>strong{position:absolute;left:50%;top:30%;width:max-content;max-width:98%;text-align:center;font-family:Lilita One,sans-serif;font-weight:400;font-size:9cqw;line-height:1;color:#fff6b5;-webkit-text-stroke:.23cqw var(--ink);text-shadow:0 1cqw 0 var(--ink),0 0 7cqw #ffd84d;animation:victory-title 2.9s both}.win-blast small{display:block;margin-top:2cqw;font:800 2.8cqw sans-serif;color:var(--ink);-webkit-text-stroke:0;text-shadow:none;background:#fff6b5;padding:1.5cqw;border:.6cqw solid var(--ink);border-radius:99px}.won .box-front{animation:victory-impact .6s ease-out both}.won .sw{animation:victory-switch .6s calc(var(--i) * 45ms) both}.evolution-badge{position:absolute;z-index:13;left:50%;top:27%;display:grid;justify-items:center;white-space:nowrap;padding:2cqw 5cqw;background:#ffd84d;border:.8cqw solid var(--ink);border-radius:4cqw;box-shadow:0 1.3cqw var(--ink),0 0 8cqw #ffd84d88;animation:upgrade-badge .5s cubic-bezier(.2,1.6,.4,1) both}.evolution-badge small,.evolution-badge span{font-size:2.8cqw;font-weight:800;letter-spacing:.08em}.evolution-badge b{font:400 11cqw Lilita One,sans-serif;line-height:1.1}.evolving .panel{animation:panel-evolve .65s ease-out both}.evolving .sw.new-switch{animation:switch-build .55s cubic-bezier(.2,1.5,.4,1) calc(var(--reveal) * 75ms) both}.evolving .new-monster{display:none}@keyframes victory-rays{0%{opacity:0;transform:scale(.3) rotate(-15deg)}15%{opacity:1}to{opacity:0;transform:scale(1.3) rotate(30deg)}}@keyframes victory-wave{0%{transform:translate(-50%,-50%) scale(.15);opacity:1}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes victory-spark{0%{transform:translate(-50%,-50%) rotate(var(--a)) translate(0) scale(.2);opacity:0}12%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--travel)) rotate(150deg) scale(.4);opacity:0}}@keyframes victory-title{0%{transform:translate(-50%,-50%) scale(.2) rotate(-12deg);opacity:0}16%{transform:translate(-50%,-50%) scale(1.12) rotate(3deg);opacity:1}26%,82%{transform:translate(-50%,-50%) scale(1) rotate(-3deg);opacity:1}to{transform:translate(-50%,-80%) scale(1.05) rotate(-3deg);opacity:0}}@keyframes victory-impact{15%{transform:scale(1.07,.93) rotate(-2deg)}35%{transform:scale(.97,1.05) rotate(1deg)}60%{transform:scale(1.02,.98)}}@keyframes victory-switch{25%{scale:1.13;filter:brightness(1.7)}70%{scale:.96}}@keyframes upgrade-badge{0%{transform:translate(-50%) scale(.2) rotate(-12deg);opacity:0}to{transform:translate(-50%) scale(1) rotate(-3deg);opacity:1}}@keyframes panel-evolve{20%{scale:.95;filter:brightness(1.35)}55%{scale:1.04}}@keyframes switch-build{0%{opacity:0;transform:translateY(-9cqw) scale(.15) rotate(-18deg)}65%{opacity:1;transform:translateY(1cqw) scale(1.08,.9);background:#fff0a3}to{opacity:1;transform:none}}.sw.tugging{animation:tug-strain .11s linear infinite}.sw.tugging .knob{translate:0 calc((1 - var(--p)) * 100%);background:var(--yellow);box-shadow:inset 0 calc(-1.4 * var(--u)) 0 var(--yellow-dark);transition:translate .06s linear;animation:none}.tug-meter{position:absolute;z-index:11;display:grid;justify-items:center;gap:1cqw;width:34cqw;transform:translate(-50%,calc(-100% - 6cqw));pointer-events:none}.tug-meter b{font:400 5cqw Lilita One,sans-serif;color:#fff;-webkit-text-stroke:1cqw var(--ink);paint-order:stroke fill;white-space:nowrap;animation:tug-pulse .3s ease-in-out infinite alternate}.tug-meter span{position:relative;width:100%;height:4.4cqw;border:.8cqw solid var(--ink);border-radius:99px;background:#fff;overflow:hidden;box-shadow:0 .8cqw 0 var(--ink)}.tug-meter i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);background:hsl(calc(var(--p) * 140 - 10) 85% 55%);transition:width .06s linear}.hit-flash{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:20;background:#fff;opacity:.85;pointer-events:none}.gremlin-window.ko{clip-path:none;z-index:9}.gremlin-window.ko .gremlin{animation:ko-launch 1.2s cubic-bezier(.25,.8,.4,1) both}.fx-ko{font:400 13cqw Lilita One,sans-serif;color:#ff4f9a;-webkit-text-stroke:1.4cqw var(--ink);paint-order:stroke fill;white-space:nowrap;animation:ko-text 1.3s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes tug-strain{0%,to{translate:0 0}25%{translate:-.6cqw .3cqw}75%{translate:.6cqw -.3cqw}}@keyframes tug-pulse{to{scale:1.12}}@keyframes ko-launch{0%{transform:translateY(14%)}30%{transform:translateY(-55%) rotate(200deg) scale(.9)}60%{transform:translateY(-20%) rotate(350deg)}80%{transform:translateY(20%) rotate(370deg) scale(1.1,.85)}to{transform:translateY(14%) rotate(360deg)}}@keyframes ko-text{0%{transform:translate(-50%,-50%) scale(.2) rotate(-20deg);opacity:0}25%{transform:translate(-50%,-50%) scale(1.25) rotate(6deg);opacity:1}75%{transform:translate(-50%,-50%) scale(1) rotate(-4deg);opacity:1}to{transform:translate(-50%,-90%) scale(.9) rotate(-4deg);opacity:0}}@media(prefers-reduced-motion:reduce){.win-rays,.win-blast>i,.shockwave{display:none}.sw.tugging,.tug-meter b,.gremlin-window.ko .gremlin{animation:none}.win-blast>strong{animation:none;transform:translate(-50%,-50%)}.evolution-badge{transform:translate(-50%)}}.page{height:100svh;min-height:600px;padding:max(8px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));overflow:clip}.topbar{flex:0 0 44px}.stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 96px 58px;justify-items:center;gap:6px;padding-top:8px}.title{grid-row:1}h1{font-size:clamp(32px,9.6vw,50px)}.stage-chip{margin-bottom:3px;font-size:12px;padding:2px 10px}.sub{margin-top:7px;padding:4px 12px;font-size:14px}.board-slot{grid-row:2;align-self:stretch;width:100%;min-height:0;container-type:size;display:grid;place-items:center}.board-slot .playfield{width:min(460px,100cqw,calc(100cqh / var(--ar, 1.1)));min-width:0}.result-slot{grid-row:3;min-height:0;margin:0}.result-slot{align-self:center}.result{padding:6px 12px;border-radius:16px}.result-pct{font-size:26px}.result-line{font-size:18px}.result-grow{margin-top:3px;font-size:13px}.result-meta{font-size:13px}.result-cheats{margin-top:4px;padding:4px 8px;font-size:12px}.actions{grid-row:4;margin:0;position:relative;padding-bottom:4px}.share-btn{height:42px;font-size:17px}.copied:empty{display:none}.copied:not(:empty){position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:max-content;max-width:90vw;padding:4px 10px;border-radius:12px;background:var(--ink)}.friend-banner{flex:none;margin-top:4px;padding:4px 10px;font-size:13px}@media(max-height:740px){.page{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.topbar{flex-basis:40px}.stage{padding-top:4px;gap:4px}h1{font-size:clamp(30px,8.5vw,40px);text-shadow:0 4px 0 var(--ink)}.sub{margin-top:5px;padding:3px 10px;font-size:13px}.stage-chip{font-size:11px;margin-bottom:2px}.result{padding:4px 10px}.result-pct{font-size:23px}.result-line{font-size:16px}.result-meta,.result-grow{font-size:12px}.result-cheats{font-size:11px;padding:3px 6px}.share-btn{height:38px;font-size:15px}}@media(min-width:640px)and (max-height:600px){.page{max-width:1000px;min-height:320px}.stage{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);grid-template-rows:1fr auto 1fr;column-gap:20px}.board-slot{grid-column:1;grid-row:1 / 4}.title{grid-column:2;grid-row:1;align-self:end}.result-slot{grid-column:2;grid-row:2}.actions{grid-column:2;grid-row:3;align-self:start}.logo-text{display:inline}}.best-marker{position:absolute;z-index:4;top:0;bottom:0;width:.65cqw;transform:translate(-50%);transition:left .12s ease-out;background:var(--yellow);pointer-events:none}.won .fx-layer{z-index:13}:root{--ink: #71523e;--sky: #f3dfaa;--sky-deep: #e7c77d;--text: #71523e;--muted: #9d7d5b;--accent: #dc826b;--accent-dark: #b8614e;--yellow: #efbf58;--yellow-dark: #c79638;--on: #a8cdae;--on-dark: #6d9f82;--off: #ef9a83;--off-dark: #c87760;--box-top: #f9d79d;--box: #eeb97b;--box-deep: #d99b60;--box-edge: #cb8e54;--panel: #f9e4bd;--o: 0px}html{background:#f3dfaa}body{background:#f3dfaa url(/art/clay-garden.webp) center center / cover fixed no-repeat}.page{max-width:680px;padding-right:24px;padding-left:24px;overflow:clip}.topbar{flex-basis:58px;position:relative;z-index:3}.logo{color:#876342;-webkit-text-stroke:0;transform:none;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.5px}.logo b{color:#b77a41;font-weight:600}.logo-mark{width:30px;height:30px;border:0;border-radius:11px;background:linear-gradient(140deg,#ffe7b7,#e9b577);box-shadow:inset 2px 2px 3px #fff4d7,inset -2px -3px 4px #c78d4c66,2px 4px 6px #a8763a30}.logo-mark i{top:6px;height:17px;width:10px;margin-left:-5px;border:0;background:linear-gradient(130deg,#b7d4b5,#7eaa8c);box-shadow:inset 1px 2px 2px #e7f3cd,0 2px 3px #85573044}.icon-btn,.pill{border:1px solid #fff0c488;background:linear-gradient(145deg,#fff2d0,#ebd39e);box-shadow:inset 2px 2px 3px #fff9e5,inset -2px -3px 4px #c7a66c44,3px 5px 9px #a7793c26;color:#896b49;height:42px;width:42px}.icon-btn:active{box-shadow:inset 2px 3px 5px #a9895b44;transform:translateY(2px)}.stage{padding-top:12px;gap:7px}.eyebrow{margin:0 0 12px;color:#9b784d;font-size:10px;font-weight:600;letter-spacing:.23em}h1{color:#876044;-webkit-text-stroke:0;text-shadow:0 2px 0 #fff2cd;font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(34px,8.7vw,50px);letter-spacing:-1.5px}.on-word{color:#759880;transform:rotate(-5deg);text-shadow:0 2px 0 #eaf4d4,1px 4px 4px #63836322}.clay-intro{margin:10px 0 0;color:#96734f;font-size:15px;font-weight:500}.board-slot .playfield{width:min(480px,100cqw,calc(100cqh / var(--ar,1.1)))}.floor{background:#8b622b2b;filter:blur(9px);left:21%;right:21%;height:7cqw;bottom:1%}.glow{background:radial-gradient(circle,#fff6d744,transparent 65%)}.box-top{border:0;border-radius:8cqw 8cqw 0 0;background:linear-gradient(165deg,#ffebc1,#f6d297 55%,#dba76a);box-shadow:inset 1cqw 1cqw 1.6cqw #fff4d6aa,inset -1cqw 0 2cqw #d3a06944}.box-top:after{display:none}.box-front{border:0;border-radius:6cqw 6cqw 9cqw 9cqw;background:linear-gradient(125deg,#f7d29c,#edbb83 55%,#dda36b);box-shadow:inset 1.2cqw 1.1cqw 1.5cqw #fff0c2bb,inset -1.2cqw -1.7cqw 2cqw #be7c454f,0 2cqw #d39c62,1cqw 4cqw 5cqw #a5774140}.box-front:before{width:1.3cqw;height:25%;background:linear-gradient(#fff3d788,transparent);filter:blur(.5cqw)}.screw{width:2.4cqw;height:2.4cqw;border:0;background:#edc18d;box-shadow:inset .3cqw .4cqw .7cqw #b6844c66,.2cqw .3cqw .3cqw #fff0c4}.screw:after{background:#bf915e;height:13%}.screen{border:0;background:linear-gradient(145deg,#f7e7c8,#f9ecd2);box-shadow:inset .6cqw .8cqw 1.3cqw #b9976966,inset -.4cqw -.5cqw .8cqw #fff7df,0 .4cqw .4cqw #fff0cd;border-radius:4.2cqw;padding:2.2cqw 3cqw}.screen-row{color:#a0825c;font-weight:600;font-size:2.7cqw;letter-spacing:.09em}.screen .count{color:#876345;text-shadow:none;-webkit-text-stroke:0}.screen .count small{color:#ac8b66}.tube{border:0;background:#dbc69e;box-shadow:inset .3cqw .6cqw 1cqw #9d7b4c55,0 .4cqw .3cqw #fff6dc}.liquid{background:linear-gradient(#d5e4a9,#a6c58d);box-shadow:inset 0 -.8cqw 1cqw #719b6855}.stripes{opacity:.25}.goal-flag{filter:sepia(.4)}.panel,.one-left .panel{border:0;background:linear-gradient(130deg,#f4d6a8,#e8bc86);border-radius:5cqw;box-shadow:inset .5cqw .7cqw 1.5cqw #b7854e55,inset -.3cqw -.4cqw .7cqw #ffedc5bb;padding:2.5cqw}.sw{border:0;background:linear-gradient(135deg,#fff0ce,#f4d8ab);border-radius:calc(4 * var(--u));box-shadow:inset .7cqw .7cqw 1cqw #fff5df,inset -.5cqw -.6cqw .8cqw #d7af7877,0 1.1cqw #d0a370,.5cqw 1.6cqw 1.5cqw #a3774633;transition:transform .12s,box-shadow .12s}.sw:active{transform:translateY(.9cqw) scale(.97);box-shadow:inset .4cqw .5cqw 1cqw #b4885544,0 .2cqw .2cqw #d0a370}.sw-track{background:#d8b68c;box-shadow:inset .7cqw .8cqw 1cqw #91663d55,inset -.3cqw -.3cqw .5cqw #f6d9b0}.knob,.sw.tugging .knob{border:0;background:linear-gradient(140deg,#ffb79c,#e58e73);color:#fff6e7;-webkit-text-stroke:0;text-shadow:0 1px 1px #9a533b55;box-shadow:inset .5cqw .6cqw 1cqw #ffd4b7,inset -.5cqw -.7cqw 1cqw #ba674c66,.3cqw 1.2cqw 1.4cqw #8b603d55}.knob:before{background:#ffecd1aa;width:25%;height:8%;filter:blur(.25cqw)}.sw.is-on .knob{background:linear-gradient(140deg,#c8e2bc,#91b99e);box-shadow:inset .5cqw .6cqw 1cqw #ebf4cc,inset -.5cqw -.7cqw 1cqw #688f7866,.3cqw 1.2cqw 1.4cqw #6f805455}.sw-num{color:#b4926c;font-family:Fredoka,sans-serif}.lid{border:0;background:linear-gradient(150deg,#ffe8b9,#e6b47c);box-shadow:inset .5cqw .7cqw 1cqw #fff5d3,inset -.5cqw -.7cqw 1cqw #bc854b55,0 .8cqw 1cqw #8a613d44}.lid-knob{border:0;background:linear-gradient(140deg,#fceac0,#d7ab67);box-shadow:.3cqw .5cqw .6cqw #97673e55}.hatch{border:0;background:radial-gradient(ellipse,#77553d,#b78c5e);box-shadow:inset 0 1cqw 1cqw #6c472c88}.bubble{border:0;border-radius:5cqw;color:#9c6551;background:linear-gradient(145deg,#fff9e9,#f7e9ce);font-size:3.7cqw;font-weight:500;padding:2.4cqw 3.4cqw;box-shadow:inset .4cqw .5cqw .6cqw #fffdf2,inset -.4cqw -.5cqw .7cqw #d2b58a44,.7cqw 1.4cqw 2cqw #a177462e}.bubble:after{border:0;background:#f8ebd3}.gremlin-art{filter:drop-shadow(1px 4px 3px #7e5a3c33)}.gremlin-window{left:26%;width:48%;top:-20cqw;height:47.7cqw}.clay-monster .clay-eyes{transform-origin:60px 66px;animation:clay-blink 5.5s infinite}.reach{filter:drop-shadow(1cqw 1.6cqw 1cqw #79523544)}.cord path{stroke:#bd925b}.outlet{border:0;background:linear-gradient(135deg,#f9e5bc,#d7b27c);box-shadow:inset .4cqw .4cqw .6cqw #fff0cd,.5cqw .6cqw 1cqw #aa7e4655}.outlet i{background:#9b774f}.plug{background:#c39a66;box-shadow:inset .2cqw .4cqw .4cqw #e8c58a}.result-hint{color:#987750;text-shadow:0 1px #fff0cd;font-weight:500}.result{border:0;color:#896247;background:#fff0d2dc;box-shadow:inset 1px 2px 3px #fff9e9,2px 5px 12px #ae82402b}.result-line,.result-pct{-webkit-text-stroke:0;text-shadow:none}.share-btn{height:46px;border:0;padding:0 24px;color:#96704c;background:linear-gradient(145deg,#fff1ce,#efd29c);box-shadow:inset 2px 2px 3px #fffae3,inset -2px -3px 4px #c9a06344,0 4px #d6b580,3px 7px 12px #a7793c26;font-family:Fredoka,sans-serif;font-size:16px;border-radius:20px;text-shadow:none;transition:transform .15s,box-shadow .15s}.share-btn:active{transform:translateY(3px);box-shadow:inset 1px 2px 4px #a77c4044}.actions{padding-bottom:12px}.new-monster,.evolution-badge,.discovery,.friend-banner,.tug-meter span{border-color:#f5dfb3;box-shadow:0 5px 12px #99704433}.win-blast>strong,.tug-meter b,.fx-ko{-webkit-text-stroke:0;text-shadow:0 .6cqw 1cqw #8f5b3e55}@keyframes clay-blink{0%,43%,47%,to{scale:1 1}45%{scale:1 .12}}@media(max-width:600px){body{background-size:auto 100svh}.page{padding-left:16px;padding-right:16px}.logo{font-size:18px}.eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:9px}.clay-intro{font-size:13px}}@media(max-height:740px){.topbar{flex-basis:42px}.eyebrow{margin-bottom:5px;font-size:8px}.clay-intro{margin-top:5px;font-size:12px}h1{font-size:34px;text-shadow:0 2px #fff0ca}.share-btn{height:38px}.actions{padding-bottom:5px}}@media(prefers-reduced-motion:reduce){.clay-monster .clay-eyes{animation:none}}.clay-accessory{filter:drop-shadow(0 2px 1px #8d633644)}.clay-accessory [stroke]{stroke:#bc9268;stroke-width:.6}.clay-accessory [fill="#ffd84d"]{fill:#efd08b}.clay-accessory [fill="#ff5d8f"],.clay-accessory [fill="#ff7aa8"]{fill:#e5a290}.clay-accessory [fill="#5fb7ff"]{fill:#aac5cd}.clay-accessory [fill="#6c5ce7"]{fill:#b9accc}.clay-accessory [fill="#5847d6"]{fill:#a799bc}.clay-accessory [fill="#2d2438"],.clay-accessory [fill="#3a2f49"]{fill:#947d71}@media(max-width:600px){body{background-image:url(/art/clay-garden-mobile.webp);background-size:100% 100svh}}.plush-monster{filter:drop-shadow(0 4px 3px #91683c22)}.monster-sprite-frame{transition:translate .2s ease-out}.plush-monster .character-features{filter:drop-shadow(0 1px 1px #946d4d22)}.species-spikes .plush-monster{filter:drop-shadow(0 4px 3px #91683c22)}.plush-accessory{filter:drop-shadow(0 2px 2px #9f704644)}.gremlin-window{left:22%;width:56%;top:-26cqw;height:53.7cqw}.reach{filter:drop-shadow(.6cqw 1.2cqw 1.1cqw #805b3e38)}.sculpted-arm .arm-path{stroke-linecap:round}.hand-fingers{transform-origin:0 -37px}.action-windup .hand-fingers{transform:rotate(-10deg) scale(.96,1.07)}.action-press .hand-fingers{transform:rotate(4deg) scale(1.12,.86)}.actions-hidden{visibility:hidden;pointer-events:none}@media(max-height:740px)and (max-width:639px){.stage{grid-template-rows:auto minmax(0,1fr) 86px 46px}}.hand-fingers{transform-origin:0 -30px}.action-windup .hand-fingers{transform:scale(.98,1.03)}.action-press .hand-fingers{transform:scale(1.04,.96)}:root{--ink: #614735;--muted: #7b624a;--accent: #bd644e;--on-dark: #416c55}h1{color:#684733;font-weight:600;letter-spacing:-.035em;-webkit-text-stroke:0;text-shadow:0 -1px 0 #fff1cd,0 1px 0 #4f3425,0 3px 3px #8d633a26}.on-word{padding:.02em .18em .06em;margin-left:.04em;border-radius:.28em;color:#fff5d9;background:linear-gradient(145deg,#68917a,#426e5a);-webkit-text-stroke:0;text-shadow:0 -1px 0 #fffbea,0 1px 1px #274c3a88;box-shadow:inset 1px 2px 2px #a2bea18c,inset -1px -2px 2px #294f3c44,0 3px #365943,1px 5px 5px #6c694226;transform:rotate(-4deg)}.logo{color:#674b36;text-shadow:0 1px 0 #fff3d2}.logo b{color:#986242;text-shadow:0 1px 0 #fff3d2}.clay-intro{color:#795b40;text-shadow:0 1px 0 #fff3d2}.eyebrow{color:#866747;text-shadow:none;letter-spacing:.18em}.knob,.sw.tugging .knob{color:#7b3e30;font-family:Fredoka,ui-rounded,sans-serif;font-weight:700;letter-spacing:.015em;text-shadow:0 1px 0 #ffdabd}.sw.is-on .knob{color:#2f5741;text-shadow:0 1px 0 #d9ebc8}.screen .screen-row,.screen .count{color:#705338;text-shadow:0 1px 0 #fff5df}.screen .count{font-family:Fredoka,sans-serif;font-weight:700}.screen .count small,.sw-num{color:#876c4c;text-shadow:0 1px 0 #fff0d1}.screen[data-state=filling] .screen-row span:first-child{color:#416f53}.screen[data-state=draining] .screen-row span:first-child{color:#a15640}.one-left .screen-row span:first-child{color:#416f53}.share-btn{color:#fff4d8;background:linear-gradient(145deg,#739c83,#50765e);box-shadow:inset 1px 2px 3px #b0c8a980,inset -1px -2px 3px #34513c44,0 4px #3d5e47,2px 7px 10px #7b6c3d26;font-weight:600;text-shadow:0 1px 1px #2a4c37}.result-line,.result-pct{color:#79513a;text-shadow:0 1px 0 #fff5dc}.result-hint{color:#75573e;text-shadow:0 1px 0 #fff0ca}.bubble{color:#87513e;text-shadow:0 1px 0 #fffdf0}.fx-score{padding:.7cqw 2cqw 1cqw;border-radius:2.6cqw;color:#69432f;background:linear-gradient(145deg,#fff8e5,#f7deb3);font-family:Fredoka,ui-rounded,sans-serif;font-weight:700;font-size:8cqw;line-height:1;letter-spacing:.015em;-webkit-text-stroke:0;text-shadow:0 1px 0 #fff9e8;box-shadow:inset 1px 2px 2px #fffdf1,0 2px #d2ac7b,0 4px 8px #79533230;animation:score-readable 1.1s ease-out forwards}@keyframes score-readable{0%{transform:translate(-50%,-40%) scale(.85);opacity:0}15%{transform:translate(-50%,-60%) scale(1.04);opacity:1}25%,75%{transform:translate(-50%,-75%) scale(1);opacity:1}to{transform:translate(-50%,-120%) scale(1);opacity:0}}.garden-world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}body{isolation:isolate;background-image:none;background-color:#ffedaf}.original-garden{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px}.original-scene{position:absolute;width:100%;height:100%;display:block}.scene-mobile{display:none}.scenery-still .original-scene>image{filter:none}.wind-trails{position:absolute;top:0;right:0;bottom:0;left:0}.wind-trails svg{position:absolute;left:-240px;top:calc(40% + var(--i) * 14%);width:190px;fill:none;stroke:#fff8de;stroke-width:1.6;stroke-linecap:round;opacity:0;animation:wind-sweep 4s ease-out both;animation-delay:calc(var(--i) * 1.9s)}@keyframes wind-sweep{0%{translate:0 20px;opacity:0}25%,65%{opacity:.28}to{translate:calc(100vw + 270px) -30px;opacity:0}}.breeze-motes{position:absolute;top:0;right:0;bottom:0;left:0}.breeze-motes i{position:absolute;left:-5%;top:calc(35% + var(--i) * 8%);width:3px;height:3px;border-radius:50%;background:#fff6d0;animation:mote-drift calc(19s + var(--i) * 2s) linear infinite;animation-delay:calc(var(--i) * -4s);opacity:0}@keyframes mote-drift{0%{transform:translate(0);opacity:0}15%,80%{opacity:.65}50%{transform:translate(55vw,-25px)}to{transform:translate(110vw,10px);opacity:0}}.garden-event{position:absolute;top:0;right:0;bottom:0;left:0}.bird-flock{position:absolute;top:var(--flight-height);left:-120px;width:100px;height:60px;animation:birds-cross var(--event-time) linear both,flock-soar var(--event-time) ease-in-out both}.from-right .bird-flock{animation-direction:reverse;--bird-direction: -1}.garden-bird{position:absolute;width:38px;overflow:visible;filter:drop-shadow(0 2px 1px #94734e22);transform-origin:55% 60%;animation:bird-drift 3.7s ease-in-out infinite;animation-delay:-.8s}.bird-1{left:38px;top:-17px;width:29px;animation-duration:4.6s;animation-delay:-2.4s}.bird-2{left:68px;top:9px;width:33px;animation-duration:3.2s;animation-delay:-1.6s}.from-right .garden-bird{transform:scaleX(-1)}.bird-wings,.bird-wing-far{transform-origin:31px 27px;animation:bird-flap 1.65s ease-in-out infinite}.bird-wing-far{animation-name:bird-flap-far}.bird-1 .bird-wings,.bird-1 .bird-wing-far{animation-delay:-.45s;animation-duration:1.9s}.bird-2 .bird-wings,.bird-2 .bird-wing-far{animation-delay:-.95s;animation-duration:1.5s}@keyframes birds-cross{0%{translate:0 0}to{translate:calc(100vw + 240px) 0}}@keyframes flock-soar{0%{transform:translateY(6px)}19%{transform:translateY(-26px)}43%{transform:translateY(15px)}68%{transform:translateY(-42px)}86%{transform:translateY(-13px)}to{transform:translateY(5px)}}@keyframes bird-drift{0%,to{translate:-3px 5px;rotate:calc(-5deg * var(--bird-direction, 1))}27%{translate:3px -8px;rotate:calc(-9deg * var(--bird-direction, 1))}56%{translate:6px -2px;rotate:calc(5deg * var(--bird-direction, 1))}79%{translate:-1px 10px;rotate:calc(8deg * var(--bird-direction, 1))}}@keyframes bird-flap{0%,30%{transform:rotate(18deg) scaleY(1)}15%,45%{transform:rotate(-42deg) scaleY(-.65)}60%,to{transform:rotate(-10deg) scaleY(.55)}}@keyframes bird-flap-far{0%,30%{transform:rotate(-12deg) scaleY(.85)}15%,45%{transform:rotate(-50deg) scaleY(-.5)}60%,to{transform:rotate(-20deg) scaleY(.4)}}.sun-peek{position:absolute;top:6%;left:18%;width:100px;height:100px;animation:sky-visit var(--event-time) ease both}.from-right .sun-peek{left:auto;right:18%}.clay-sun{position:absolute;left:18px;top:9px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff1b1,#edc364 70%,#d9a34e);box-shadow:inset 2px 3px 5px #fff7cb,0 0 35px 14px #ffe8a25c;animation:sun-rise var(--event-time) ease both}.clay-sun i{position:absolute;top:27px;left:20px;width:3px;height:5px;border-radius:50%;background:#a9824e}.clay-sun i+i{left:39px}.clay-sun b{position:absolute;top:34px;left:28px;width:9px;height:6px;border-bottom:2px solid #a9824e;border-radius:50%}.sun-rays{position:absolute;top:-55px;right:-55px;bottom:-55px;left:-55px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe49c00,#ffe49c00 20deg,#ffe49c44 23deg,#ffe49c44 29deg,#ffe49c00 33deg,#ffe49c00 45deg);-webkit-mask-image:radial-gradient(#000,transparent 68%);mask-image:radial-gradient(#000,transparent 68%);animation:sun-turn 30s linear infinite}.sun-cloud,.storm-cloud{position:absolute;top:43px;left:-9px;width:120px;height:auto;filter:drop-shadow(0 4px 4px #b99b4f22)}@keyframes sun-rise{0%,to{transform:translateY(28px)}30%,70%{transform:translateY(-5px)}}@keyframes sun-turn{to{rotate:360deg}}@keyframes sky-visit{0%,to{opacity:0;transform:translateY(8px)}18%,80%{opacity:1;transform:translateY(0)}}.butterfly-flight{position:absolute;left:-60px;top:66%;animation:butterfly-cross var(--event-time) linear both}.from-right .butterfly-flight{animation-direction:reverse}.butterfly-heading{transform-origin:center}.from-right .butterfly-heading{transform:scaleX(-1)}.garden-butterfly{display:block;width:42px;overflow:visible;filter:drop-shadow(0 2px 2px #94734e22);animation:butterfly-bob 1.8s ease-in-out infinite}.butterfly-wings{transform-origin:24px 24px;animation:butterfly-flap .24s ease-in-out infinite alternate}@keyframes butterfly-cross{0%{translate:0 10px}25%{translate:25vw -25px}50%{translate:50vw -40px}75%{translate:75vw -20px}to{translate:calc(100vw + 100px) -60px}}@keyframes butterfly-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(6deg)}}@keyframes butterfly-flap{to{transform:scaleX(.25)}}.little-storm{position:absolute;top:9%;right:10%;width:110px;height:130px;animation:sky-visit var(--event-time) ease both}.from-right .little-storm{right:auto;left:10%}.storm-cloud{top:0;filter:brightness(.79) saturate(.5) drop-shadow(0 4px 4px #81744a22)}.distant-lightning{position:absolute;top:43px;left:34px;width:31px;height:58px;opacity:0;animation:little-lightning var(--event-time) ease both}@keyframes little-lightning{0%,30%,75%,to{opacity:0}43%,57%{opacity:.9}}@media(max-width:600px){.scene-desktop{display:none}.scene-mobile{display:block}.sun-peek{left:3%;scale:.7;transform-origin:top left}.from-right .sun-peek{right:3%;left:auto;transform-origin:top right}.little-storm{scale:.65;right:2%;transform-origin:top right}.from-right .little-storm{left:2%;transform-origin:top left}.garden-bird{width:30px}.bird-1{width:24px}.bird-2{width:27px}}@media(prefers-reduced-motion:reduce){.garden-world *,.garden-world *:before,.garden-world *:after{animation:none!important;will-change:auto}.garden-event,.breeze-motes{display:none}}.fx-score{color:#fff8df;background:linear-gradient(145deg,#527963,#345440);text-shadow:0 1px 1px #213a2a;box-shadow:inset 1px 2px 2px #a0b99380,inset -1px -1px 2px #24402c55,0 2px #294331,0 4px 9px #4f3c354d}.earned{padding:2px 7px;border-radius:8px;background:#3e634b;color:#fff6dc;text-shadow:none}.tap-hint{filter:drop-shadow(0 2px 3px #32493455)}.tap-label{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);width:max-content;padding:4px 9px;border-radius:9px;background:#3b6049;color:#fff8df;font-family:Fredoka,sans-serif;font-size:clamp(9px,2.2cqw,12px);font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-shadow:none;box-shadow:inset 0 1px 1px #88a386,0 2px #2a4634}.juicy-meter{isolation:isolate;transform-origin:center}.juicy-meter .liquid{transition:none;width:0;background:linear-gradient(180deg,#e0efb5,#b7d98d 24%,#8eb975 65%,#759e62);box-shadow:inset 0 2px 3px #f5ffd599,inset 0 -3px 4px #557e4f55,2px 0 6px #9ebc6170;will-change:width}.juicy-meter .liquid:after{display:none}.meter-loss-trail{position:absolute;inset:0 auto 0 0;width:0;opacity:0;border-radius:99px;background:linear-gradient(#f6c28e,#d98c65);box-shadow:inset 0 2px 3px #ffe2b5}.juicy-meter .stripes{opacity:.4;background:repeating-linear-gradient(-55deg,#ffffff3b 0 2cqw,transparent 2cqw 4.5cqw)}.juicy-meter .bubbles{opacity:.5;background-size:6cqw 4cqw,8cqw 5cqw}.meter-crest{position:absolute;top:8%;bottom:8%;right:0;width:4cqw;min-width:9px;border-radius:50%;background:radial-gradient(ellipse at 60% 28%,#f4ffdce6,#cce49f88 50%,#6f9f6840);box-shadow:inset -1px 0 3px #5e8a5c55}.meter-glint{position:absolute;inset:14% 5% auto 6%;height:14%;border-radius:99px;background:#f5ffe2c4;filter:blur(.2px)}.meter-specks{position:absolute;z-index:3;left:var(--meter-tip,0%);top:50%;pointer-events:none}.meter-speck{position:absolute;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#fffbe1;opacity:0;box-shadow:0 0 3px #fff6b7}.juicy-meter[data-motion=filling]{box-shadow:inset .3cqw .6cqw 1cqw #9d7b4c55,0 0 0 1px #d4e1a880,0 0 12px #b9d18366}.juicy-meter[data-motion=draining] .stripes{animation-direction:reverse;animation-duration:.55s;animation-play-state:running}.juicy-meter[data-motion=draining] .liquid{filter:none}.screen[data-state=draining] .juicy-meter{animation:none;border-color:transparent}.screen[data-speed="4"][data-state=filling] .juicy-meter{animation:none}.juicy-meter[data-near-full=true] .liquid{background:linear-gradient(180deg,#fff1ae,#dbd580 28%,#afbd6d 70%,#8e9e58)}.screen .count{display:inline-block;transform-origin:right center}@media(prefers-reduced-motion:reduce){.juicy-meter .liquid{will-change:auto}.juicy-meter .stripes,.juicy-meter .bubbles{animation:none}.meter-specks{display:none}}@media(prefers-reduced-motion:reduce){.fx-allon{animation:none;transform:translate(-50%,-50%)}}.gremlin-window.ko{z-index:16}.gremlin-window.ko .gremlin{animation:clay-knockout 1.75s linear both;transition:none}@keyframes clay-knockout{0%{transform:translate3d(0,36%,0) scale(1);opacity:1}7%{transform:translate3d(0,40%,0) scale(1.14,.8)}17%{transform:translate3d(-3cqw,-14cqw,0) rotate(-12deg) scale(.87,1.12)}37%{transform:translate3d(17cqw,-46cqw,0) rotate(15deg) scale(.94)}54%{transform:translate3d(42cqw,-35cqw,0) rotate(52deg) scale(.84)}71%{transform:translate3d(68cqw,-6cqw,0) rotate(83deg) scale(.72)}80%{transform:translate3d(76cqw,14cqw,0) rotate(98deg) scale(.85,.54)}91%{transform:translate3d(85cqw,3cqw,0) rotate(112deg) scale(.65);opacity:1}to{transform:translate3d(115cqw,42cqw,0) rotate(125deg) scale(.5);opacity:0}}.ko-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.ko-takeoff,.ko-landing{position:absolute;left:50%;top:25cqw}.ko-takeoff i,.ko-landing i{position:absolute;width:5cqw;height:4cqw;margin:-2cqw;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,#fff9e9,#e7d6b4);box-shadow:inset 0 -2px 3px #cbb59033;opacity:0;animation:ko-puff .65s ease-out calc(.14s + var(--puff-delay,0ms)) both}.ko-landing{left:112%;top:27cqw}.ko-landing i{animation-delay:1.22s}@keyframes ko-puff{0%{transform:translate(0) scale(.2);opacity:0}20%{opacity:.85}to{transform:translate(var(--puff-x),var(--puff-y)) scale(1.2);opacity:0}}.ko-flight-trail{position:absolute;left:55%;top:-1cqw;transform:rotate(-38deg)}.ko-flight-trail i{display:block;width:13cqw;height:1.2cqw;margin:2cqw;border-radius:99px;background:linear-gradient(90deg,transparent,#fff5dcb3);animation:ko-streak .45s .18s ease-out both}.ko-flight-trail i:nth-child(2){width:18cqw}.ko-flight-trail i:nth-child(3){width:9cqw}@keyframes ko-streak{0%{transform:translate(-5cqw) scaleX(.3);opacity:0}30%{opacity:.85}to{transform:translate(7cqw) scaleX(1.2);opacity:0}}.hit-flash{background:radial-gradient(ellipse at 50% 30%,#fff8debb,transparent 65%);opacity:.6}.fx-ko{font:600 6cqw/1 Fredoka,sans-serif;padding:1.2cqw 2.8cqw;border-radius:3cqw;background:#41634b;color:#fff4d3;-webkit-text-stroke:0;text-shadow:0 1px 1px #2f4935;box-shadow:inset 0 1px 2px #a6bea2,0 3px #2b4734}.win-blast>strong{top:48%;font-family:Fredoka,sans-serif;font-size:6.5cqw;font-weight:600;padding:3cqw 4cqw;border-radius:5cqw;background:linear-gradient(145deg,#65876a,#3c6047);color:#fff5d5;-webkit-text-stroke:0;text-shadow:0 1px 1px #2c4831;box-shadow:inset 1px 2px 3px #a9c19c99,0 4px #304c36,0 7px 15px #6c513344}.win-blast small{margin-top:1.8cqw;padding:0;border:0;background:none;color:#e7edcf;font-family:Fredoka,sans-serif;font-weight:500}.win-blast>i{text-shadow:0 2px 2px #a27a4444}@media(prefers-reduced-motion:reduce){.ko-effects{display:none}.gremlin-window.ko .gremlin{animation:ko-quiet-exit .3s ease-out both}.hit-flash{display:none}.won .box-front,.won .sw{animation:none}}@keyframes ko-quiet-exit{0%{opacity:1}to{opacity:0}}.swap-window{left:22%;width:56%;top:-26cqw;height:53.7cqw}.lid-mount{position:absolute;z-index:6;left:28.5%;width:43%;top:24.09cqw;height:20.8cqw;pointer-events:none}.lid-mount.open{z-index:3}.lid-mount .lid{left:0;top:0;width:100%;height:100%;transform-origin:50% 0;transform:scaleY(.342);border-radius:50%;background:linear-gradient(155deg,#ffedc7,#edc38d 60%,#d5a269);box-shadow:inset .6cqw .8cqw 1.5cqw #fff5d7,inset -.6cqw -.8cqw 1.2cqw #b67f4544,0 .8cqw .3cqw #c38e59;transition:transform .52s cubic-bezier(.22,.7,.25,1)}.lid-mount .lid.open{transform:scaleY(-.94)}.lid-mount .lid:before{content:"";position:absolute;top:1.1cqw;right:1.1cqw;bottom:1.1cqw;left:1.1cqw;border-radius:50%;border:.3cqw solid #f7ddaf80}.lid-mount .lid-knob{right:46%;top:66%;width:4cqw;height:3cqw;border-radius:50%;background:linear-gradient(145deg,#ffe7b8,#c99a61);box-shadow:inset 0 .4cqw .5cqw #fff2cd,0 .5cqw .4cqw #a6754544}.lid-hinge{position:absolute;top:-.5cqw;width:12%;height:1.8cqw;border-radius:99px;background:linear-gradient(#efd1a0,#c69964);box-shadow:0 .3cqw .4cqw #93663d33}.hinge-left{left:18%}.hinge-right{right:18%}.hatch{background:radial-gradient(ellipse 62% 70% at 50% 78%,#0c0604 0%,#160d08 38%,transparent 72%),linear-gradient(#6b4a33,#47301f 26%,#23160e 58%,#120a06);box-shadow:inset 0 .9cqw .7cqw #2a19104d,inset 0 -.25cqw .2cqw #0006,0 .35cqw #fff0cf,0 -.15cqw #c4935f}.gremlin.pose-up{transform:translateY(36%)}.gremlin.pose-peek{transform:translateY(64%)}.gremlin-window:after{content:"";position:absolute;z-index:2;left:14.3%;right:14.3%;bottom:0;height:3.4cqw;background:radial-gradient(farthest-side at 50% 100%,#160c07d9,#160c0766 55%,transparent);opacity:0;transition:opacity .2s;pointer-events:none}.gremlin-window.emerged:after{opacity:1}.gremlin-window.ko:after{opacity:0}.gremlin.pose-pop{transition:none;animation:boo-pop 1.6s both}.gremlin.pose-up .gremlin-art,.gremlin.pose-peek .gremlin-art{animation:emerge-squash .5s cubic-bezier(.3,1.5,.5,1) both;transform-origin:50% 100%}@keyframes boo-pop{0%{transform:translateY(105%) scale(.9,1.1)}13%{transform:translateY(6%) scale(.86,1.2)}22%{transform:translateY(24%) scale(1.14,.86)}31%{transform:translateY(16%) scale(.97,1.05)}40%,to{transform:translateY(19%) scale(1)}}@keyframes emerge-squash{0%{transform:scale(.9,1.12)}45%{transform:scale(1.07,.93)}to{transform:none}}.lid-mount.ajar .lid.ajar{transform:scaleY(.205);transition-duration:.75s;transition-timing-function:cubic-bezier(.3,1.4,.5,1)}.lid-mount.rattle .lid{animation:lid-rattle .46s linear both}@keyframes lid-rattle{0%,to{transform:scaleY(.342);translate:0 0}15%{transform:scaleY(.25);translate:-.5cqw 0}30%{transform:scaleY(.33);translate:.5cqw 0}45%{transform:scaleY(.2);translate:-.4cqw 0}62%{transform:scaleY(.34);translate:.4cqw 0}78%{transform:scaleY(.24);translate:0 0}}.reach-inner,.hole-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible}.reach-inner{opacity:0;filter:drop-shadow(.4cqw .8cqw .8cqw #2a170c40)}.reach-inner.visible,.reach.visible{opacity:1}.hole-veil,.hole-lip{opacity:0;transition:opacity .12s}.hole-lip{fill:none;stroke:#ffe8c2;stroke-width:1.3;stroke-linecap:round}.hole-shade.is-open .hole-veil,.hole-shade.is-ajar .hole-veil{opacity:1;transition-delay:.1s}.hole-shade.is-open .hole-lip{opacity:.75;transition-delay:.2s}.reach-inner .hand-fingers{transform-origin:0 -30px;transition:transform 85ms ease-out}.reach-inner.action-windup .hand-fingers{transform:scale(.98,1.03)}.reach-inner.action-press .hand-fingers{transform:scale(1.04,.96)}.eyes-anchor{opacity:0;transition:opacity .14s,translate .5s cubic-bezier(.3,1.4,.5,1)}.hole-shade.eyes-on .eyes-anchor{opacity:1;transition-delay:.22s,0s}.hole-shade.is-ajar .eyes-anchor{translate:0 6.5px}.hole-shade.is-ajar .eyes-wander{animation:eyes-look 2.3s ease-in-out .5s both}.hole-shade:not(.eyes-on) .hole-eyes{display:none}.hole-eyes .eye-shape{transform-box:fill-box;transform-origin:center;transition:scale .18s,rotate .18s}.hole-shade.eyes-on .eye-shape{animation:eye-blink 4.2s infinite}.hole-shade.eyes-on .eye-right .eye-shape{animation-delay:.04s}.hole-eyes .eye-pupil{transform-box:fill-box;transform-origin:center;transition:scale .18s}.eyes-wide .eye-shape{scale:1.28}.eyes-wide .eye-pupil{scale:.55 .45}.eyes-on.eyes-wide .eyes-wander{animation:eyes-jitter .16s linear infinite}.eyes-narrow .eye-shape{scale:1.05 .5}.eyes-angry .eye-left .eye-shape{scale:1.08 .62;rotate:14deg}.eyes-angry .eye-right .eye-shape{scale:1.08 .62;rotate:-14deg}.eyes-shut .eye-shape{scale:1 .1}.hole-shade.is-ajar .eye-shape{animation-duration:2.6s}@keyframes eye-blink{0%,90%,to{transform:none}94%{transform:scaleY(.08)}}@keyframes eyes-look{0%,to{translate:0 0}22%,38%{translate:-6px 0}58%,78%{translate:6px .5px}}@keyframes eyes-jitter{0%,to{translate:0 0}25%{translate:-.6px .3px}75%{translate:.6px -.3px}}@media(prefers-reduced-motion:reduce){.gremlin.pose-pop{animation:none;transform:translateY(19%)}.gremlin.pose-up .gremlin-art,.gremlin.pose-peek .gremlin-art{animation:none}.lid-mount.rattle .lid,.hole-eyes .eye-shape,.eyes-wander{animation:none!important}}.result,.result.is-record{padding:10px 14px;border:1px solid #fff1d3b3;border-radius:20px;background:linear-gradient(145deg,#fff4dcef,#f5e4c4f5);box-shadow:inset 1px 2px 3px #fffdf0,inset -1px -2px 3px #dbc29c44,0 4px 12px #946a3430;transform:none;animation:result-arrive .28s ease-out}.result-main{align-items:center;gap:10px}.result-pct{font-family:Fredoka,ui-rounded,sans-serif;font-weight:600;font-size:26px;color:#71503a;line-height:1;text-shadow:0 1px 0 #fff9e8}.result-line{max-width:72%;padding:5px 9px;border-radius:10px;font-family:Fredoka,ui-rounded,sans-serif;font-size:14px;font-weight:600;line-height:1.15;color:#47634b;background:#e2e8ce;text-shadow:none;box-shadow:inset 0 1px 1px #faffdf}.is-record .result-line{color:#fff7dc;background:linear-gradient(145deg,#6b8a68,#45664c);box-shadow:inset 0 1px 1px #b3c6a5,0 1px 2px #56734720}.result-meta{margin-top:6px;gap:10px;align-items:center;color:#81654b;font-size:12px;font-weight:500;line-height:1.3;opacity:1}.result-meta>span:first-child{min-width:0;flex:1}.result .earned{flex:none;padding:4px 7px;font-size:12px;font-weight:600;border-radius:8px}.result-grow{margin:5px 0 0;color:#8b7054;font-size:12px;line-height:1.3}@keyframes result-arrive{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}.share-btn{position:relative;overflow:hidden}.share-btn.pulse{color:#fff6dc;background:linear-gradient(145deg,#789778,#507159);box-shadow:inset 1px 2px 3px #b2c6a780,inset -1px -2px 3px #34513c44,0 4px #3d5e47,2px 7px 10px #7b6c3d26;animation:none}.share-btn.pulse:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-40%;width:25%;background:linear-gradient(90deg,transparent,#fff7db55,transparent);transform:skew(-18deg);animation:share-glint 1.2s .15s ease-out both;pointer-events:none}@keyframes share-glint{0%{left:-40%;opacity:0}20%{opacity:.7}to{left:130%;opacity:0}}@media(max-height:740px){.result,.result.is-record{padding:7px 11px}.result-pct{font-size:23px}.result-line{font-size:12px;padding:4px 7px}.result-meta{margin-top:4px;font-size:11px}}@media(prefers-reduced-motion:reduce){.lid-mount .lid{transition:none}.result{animation:none}.share-btn.pulse:after{display:none}}.confetti i.clay-bit{position:absolute;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fffdf3 0 14%,var(--light) 42%,var(--dark) 100%);box-shadow:0 2px 3px #6e4a2a26;will-change:transform;animation:clay-confetti var(--d) linear forwards}.confetti i.bit-pill{border-radius:99px}.confetti i.bit-drop{border-radius:50% 50% 50% 0}.confetti i.bit-star{border-radius:0;box-shadow:none;clip-path:polygon(50% 0,63% 33%,98% 36%,71% 58%,80% 94%,50% 74%,20% 94%,29% 58%,2% 36%,37% 33%)}@keyframes clay-confetti{0%{transform:translate(0) rotate(0) scale(.3);animation-timing-function:cubic-bezier(.15,.75,.35,1)}30%{transform:translate(calc(var(--dx) * .6),var(--up)) rotate(calc(var(--r) * .35)) scale(1);animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{transform:translate(var(--dx),var(--fall)) rotate(var(--r)) scale(.9)}}@keyframes clay-letter{0%{transform:translateY(-70%) scale(.4,1.5);opacity:0}55%{transform:translateY(10%) scale(1.22,.76);opacity:1}80%{transform:translateY(-4%) scale(.95,1.06)}to{transform:none;opacity:1}}.clear-word{display:inline-block;white-space:pre}.win-rays{background:repeating-conic-gradient(from 0deg,#fff7e170 0deg 10deg,transparent 10deg 24deg)}.shockwave{border:2.2cqw solid #fff4d9;box-shadow:inset .4cqw .6cqw .8cqw #fffdf3,inset -.5cqw -.8cqw 1cqw #d6b07c88,0 .8cqw 1.4cqw #9a6d3d33}.shockwave.second{border-color:#cfe3c4}.win-blast>i{width:3.6cqw;height:3.6cqw;font-size:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffdf3 0 14%,var(--color) 46%,color-mix(in srgb,var(--color) 70%,#6b4426));text-shadow:none}.win-blast>i.spark-star{width:5cqw;height:5cqw;border-radius:0;clip-path:polygon(50% 0,63% 33%,98% 36%,71% 58%,80% 94%,50% 74%,20% 94%,29% 58%,2% 36%,37% 33%)}.win-blast>strong{top:44%;padding:0;border-radius:0;background:none;box-shadow:none;font:700 9.6cqw/1.05 Fredoka,ui-rounded,sans-serif;letter-spacing:-.01em;color:#fffaf0;-webkit-text-stroke:0;text-shadow:0 .3cqw 0 #8fb592,0 .6cqw 0 #6d9f82,0 .9cqw 0 #5a8668,0 1.2cqw 0 #4f7259,0 2.2cqw 2cqw #3d2a1a59;animation:win-title 1.75s both}.win-blast>strong .ch{display:inline-block;animation:clay-letter .5s cubic-bezier(.2,1.7,.45,1) calc(var(--k) * 35ms) both}.win-blast small{display:block;width:max-content;margin:2.6cqw auto 0;padding:1.1cqw 3.2cqw;border-radius:99px;background:linear-gradient(150deg,#fff8e6,#f1dcb3);font:600 3cqw/1 Fredoka,sans-serif;letter-spacing:.14em;color:#6e4f36;text-shadow:none;box-shadow:inset .3cqw .4cqw .5cqw #fffdf3,0 .6cqw #d6b07c,0 1.2cqw 1.6cqw #8a5f3333;animation:rise-in .4s cubic-bezier(.2,1.5,.4,1) .45s both}@keyframes win-title{0%{transform:translate(-50%,-50%) scale(.92);opacity:1}85%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-64%) scale(.96);opacity:0}}@keyframes rise-in{0%{transform:translateY(10px) scale(.9);opacity:0}}.count-pop{display:inline-block;animation:count-bump .6s cubic-bezier(.2,1.8,.4,1) both}@keyframes count-bump{0%{transform:scale(.3) rotate(-14deg);opacity:0}60%{transform:scale(1.25) rotate(4deg);opacity:1}to{transform:none}}.clear-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:34px 16px 16px;overflow:hidden;cursor:pointer;font-family:Fredoka,ui-rounded,sans-serif;color:#7a5a3c;background:radial-gradient(ellipse at 50% 42%,#fff7e2ea,#f3dcabe0 58%,#dfba7ce0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:clear-fade .3s ease-out both;-webkit-tap-highlight-color:transparent}.clear-overlay.leaving{animation:clear-fade-out .26s ease-in forwards;pointer-events:none}.clear-rays{position:absolute;left:50%;top:44%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(from 0deg,#fffaea80 0deg 9deg,transparent 9deg 22deg);-webkit-mask:radial-gradient(circle,#000 0 14%,transparent 48%);mask:radial-gradient(circle,#000 0 14%,transparent 48%);animation:clear-spin 26s linear infinite;pointer-events:none}.clear-card{position:relative;width:min(380px,100%);display:grid;justify-items:center;gap:10px;padding:36px 18px 18px;border-radius:34px;background:linear-gradient(160deg,#fffaf0,#f8e8c8 60%,#f0d7a9);box-shadow:inset 3px 4px 6px #fffef8,inset -5px -7px 12px #d4ad7655,0 9px #ddb882,0 12px #c99d63,0 28px 46px #6e4a2a59}.clear-card[data-step="0"],.clear-card[data-step="1"]{animation:card-in .55s cubic-bezier(.2,1.5,.45,1) both}.clear-card[data-step="2"]{animation:bump-a .3s ease-out}.clear-card.stars-2[data-step="3"],.clear-card.stars-3[data-step="3"]{animation:bump-b .3s ease-out}.clear-card.stars-3[data-step="4"]{animation:bump-c .4s ease-out}.clear-overlay.leaving .clear-card{animation:card-out .26s ease-in forwards}@keyframes clear-fade{0%{opacity:0}}@keyframes clear-fade-out{to{opacity:0}}@keyframes clear-spin{to{rotate:360deg}}@keyframes card-in{0%{transform:translateY(50px) scale(.4,.3);opacity:0}45%{transform:translateY(-6px) scale(1.08,.92);opacity:1}70%{transform:scale(.96,1.05)}to{transform:none}}@keyframes card-out{to{transform:translateY(-26px) scale(.7);opacity:0}}@keyframes bump-a{30%{transform:translateY(4px) scale(1.015,.98)}}@keyframes bump-b{30%{transform:translateY(5px) scale(1.02,.975)}}@keyframes bump-c{25%{transform:translateY(7px) scale(1.035,.96)}60%{transform:translateY(-3px) scale(.99,1.01)}}.clear-card .clear-ribbon[data-in=false],.clear-card .ribbon-tail[data-in=false],.clear-sub[data-in=false],.clear-stats[data-in=false],.clear-next[data-in=false],.clear-continue[data-in=false]{visibility:hidden}.clear-ribbon{position:absolute;z-index:2;top:-24px;left:50%;translate:-50% 0;margin:0;padding:10px 26px 12px;white-space:nowrap;border-radius:18px;font:700 25px/1 Fredoka,ui-rounded,sans-serif;letter-spacing:.01em;color:#fffaf0;text-shadow:0 2px 0 #3f6149;background:linear-gradient(160deg,#94bb96,#5d8668);box-shadow:inset 2px 3px 4px #cfe5c6aa,inset -3px -4px 6px #3d5f4766,0 5px #46684f,0 11px 16px #4d6a4a47;transform:rotate(-2deg)}.clear-ribbon[data-in=true]{animation:ribbon-in .5s cubic-bezier(.2,1.6,.4,1) both}.clear-ribbon[data-in=true] .ch{display:inline-block;animation:clay-letter .5s cubic-bezier(.2,1.7,.45,1) calc(90ms + var(--k) * 30ms) both}@keyframes ribbon-in{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.1,.92) rotate(1deg);opacity:1}to{transform:rotate(-2deg)}}.ribbon-tail{position:absolute;z-index:1;top:-10px;width:46px;height:34px;background:linear-gradient(160deg,#6f9877,#4d7258);box-shadow:inset 0 2px 2px #a9c9a4aa}.ribbon-tail.left{left:calc(50% - 150px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%);rotate:-6deg}.ribbon-tail.right{right:calc(50% - 150px);clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%);rotate:2deg}.ribbon-tail[data-in=true]{animation:rise-in .35s ease-out .2s both}.clear-sub{margin:4px 0 0;max-width:30ch;text-align:center;font-size:15px;font-weight:600;line-height:1.25;color:#8c6a49}.clear-sub[data-in=true]{animation:rise-in .35s ease-out .25s both}.clear-stars{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:2px}.clear-star{position:relative;display:grid;justify-items:center;width:74px}.clear-star.star-1{width:92px;margin-bottom:10px}.clear-star>span{grid-area:1 / 1;width:100%;aspect-ratio:1}.clear-star svg{display:block;width:100%;height:100%;overflow:visible}.star-socket{filter:drop-shadow(0 1.5px 0 #fff8e4)}.star-gold{z-index:1;filter:drop-shadow(0 6px 6px #8f5d2a55)}.clear-star[data-in=false] .star-gold,.clear-star[data-in=false] .star-puffs{visibility:hidden}.clear-star[data-in=true] .star-gold{animation:star-slam .5s cubic-bezier(.2,1.5,.4,1) both}.clear-star.lost[data-in=true] .star-socket{animation:socket-thud .35s ease-out}@keyframes star-slam{0%{transform:translateY(-80px) scale(2.3) rotate(-35deg);opacity:0}45%{transform:translateY(5px) scale(1.2,.8) rotate(4deg);opacity:1}70%{transform:translateY(-3px) scale(.94,1.07)}to{transform:none;opacity:1}}@keyframes socket-thud{35%{transform:translateY(3px) scale(1.05,.93)}}.star-puffs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star-puffs i{position:absolute;left:50%;top:50%;width:16px;height:12px;margin:-6px -8px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#fffdf3,#efd9ac 75%);opacity:0}.clear-star[data-in=true] .star-puffs i{animation:star-puff .6s cubic-bezier(.2,.8,.3,1) .14s both}@keyframes star-puff{0%{transform:rotate(var(--a)) translate(14px) scale(.3);opacity:.95}to{transform:rotate(var(--a)) translate(56px) scale(1.15);opacity:0}}.clear-star small{grid-area:2 / 1;margin-top:3px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#b39470;white-space:nowrap;transition:color .2s}.clear-star.got[data-in=true] small{color:#4f7259}.clear-stats{display:flex;gap:8px;justify-content:center}.clear-stats[data-in=true]{animation:rise-in .35s cubic-bezier(.2,1.4,.4,1) both}.clear-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:linear-gradient(150deg,#f3e2c0,#fbf0da);box-shadow:inset 2px 3px 5px #c9a7764d,inset -2px -2px 3px #fffdf4;font-size:15px;font-weight:600;color:#7a5a3c;font-variant-numeric:tabular-nums}.clear-chip svg{width:18px;height:18px;flex:none}.clear-chip.bolts b{min-width:2.4ch;color:#4f7259}.clear-chip.bolts em{padding-left:8px;border-left:1.5px solid #dcc29a;font-style:normal;font-size:13px;color:#a2825d}.clear-path{--node: 30px;position:relative;width:100%;display:flex;justify-content:space-between;padding:22px 2px 0}.path-rail{position:absolute;left:calc(var(--node) / 2 + 2px);right:calc(var(--node) / 2 + 2px);top:calc(22px + var(--node) / 2 - 3px);height:6px;border-radius:6px;background:#e6cfa5;box-shadow:inset 1px 2px 2px #bf9a6a66}.path-rail i{position:absolute;left:0;top:0;bottom:0;width:calc(100% * var(--at) / var(--count));border-radius:inherit;background:linear-gradient(#b4d5b3,#6d9f82);transition:width .45s cubic-bezier(.3,1.3,.5,1)}.path-node{position:relative;z-index:1;display:grid;justify-items:center;gap:3px;width:var(--node)}.path-node .disc{width:var(--node);height:var(--node);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#b79770;background:linear-gradient(150deg,#fbefd6,#ecd5ab);box-shadow:inset 1px 2px 2px #fffaf0,inset -2px -2px 3px #cfae7f66,0 2px 3px #9a6d3d33}.path-node .disc svg{width:72%;height:72%}.path-node.now .disc{color:#fffaf0;background:linear-gradient(150deg,#cfe4c9,#91b99a)}.path-node.done .disc{background:linear-gradient(150deg,#b9d8b8,#6d9f82);box-shadow:inset 1px 2px 2px #e2f0d4,inset -2px -2px 3px #46684f66,0 2px #52775d,0 3px 4px #4d6a4a33}.path-node.done.fresh .disc{animation:node-stamp .45s cubic-bezier(.2,1.7,.4,1) both}.path-node.next .disc{font-size:15px;color:#9d7646;background:linear-gradient(150deg,#ffeebe,#efc56c);box-shadow:inset 1px 2px 2px #fff8de,inset -2px -2px 3px #c9963f66,0 2px #cf9f52}.path-node.next.open .disc{animation:node-unlock .5s cubic-bezier(.2,1.7,.4,1) .3s both,node-glow 1.6s ease-in-out .9s infinite}.path-node.boss .disc{background:linear-gradient(150deg,#f7bba5,#d9775f);box-shadow:inset 1px 2px 2px #ffd9c9,inset -2px -2px 3px #9e4d3a66,0 2px #b05c47}.path-node.boss.next .disc{color:#fffaf0}.path-node.shut:not(.boss) .disc{opacity:.78}.path-node small{display:flex;gap:1px;height:9px;font-size:10px;font-weight:700;line-height:9px;color:#9d7b55}.path-node small i{width:7px;height:7px;background:#dcc39b;clip-path:polygon(50% 0,63% 33%,98% 36%,71% 58%,80% 94%,50% 74%,20% 94%,29% 58%,2% 36%,37% 33%)}.path-node small i.lit{background:#e9a43b}@keyframes node-stamp{0%{transform:scale(1.7)}55%{transform:scale(.85,1.1)}to{transform:none}}@keyframes node-unlock{0%{transform:scale(.6) rotate(-20deg)}60%{transform:scale(1.3) rotate(6deg)}to{transform:none}}@keyframes node-glow{50%{box-shadow:inset 1px 2px 2px #fff8de,inset -2px -2px 3px #c9963f66,0 2px #cf9f52,0 0 0 6px #ffd97755}}.path-pin{position:absolute;z-index:2;top:0;left:calc(2px + (100% - 4px - var(--node)) * var(--at) / var(--count) + var(--node) / 2);translate:-50% 0;transition:left .45s cubic-bezier(.4,0,.3,1)}.path-pin b{position:relative;display:block;padding:2px 6px 3px;border-radius:8px;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#fffaf0;background:linear-gradient(150deg,#ef9a83,#d27a63);box-shadow:inset 1px 1px 1px #ffd2c2,0 2px #b5604b}.path-pin b:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-4px;width:7px;height:7px;translate:-50% 0;rotate:45deg;border-radius:1px;background:#c9705a}.path-pin[data-hop=true] b{animation:pin-hop .45s ease-out}@keyframes pin-hop{0%{transform:none}45%{transform:translateY(-14px) scale(.9,1.1)}80%{transform:translateY(1px) scale(1.12,.86)}to{transform:none}}.clear-next{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 8px;border-radius:22px;text-align:left;background:linear-gradient(150deg,#f3e1bf,#fbf1dc);box-shadow:inset 2px 3px 5px #c9a7764d,inset -2px -2px 3px #fffdf4}.clear-next[data-in=true]{animation:rise-in .4s cubic-bezier(.2,1.4,.4,1) .15s both}.next-hole{position:relative;flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 42%,#fffaf0,#f3ddb1 62%,#d9b47e);box-shadow:inset 0 3px 6px #9a6d3d55,0 2px #fff4da}.next-shadow{position:absolute;left:7px;right:7px;top:9px;filter:brightness(0);opacity:.8;transform-origin:50% 100%;animation:shadow-wiggle 2.4s ease-in-out infinite}.next-shadow .gremlin-art{filter:none}.next-q{position:absolute;right:4px;top:3px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fffaf0;background:linear-gradient(150deg,#ef9a83,#d27a63);box-shadow:inset 1px 1px 1px #ffd2c2,0 2px #b5604b;animation:q-bob 1.1s ease-in-out infinite}.next-copy{display:grid;gap:1px;min-width:0}.next-copy small{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#a2825d}.next-copy strong{font-size:19px;font-weight:700;line-height:1.15;color:#6e4f36}.next-copy strong em{padding:1px 6px;border-radius:8px;vertical-align:3px;font-style:normal;font-size:12px;font-weight:700;color:#fffaf0;background:#7fa98a}.next-copy span{font-size:13px;font-weight:500;color:#8c6a49}@keyframes shadow-wiggle{0%,58%,to{transform:none}68%{transform:rotate(-7deg) translateY(-2px)}78%{transform:rotate(6deg)}88%{transform:rotate(-2deg)}}@keyframes q-bob{50%{transform:translateY(-3px) rotate(10deg)}}.clear-continue{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;margin-top:4px;border:0;border-radius:22px;font:700 19px Fredoka,ui-rounded,sans-serif;color:#fffaf0;text-shadow:0 2px 0 #46684f;background:linear-gradient(160deg,#94bb96,#5f8a69);box-shadow:inset 2px 3px 4px #cfe5c6aa,inset -3px -4px 6px #3d5f4766,0 6px #46684f,0 11px 16px #4d6a4a40;transition:transform .12s,box-shadow .12s}.clear-continue svg{width:22px;height:22px}.clear-continue:active{transform:translateY(5px);box-shadow:inset 2px 3px 6px #3d5f4766,0 1px #46684f}.clear-continue[data-in=true]{animation:btn-pop .5s cubic-bezier(.2,1.6,.4,1) backwards,btn-glow 1.5s ease-in-out .7s infinite}.clear-continue[data-in=true] svg{animation:arrow-nudge 1.5s ease-in-out .7s infinite}.clear-continue .auto-fill{position:absolute;left:0;bottom:0;width:100%;height:5px;transform:scaleX(0);transform-origin:0 50%;background:#fffaf070}.clear-overlay.ready .auto-fill{animation-name:auto-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes btn-pop{0%{transform:scale(.4,.3);opacity:0}60%{transform:scale(1.06,.94);opacity:1}}@keyframes btn-glow{50%{box-shadow:inset 2px 3px 4px #cfe5c6aa,inset -3px -4px 6px #3d5f4766,0 6px #46684f,0 11px 16px #4d6a4a40,0 0 0 7px #a8cdae66}}@keyframes arrow-nudge{0%,40%,to{transform:none}60%{transform:translate(5px)}80%{transform:translate(-1px)}}@keyframes auto-fill{to{transform:scaleX(1)}}@media(max-height:720px){.clear-overlay{padding-top:30px}.clear-card{gap:7px;padding:32px 14px 14px}.clear-star{width:60px}.clear-star.star-1{width:76px;margin-bottom:8px}.next-hole{width:54px;height:54px}.clear-continue{height:50px;font-size:17px}}@media(max-height:580px){.clear-card{scale:.8}}@media(max-width:360px){.clear-ribbon{font-size:21px;padding:9px 18px 11px}.ribbon-tail.left{left:calc(50% - 128px)}.ribbon-tail.right{right:calc(50% - 128px)}.clear-path{--node: 26px}}.swap-window.silhouette .gremlin-art{filter:brightness(0) drop-shadow(0 .6cqw .6cqw #5a3a2244);opacity:.86}.swap-window.revealed .gremlin-art{transform-origin:50% 90%;animation:reveal-flash .6s ease-out both}@keyframes reveal-flash{0%{filter:brightness(0);opacity:.86;transform:none}18%{filter:brightness(2.6) saturate(0);opacity:1;transform:scale(1.14,.9)}45%{filter:brightness(1.25);transform:scale(.95,1.06)}to{filter:drop-shadow(1px 4px 3px #7e5a3c33);transform:none}}.swap-q{position:absolute;z-index:2;left:64%;top:10%;width:10cqw;height:10cqw;border-radius:50%;display:grid;place-items:center;font:700 6.5cqw/1 Fredoka,sans-serif;color:#fffaf0;background:linear-gradient(150deg,#ef9a83,#d27a63);box-shadow:inset .4cqw .5cqw .6cqw #ffd2c2,0 .8cqw #b5604b,0 1.6cqw 2cqw #6e4a2a40;animation:q-pop .4s cubic-bezier(.2,1.7,.4,1) .55s both,q-bob .8s ease-in-out .95s infinite}@keyframes q-pop{0%{transform:scale(0) rotate(-30deg)}}.reveal-poof{position:absolute;z-index:3;left:50%;top:56%;pointer-events:none}.reveal-poof:before{content:"";position:absolute;left:0;top:0;width:20cqw;height:20cqw;margin:-10cqw;border-radius:50%;border:1.6cqw solid #fff4d9;box-shadow:inset .3cqw .5cqw .6cqw #fffdf3,0 .5cqw 1cqw #9a6d3d33;animation:poof-ring .5s ease-out both}.reveal-poof i{position:absolute;left:0;top:0;width:9cqw;height:7cqw;margin:-3.5cqw -4.5cqw;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#fffdf3,#f0dcb2 72%);box-shadow:inset 0 -.6cqw .8cqw #d6b07c55;animation:poof-puff .7s cubic-bezier(.2,.8,.3,1) var(--d) both}@keyframes poof-ring{0%{transform:scale(.2);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes poof-puff{0%{transform:rotate(var(--a)) translate(2cqw) scale(.4);opacity:1}60%{opacity:.95}to{transform:rotate(var(--a)) translate(24cqw) scale(1.25);opacity:0}}.new-monster,.evolving .new-monster{display:grid}.new-monster{z-index:12;top:40cqw;padding:1.6cqw 6cqw 2.4cqw;border:0;border-radius:5cqw;background:linear-gradient(150deg,#fffaf0,#f3dfb9);box-shadow:inset .5cqw .7cqw 1cqw #fffdf3,inset -.6cqw -.9cqw 1.2cqw #d8b78a66,0 1.1cqw #dcb985,0 2.4cqw 3cqw #8a5f3340;transform:translate(-50%) rotate(-3deg);animation:monster-banner .5s cubic-bezier(.2,1.6,.4,1) both}.new-monster small{font-size:2.7cqw;font-weight:700;letter-spacing:.18em;color:#d27a63}.new-monster b{font:700 10cqw/1.05 Fredoka,ui-rounded,sans-serif;color:#fffaf0;text-shadow:0 .3cqw 0 #8fb592,0 .6cqw 0 #6d9f82,0 .9cqw 0 #4f7259,0 1.6cqw 1.4cqw #3d2a1a44}.new-monster b .ch{display:inline-block;animation:clay-letter .5s cubic-bezier(.2,1.7,.45,1) calc(.15s + var(--k) * 45ms) both}.evolving .new-monster{animation:banner-out .25s ease-in forwards}@keyframes monster-banner{0%{transform:translate(-50%) scale(.3) rotate(-14deg);opacity:0}60%{transform:translate(-50%) scale(1.08) rotate(1deg);opacity:1}to{transform:translate(-50%) rotate(-3deg)}}@keyframes banner-out{to{transform:translate(-50%) translateY(-3cqw) scale(.7) rotate(-3deg);opacity:0}}.evolving .box{transform-origin:50% 100%;animation:box-squish .75s cubic-bezier(.3,1.4,.5,1) both}@keyframes box-squish{22%{transform:scale(.92,1.08)}50%{transform:scale(1.06,.94)}75%{transform:scale(.98,1.02)}to{transform:none}}.evolution-badge{top:31%;padding:1.6cqw 5cqw 2cqw;gap:.6cqw;border:0;border-radius:5cqw;color:#6e4f36;background:linear-gradient(150deg,#fff3cf,#f0cd8b);box-shadow:inset .5cqw .7cqw 1cqw #fffbea,inset -.6cqw -.9cqw 1.2cqw #c9963f55,0 1.1cqw #d6a95e,0 2.4cqw 3cqw #8a5f3340}.evolution-badge small{font-size:2.6cqw;font-weight:700;letter-spacing:.16em;color:#8c6a49}.evolution-badge b{display:flex;align-items:center;gap:1.6cqw;font:700 10cqw/1.05 Fredoka,ui-rounded,sans-serif;color:#6e4f36;text-shadow:0 .4cqw 0 #fff7dc}.evolution-badge b i{font-style:normal;font-size:6cqw;color:#6d9f82}.evolution-badge span{padding:.5cqw 2.2cqw;border-radius:99px;font-size:3cqw;font-weight:700;letter-spacing:.04em;color:#fffaf0;background:#7fa98a;box-shadow:inset .2cqw .3cqw .3cqw #c7dfc0}.go-pill{position:absolute;z-index:14;left:50%;top:66%;pointer-events:none;white-space:nowrap;font:700 16cqw/1 Fredoka,ui-rounded,sans-serif;letter-spacing:-.01em;color:#fffaf0;text-shadow:0 .4cqw 0 #f2c35c,0 .8cqw 0 #e3a24f,0 1.2cqw 0 #c98426,0 2.2cqw 2cqw #6e4a2a55;animation:go-pop 1.25s ease-out both}.go-pill .ch{display:inline-block;animation:clay-letter .45s cubic-bezier(.2,1.7,.45,1) calc(var(--k) * 60ms) both}@keyframes go-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1.1);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-85%) scale(.9);opacity:0}}@media(prefers-reduced-motion:reduce){.clear-rays,.next-shadow,.next-q,.swap-q{animation:none}.reveal-poof,.go-pill{display:none}}