:root{color:#5b3550;font-synthesis:none;text-rendering:optimizelegibility;--ink:#5b3550;--ink-soft:#986b80;--cream:#fff9ef;--pink:#f36f9d;--pink-deep:#d94e83;--peach:#ffad85;--mint:#8bcbb5;--board-size:min(calc(100vw - 28px), 398px, calc(100dvh - 350px));font-family:Manrope,ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:300px;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#fae8dd;min-height:100dvh;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #7852a7ad}.game{isolation:isolate;background:linear-gradient(#fff8f61a,#ffebd62e),url(/sweet-drop/assets/sweet-picnic-bg.jpg) 50%/cover no-repeat;width:100%;height:100dvh;min-height:520px;position:relative;overflow:hidden}.game:before{z-index:-1;content:"";background:radial-gradient(circle at 50% 45%,#fffcf4bd 0 22%,#fff6e747 52%,#0000 72%),linear-gradient(#f7edff3d,#0000 28%,#ffebda40);position:absolute;inset:0}.world-wash{z-index:-1;pointer-events:none;opacity:0;transition:opacity .9s;position:absolute;inset:0}.world-wash--cafe{background:radial-gradient(circle at 50% 43%,#fffce6c7 0 24%,#f2deb357 55%,#0000 74%),linear-gradient(#d2efdc45,#ffefca2e 42%,#d7aa7733)}.world-wash--dream{background:radial-gradient(circle at 50% 44%,#fffaffba 0 21%,#e1d7fd5c 53%,#0000 72%),linear-gradient(#a7b5ea47,#e1cdf633 46%,#8474b53b)}.game[data-world=cafe] .world-wash--cafe,.game[data-world=dream] .world-wash--dream{opacity:1}.game:after{z-index:30;pointer-events:none;content:"";opacity:.34;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.085'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient{z-index:-1;pointer-events:none;background:#ffffffb3;border-radius:70% 40% 60% 35%;width:18px;height:18px;animation:6s ease-in-out infinite ambientFloat;position:absolute;box-shadow:0 8px 20px #b9677526}.ambient:after{content:"";border-radius:inherit;background:#ffd4df;position:absolute;inset:5px}.ambient--one{top:18%;left:7%;transform:rotate(35deg)}.ambient--two{width:13px;height:13px;animation-delay:-2.2s;top:36%;right:6%}.ambient--three{width:10px;height:10px;animation-delay:-4s;bottom:16%;right:14%}.game__content{z-index:1;width:min(100%,470px);height:100%;padding:max(10px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;width:100%;min-height:52px;animation:.58s cubic-bezier(.2,.8,.2,1) both arriveDown;display:flex}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand__berry{background:linear-gradient(145deg,#ff9aba,#ea5e91);border:2px solid #ffffffc7;border-radius:43% 48% 47% 44%;place-items:center;width:43px;height:43px;display:grid;position:relative;transform:rotate(-7deg);box-shadow:inset 0 3px 4px #ffffff9e,inset 0 -5px 8px #ac316426,0 6px 15px #b94e703b}.brand__berry:before{content:"";background:linear-gradient(135deg,#a9d58f,#6cac76);border-radius:90% 15% 80% 12%;width:17px;height:13px;position:absolute;top:-5px;transform:rotate(8deg)}.brand__berry span{background:radial-gradient(circle at 35% 40%,#7d3157 0 1px,#0000 1.5px),radial-gradient(circle at 68% 45%,#7d3157 0 1px,#0000 1.5px);border-radius:50%;width:17px;height:8px;transform:rotate(7deg)}.brand__copy{flex-direction:column;line-height:1;display:flex}.brand__name{color:#623a58;letter-spacing:-.7px;text-shadow:0 1px #ffffffb3;font-family:Nunito,Manrope,sans-serif;font-size:22px;font-weight:900}.brand__chapter{color:#ac7688;letter-spacing:.055em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:800}.topbar__actions{gap:7px;display:flex}.icon-button,.restart-button,.sheet__close{color:#84586e;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9f3b3;border:1px solid #ffffffbd;border-radius:16px;place-items:center;width:44px;height:44px;padding:0;transition:transform .16s,background .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffffe6,0 5px 16px #69425817}.icon-button:hover,.restart-button:hover,.sheet__close:hover{background:#ffffffeb;transform:translateY(-2px);box-shadow:0 7px 18px #69425821}.icon-button:active,.restart-button:active,.sheet__close:active{transform:scale(.92)}.icon-button:disabled{opacity:.48;cursor:default;transform:none}.score-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 44px;gap:7px;width:100%;margin-top:7px;animation:.58s cubic-bezier(.2,.8,.2,1) 80ms both arriveDown;display:grid}.score-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf7b8;border:1px solid #ffffffd1;border-radius:18px;align-items:center;min-width:0;height:53px;padding:7px 10px;transition:background .7s,border-color .7s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 7px 24px #6c425817}.game[data-world=cafe] .score-card,.game[data-world=cafe] .tray{background:#fffae5c7}.game[data-world=dream] .score-card,.game[data-world=dream] .tray{background:#f5efffc7}.game[data-world=cafe] .chapter-progress>span{background:linear-gradient(90deg,#8ecab1,#e2b564 55%,#d48a59)}.game[data-world=dream] .chapter-progress>span{background:linear-gradient(90deg,#8fb9e6,#ac8ddd 52%,#e78db9)}.score-card:after{content:"";background:#ffbed229;border-radius:50%;width:52px;height:52px;position:absolute;top:-20px;right:-13px}.score-card__icon{border-radius:11px;flex:none;place-items:center;width:31px;height:31px;margin-right:8px;display:grid}.score-card--main .score-card__icon{color:#e95f91;background:linear-gradient(145deg,#ffe3eb,#ffc6d8)}.score-card--best .score-card__icon{color:#d7923f;background:linear-gradient(145deg,#fff0c8,#ffdaa1)}.score-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.score-card__label{color:#ad8192;letter-spacing:.095em;font-size:8px;font-weight:800;line-height:1}.score-card strong{color:#664157;font-variant-numeric:tabular-nums;letter-spacing:-.45px;text-overflow:ellipsis;margin-top:3px;font-family:Nunito,Manrope,sans-serif;font-size:19px;font-weight:900;line-height:1;overflow:hidden}.score-card__gain{z-index:2;color:#e54f87;font-family:Nunito,sans-serif;font-size:11px;font-weight:900;animation:.8s ease-out both gainFloat;position:absolute;top:6px;right:8px}.score-pulse-0 strong,.score-pulse-1 strong{animation:.32s cubic-bezier(.2,1.8,.4,1) scoreBump}.restart-button{border-radius:16px}.chapter-progress{background:#c1939d2e;border:2px solid #ffffffad;border-radius:99px;width:calc(100% - 10px);height:7px;margin:9px 5px 12px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #7145581f}.chapter-progress>span{border-radius:inherit;background:linear-gradient(90deg,#f69cb9,#ee6f9d 52%,#fdad8c);height:100%;transition:width .52s cubic-bezier(.2,.9,.2,1);display:block;box-shadow:0 0 12px #ef679759}.chapter-progress>span:after{float:right;content:"";background:#f37ba3;border:2px solid #ffffffe0;border-radius:50%;width:6px;height:6px;margin-top:-1.5px;display:block;box-shadow:0 2px 7px #a6416a47}.chapter-progress i{color:#ae7d8f;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:800;position:absolute;bottom:7px;right:2px}.board-wrap{width:var(--board-size);flex:none;animation:.7s cubic-bezier(.18,.9,.25,1.18) .12s both boardArrive;position:relative}.board-shell{aspect-ratio:1;background:linear-gradient(145deg,#fffbf5ed,#ffe7e1e0),#fff4ea;border:2px solid #ffffffdb;border-radius:clamp(24px,7vw,34px);width:100%;padding:clamp(7px,2vw,10px);transition:transform .18s,background .8s,box-shadow .8s;position:relative;box-shadow:inset 0 2px #fff,inset 0 -8px 18px #e49d9c1f,0 18px 45px #6f414f2b,0 4px 10px #6f414f14}.board-shell:before{z-index:-1;content:"";border-radius:inherit;filter:blur(1px);background:#cf778733;position:absolute;inset:4px -4px -7px 4px}.board-shell:after{z-index:3;pointer-events:none;content:"";border:1px solid #ffffff94;border-radius:calc(clamp(24px,7vw,34px) - 7px);position:absolute;inset:7px}.board-shell--clearing{animation:.5s cubic-bezier(.2,.8,.2,1) boardJelly}.game[data-world=cafe] .board-shell{background:linear-gradient(145deg,#fffde7f2,#ecdeb5e6);box-shadow:inset 0 2px #fff,inset 0 -8px 18px #9b71391c,0 18px 45px #5b442f29,0 4px 10px #5b442f14}.game[data-world=dream] .board-shell{background:linear-gradient(145deg,#fcf9fff2,#ded7f7e6);box-shadow:inset 0 2px #fff,inset 0 -8px 18px #705da51c,0 18px 45px #493a6e2b,0 4px 10px #493a6e14}.game[data-world=cafe] .board-cell__well{background:radial-gradient(circle at 32% 28%,#ffffffa8,#0000 42%),#b99d6930}.game[data-world=dream] .board-cell__well{background:radial-gradient(circle at 32% 28%,#ffffffb3,#0000 42%),#9184be2e}.board-ribbon{z-index:-2;background:repeating-linear-gradient(90deg,#f39bb6 0 9px,#ffe0e8 9px 18px);border:2px solid #ffffff8c;width:48px;height:21px;position:absolute;box-shadow:0 5px 11px #9d52681f}.board-ribbon--left{border-radius:8px 2px 2px 8px;top:20%;left:-29px;transform:rotate(-7deg)}.board-ribbon--right{background:repeating-linear-gradient(90deg,#c8a5d9 0 9px,#f0e1f6 9px 18px);border-radius:2px 8px 8px 2px;bottom:18%;right:-28px;transform:rotate(8deg)}.board-grid{z-index:2;border-radius:clamp(17px,5vw,25px);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:clamp(3px,1.05vw,5px);width:100%;height:100%;display:grid;position:relative}.board-cell{cursor:default;isolation:isolate;background:0 0;border:0;border-radius:25%;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.board-cell__well{z-index:-1;background:radial-gradient(circle at 32% 28%,#ffffff9e,#0000 42%),#e2b2b133;border:1px solid #c084921a;border-radius:25%;transition:background .13s,box-shadow .13s,transform .13s;position:absolute;inset:0;box-shadow:inset 0 2px 4px #975b701f,inset 0 -1px 1px #ffffffb8}.board-cell--filled{cursor:default}.board-cell--preview-valid .board-cell__well{background:#98dcbb47;border:1px solid #5aad8b9e;transform:scale(1.025);box-shadow:inset 0 0 0 2px #ffffff85,0 0 12px #58bc8d47}.board-cell--preview-invalid .board-cell__well{background:repeating-linear-gradient(135deg,#e583912e 0 4px,#ffffff21 4px 8px);border:1px dashed #d3687cad;transform:scale(.96)}.board-cell--future-clear:after{z-index:7;content:"";border:2px solid #ffffffd9;border-radius:26%;animation:.62s ease-in-out infinite alternate futureShimmer;position:absolute;inset:-1px;box-shadow:0 0 12px #ffb562bf,inset 0 0 8px #ffeda680}.board-cell--placed .treat:not(.treat--preview){animation:treatLand .44s calc(var(--wave) * 14ms) cubic-bezier(.16, 1.55, .35, 1) both}.board-cell--clearing{z-index:5}.board-cell--clearing .treat{animation:treatClear .43s calc(var(--wave) * 6ms) cubic-bezier(.2, .8, .2, 1) both!important}.board-cell--clearing .board-cell__well{animation:wellFlash .42s calc(var(--wave) * 5ms) ease-out both}.treat{isolation:isolate;pointer-events:none;width:100%;height:100%;transform:rotate(var(--tilt,0deg));transform-origin:50% 70%;border:1px solid #ffffff9e;border-radius:30%;display:block;position:relative;box-shadow:inset 0 2px 2px #ffffff8f,inset 0 -3px 5px #7039481f,0 3px 4px #6b3c492e,0 8px 11px #6b3c4917}.treat[data-part="1"]{--tilt:1.5deg}.treat[data-part="2"]{--tilt:-1.2deg}.treat[data-part="3"]{--tilt:.8deg}.treat:before,.treat:after{pointer-events:none;content:"";position:absolute}.treat__glint{z-index:6;filter:blur(.4px);background:#ffffff6b;border-radius:50%;width:27%;height:16%;position:absolute;top:13%;left:17%;transform:rotate(-28deg)}.treat--cookie{background:radial-gradient(circle at 28% 31%,#7d4d38 0 5%,#0000 6%),radial-gradient(circle at 67% 26%,#8a5237 0 4.5%,#0000 5.5%),radial-gradient(circle at 73% 65%,#70402e 0 5%,#0000 6%),radial-gradient(circle at 38% 73%,#92583b 0 3.8%,#0000 5%),radial-gradient(circle at 51% 48%,#a96642 0 3.5%,#0000 4.5%),linear-gradient(145deg,#f9c778 5%,#dc9557 93%);border-radius:47% 44% 48% 45%;box-shadow:inset 0 0 0 2px #ffdd9f52,inset 0 -5px 6px #8a482a29,0 3px 5px #6f3e2f3b,0 7px 10px #6f3e2f17}.treat--cookie:after{background:#ffd99099;border-radius:50%;width:5px;height:5px;bottom:9%;right:7%}.treat--bun{background:radial-gradient(at 34% 22%,#fff0b4b8 0 9%,#0000 10%),linear-gradient(145deg,#ffd878 4%,#e8a749 72%,#ca7b36 100%);border-radius:44% 46% 42% 45%;overflow:hidden}.treat--bun:before{z-index:3;border:max(2px,.07em) solid #9d522a6b;border-left-color:#0000;border-radius:48%;inset:17% 18%;transform:rotate(-16deg);box-shadow:inset 2px -1px #ffdf9280,5px 2px 0 -3px #8b4b2a47}.treat--bun:after{z-index:4;background:#bd713a;border-radius:50%;width:18%;height:14%;top:41%;left:42%;transform:rotate(-18deg);box-shadow:inset 1px 1px 1px #67341d40}.treat--watermelon{background:linear-gradient(145deg,#b8dd81,#71b76f 88%);border-radius:34% 40% 35%;overflow:hidden;box-shadow:inset 0 0 0 2px #e0f6bb80,inset 0 -4px 5px #30774933,0 3px 5px #4d5f452e,0 7px 11px #4d5f4517}.treat--watermelon:before{z-index:2;background:linear-gradient(145deg,#ff8fa1,#ee6687);border:2px solid #eff3b8;border-radius:28% 37% 30% 35%;inset:10%;box-shadow:inset 0 -3px 5px #ab345326}.treat--watermelon:after{z-index:4;background:#713849;border-radius:90% 15%;width:3px;height:5px;top:36%;left:29%;transform:rotate(-18deg);box-shadow:11px 3px #713849,5px 12px #713849}.treat--pillow{background:radial-gradient(circle,#8b5b9b33 0 8%,#0000 10%),radial-gradient(circle at 50% 45%,#e9c9f2 0,#cfa6df 66%,#b789c9 100%);border-radius:37% 34% 39% 35%;box-shadow:inset 5px 5px 8px #ffffff78,inset -5px -5px 8px #6f46842b,0 4px 6px #5c396933,0 8px 12px #5c396914}.treat--pillow:before{z-index:3;border:1px dashed #784a8b61;border-radius:28%;inset:14%}.treat--pillow:after{z-index:4;background:#f8dcf4;border:1px solid #7545843b;border-radius:50%;width:10%;height:10%;top:45%;left:45%;box-shadow:0 1px 2px #59356047}.treat--berry{background:radial-gradient(circle at 28% 30%,#ffbedacc 0 8%,#0000 9%),radial-gradient(circle at 68% 26%,#ffb2d080 0 11%,#0000 12%),radial-gradient(circle at 27% 70%,#ab377659 0 12%,#0000 13%),radial-gradient(circle at 70% 68%,#b3337459 0 13%,#0000 14%),linear-gradient(145deg,#f37ab0,#c4458c);border-radius:44% 42% 49% 46%;box-shadow:inset 0 -5px 7px #8021592e,0 3px 5px #742d5238,0 8px 11px #742d521a}.treat--berry:before{z-index:3;clip-path:polygon(50% 50%,0 0,43% 18%,55% 0,66% 19%,100% 5%);background:linear-gradient(135deg,#a9d47f,#62a26d);border-radius:90% 12% 80% 18%;width:33%;height:24%;top:-3%;left:34%;transform:rotate(-9deg)}.treat--mochi{background:radial-gradient(circle at 30% 65%,#f58ea466 0 7%,#0000 8%),radial-gradient(circle at 72% 65%,#f58ea466 0 7%,#0000 8%),linear-gradient(145deg,#fffdf0,#f7d7d3 92%);border-radius:48% 46% 44% 47%;box-shadow:inset 4px 4px 6px #ffffffe6,inset -4px -4px 7px #c7848b21,0 3px 5px #74464c29,0 8px 12px #74464c12}.treat--mochi:before{z-index:4;background:radial-gradient(circle at 8%,#86616a 0 13%,#0000 15%),radial-gradient(circle at 92%,#86616a 0 13%,#0000 15%);width:48%;height:11%;top:43%;left:26%}.treat--mochi:after{z-index:4;border-bottom:1.5px solid #9b6b76;border-radius:50%;width:16%;height:8%;top:57%;left:43%}.treat--macaron{background:linear-gradient(#f8b8d0 0 36%,#fff0d7 37% 55%,#e890b5 56% 100%);border-radius:48%;overflow:hidden;box-shadow:inset 0 3px 3px #ffffff8c,inset 0 -4px 5px #89396024,0 4px 7px #6f375030}.treat--macaron:before{border-top:2px dotted #974a6938;border-bottom:2px dotted #974a6933;inset:33% 8% 38%}.treat--croissant{background:radial-gradient(at 50% 18%,#ffe49b 0 14%,#0000 15%),linear-gradient(145deg,#f7c66d,#d98c3d 88%);border-radius:48% 48% 40% 40%;overflow:hidden;box-shadow:inset 0 -5px 6px #82441f29,inset 0 3px 3px #fff6c0a6,0 4px 7px #653d2333}.treat--croissant:before{border-left:2px solid #97532640;border-right:2px solid #97532647;border-radius:40%;inset:7% 24%;box-shadow:5px 0 0 -4px #ffe69799,-5px 0 0 -4px #ffe69799}.treat--cupcake{background:repeating-linear-gradient(90deg,#d99ab8 0 5px,#efb7cd 5px 9px);border-radius:43% 43% 34% 34%;overflow:hidden}.treat--cupcake:before{z-index:3;background:radial-gradient(circle at 35% 24%,#fff 0 7%,#0000 8%),linear-gradient(145deg,#fff3df,#ffc7d8);border-radius:50% 48% 35% 38%;width:86%;height:53%;top:2%;left:7%;box-shadow:0 3px 4px #82455b29}.treat--candy{box-shadow:none;background:linear-gradient(135deg,#0000 0 17%,#ffc2d8 18% 31%,#0000 32% 68%,#ffc2d8 69% 82%,#0000 83%);border:0;border-radius:30%}.treat--candy:before{z-index:3;background:linear-gradient(145deg,#9ed9d0,#65bdb5);border:1px solid #ffffffb3;border-radius:45%;inset:18% 13%;transform:rotate(-8deg);box-shadow:inset 3px 3px 3px #ffffff59,0 4px 6px #3e6e6930}.treat--donut{background:radial-gradient(circle,#0000 0 18%,#f38cac 19% 48%,#e7a55d 49% 100%);border-radius:50%;overflow:hidden}.treat--donut:before{z-index:4;background:radial-gradient(at 22% 24%,#fff2a5 0 4%,#0000 5%),radial-gradient(at 76% 28%,#87c9bc 0 4%,#0000 5%),radial-gradient(at 28% 74%,#ae88d5 0 4%,#0000 5%),radial-gradient(at 74% 70%,#fff2a5 0 4%,#0000 5%);border-radius:50%;inset:12%}.treat--waffle{background:repeating-linear-gradient(0deg,#0000 0 7px,#82492030 7px 9px),repeating-linear-gradient(90deg,#0000 0 7px,#8249202e 7px 9px),linear-gradient(145deg,#f6c778,#d99549);border-radius:22%;overflow:hidden;box-shadow:inset 0 0 0 3px #ffdc9659,inset 0 -4px 5px #7c441e24,0 4px 6px #6440252e}.treat--cloud{background:linear-gradient(145deg,#fff,#ddecf4);border:0;border-radius:48% 48% 42% 44%;box-shadow:inset 4px 4px 6px #ffffffe6,inset -4px -4px 7px #6485a31f,0 5px 8px #4f5c7e29}.treat--cloud:before{z-index:0;background:radial-gradient(circle at 31% 64%,#f8fdff 0 31%,#0000 33%),radial-gradient(circle at 68% 70%,#edf7fb 0 34%,#0000 36%);inset:-13% 4% 45%}.treat--meringue{background:radial-gradient(ellipse at 30% 20%, #ffffffe0 0 9%, transparent 10%), conic-gradient(from -25deg at 50% 70%, #fffdf5 0 12%, #f5d7df 13% 24%, #fff8e9 25% 39%, #edcad8 40% 51%, #fffdf2 52% 66%, #f2d1dd 67% 80%, #fff9ed 81% 100%);clip-path:polygon(50% 1%,59% 21%,72% 35%,87% 55%,97% 76%,84% 91%,64% 99%,36% 99%,16% 91%,3% 76%,13% 55%,28% 35%,41% 21%);filter:drop-shadow(0 5px 4px #65415326);border:0;border-radius:0;overflow:hidden;box-shadow:inset 3px 4px 5px #ffffffb8,inset -4px -5px 7px #b4728f26,0 4px 7px #6541532e}.treat--meringue:before{z-index:4;border:max(1px,.055em) solid #b46e8b47;border-color:#b46e8b47 #b46e8b47 #0000 #0000;border-radius:50%;inset:30% 22% 18%;transform:rotate(-28deg)}.treat--meringue:after{z-index:3;background:linear-gradient(#ffffffd1,#db9eb829);border-radius:70%;width:12%;height:46%;top:15%;left:45%;transform:rotate(9deg)}.treat--moon{background:linear-gradient(145deg,#fff5b8,#d9b8e9);border-radius:50%;overflow:hidden}.treat--moon:before{z-index:3;background:#e8e2f6;border-radius:50%;width:82%;height:82%;top:-10%;left:34%;box-shadow:inset 2px 2px 4px #735d9114}.treat--heart{clip-path:polygon(50% 92%,8% 49%,7% 27%,19% 10%,38% 8%,50% 25%,62% 8%,81% 10%,93% 27%,92% 49%);box-shadow:none;filter:drop-shadow(0 4px 3px #7b365833);background:linear-gradient(145deg,#ffabc5,#d9689f);border:0;border-radius:0}.treat--plush{background:radial-gradient(circle at 50% 62%,#f3cdd2 0 24%,#0000 25%),linear-gradient(145deg,#ddb5d8,#ad83c4);border-radius:46% 46% 43% 43%;box-shadow:inset 4px 4px 7px #fff6,inset -4px -4px 7px #53356b24,0 4px 7px #4b355d30}.treat--plush:before{z-index:0;background:radial-gradient(circle at 16% 65%,#c99dce 0 25%,#0000 27%),radial-gradient(circle at 84% 65%,#c99dce 0 25%,#0000 27%);inset:-8% 1% 62%}.treat--plush:after{z-index:4;background:radial-gradient(circle at 12% 18%,#684b72 0 9%,#0000 11%),radial-gradient(circle at 88% 18%,#684b72 0 9%,#0000 11%),radial-gradient(at 50% 68%,#8e5b72 0 9%,#0000 11%);width:50%;height:25%;top:43%;left:25%}.treat--jelly{background:radial-gradient(circle at 24% 27%,#ffffffb8 0 3%,#0000 4%),radial-gradient(circle at 72% 20%,#fff5fda8 0 3%,#0000 4%),radial-gradient(circle at 67% 66%,#ffffff73 0 2.5%,#0000 3.5%),radial-gradient(circle at 31% 74%,#ffffff7a 0 2.5%,#0000 3.5%),linear-gradient(145deg,#f4a2c2 5%,#df6fa2 52%,#9f83d2 100%);border:2px solid #ffffffad;border-radius:31% 34% 32% 36%/27% 30% 44% 46%;overflow:hidden;box-shadow:inset 4px 5px 6px #ffffff6b,inset -5px -6px 8px #67307733,0 4px 7px #63336833,0 8px 12px #63336817}.treat--jelly:before{z-index:3;background:linear-gradient(135deg,#ffffff7a,#0000 42%,#78469d1f);border:1px solid #ffffff57;border-radius:29% 32% 30% 34%/25% 28% 42% 44%;inset:9% 10% 13%;transform:rotate(-7deg)}.treat--jelly:after{z-index:4;background:radial-gradient(circle at 46% 19%,#ffffff8f 0 2%,#0000 3%),radial-gradient(circle at 80% 47%,#ffffff6b 0 2.5%,#0000 3.5%),radial-gradient(circle at 20% 52%,#ffffff61 0 2%,#0000 3%),radial-gradient(circle at 52% 82%,#ffffff57 0 2%,#0000 3%);inset:0}.treat--preview{z-index:4;opacity:.34;filter:saturate(.72)brightness(1.06);box-shadow:none;animation:.11s cubic-bezier(.2,.9,.25,1) both previewIn;transform:scale(.88)}.particle-layer{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:visible}.crumb{width:8px;height:8px;animation:crumbBurst .64s var(--delay) cubic-bezier(.15, .65, .25, 1) both;border:1px solid #ffffffb3;border-radius:40% 55% 42% 50%;margin:-4px;position:absolute;box-shadow:0 2px 5px #703f5129}.crumb--cookie{background:#e3a05e}.crumb--bun{background:#f1b957}.crumb--watermelon{background:#ef7290}.crumb--pillow{background:#c8a0dc}.crumb--berry{background:#d75498}.crumb--mochi{background:#ffe7df}.crumb--macaron,.crumb--cupcake,.crumb--donut{background:#ef94b5}.crumb--croissant,.crumb--waffle{background:#e5aa59}.crumb--candy{background:#78c7bd}.crumb--cloud{background:#edf8ff}.crumb--meringue{background:#f3d7e3}.crumb--moon{background:#f4d978}.crumb--heart,.crumb--plush{background:#c98abe}.crumb--jelly{background:#e86f9f}.wave-banner{z-index:150;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffdf4f7,#f0e1faf5);border:2px solid #ffffffe0;border-radius:26px;align-items:center;gap:12px;min-width:min(330px,100vw - 34px);padding:14px 18px 14px 14px;animation:1.5s cubic-bezier(.16,1,.3,1) both waveReveal;display:flex;position:fixed;top:44%;left:50%;box-shadow:inset 0 2px #ffffffe6,0 18px 42px #4c315b3d}.wave-banner__icon{background:linear-gradient(145deg,#ffe9d3,#ffcbdc);border:2px solid #fff;border-radius:20px;flex:none;place-items:center;width:54px;height:54px;font-size:30px;display:grid;transform:rotate(-7deg);box-shadow:0 7px 15px #79465b26}.wave-banner__copy{flex-direction:column;flex:1;min-width:0;display:flex}.wave-banner__copy small{color:#cf6f99;letter-spacing:.14em;font-size:8px;font-weight:900}.wave-banner__copy strong{color:#65405d;letter-spacing:-.35px;font-family:Nunito,sans-serif;font-size:18px;font-weight:900}.wave-banner__copy i{color:#9c7387;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;font-style:normal;font-weight:700;overflow:hidden}.wave-banner__sparkles{color:#f0b359;font-size:16px;position:absolute;top:-12px;right:20px}.game[data-world=cafe] .wave-banner{background:linear-gradient(145deg,#fffeebf7,#e0efd8f5)}.game[data-world=cafe] .wave-banner__icon{background:linear-gradient(145deg,#fff2c8,#e7c17b)}.game[data-world=dream] .wave-banner{background:linear-gradient(145deg,#f9f7fff7,#dad3f9f5)}.game[data-world=dream] .wave-banner__icon{background:linear-gradient(145deg,#eef7ff,#c9b8ec)}.tutorial-tip,.tap-tip{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf4f2;border:1px solid #ffffffe0;border-radius:17px;align-items:center;gap:9px;min-width:210px;padding:8px 9px 8px 11px;animation:.62s cubic-bezier(.16,1.35,.4,1) .8s both tipArrive;display:flex;position:absolute;bottom:-18px;right:8%;box-shadow:0 9px 24px #663b4e30}.tutorial-tip:before,.tap-tip:before{content:"";background:#fffcf4f2;border-bottom:1px solid #ffffffe0;border-right:1px solid #ffffffe0;width:13px;height:13px;position:absolute;bottom:-7px;left:30%;transform:rotate(45deg)}.tutorial-tip__hand{filter:drop-shadow(0 3px 3px #6f465829);font-size:24px;animation:1.45s ease-in-out 1.4s infinite handDrag}.tutorial-tip>span:nth-child(2){flex-direction:column;flex:1;display:flex}.tutorial-tip strong{color:#674157;font-size:12px;font-weight:800}.tutorial-tip small{color:#a17084;margin-top:1px;font-size:9px;font-weight:700}.tutorial-tip button{color:#a47788;cursor:pointer;background:#f9ebeb;border:0;border-radius:9px;place-items:center;width:27px;height:27px;padding:0;display:grid}.tap-tip{color:#6f4d5d;white-space:nowrap;pointer-events:none;min-width:0;padding:8px 13px;font-size:10px;font-weight:800;animation:.34s cubic-bezier(.16,1.3,.4,1) both tapTip;bottom:10px;right:50%;transform:translate(50%)}.tap-tip:before{display:none}.celebration{z-index:26;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#fffae1f5,#ffdde7f5);border:2px solid #ffffffe0;border-radius:26px;flex-direction:column;align-items:center;min-width:176px;padding:13px 20px 11px;animation:.82s cubic-bezier(.16,1.1,.35,1) both celebrationPop;display:flex;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 34px #9a41683b,inset 0 2px #ffffffeb}.celebration:before,.celebration:after{color:#f3a15b;content:"✦";font-size:18px;animation:.8s ease-out both starSpin;position:absolute}.celebration:before{top:-11px;left:-9px}.celebration:after{animation-delay:.1s;bottom:-8px;right:-9px}.celebration__stars{color:#e45d91;background:#fff7df;border-radius:10px;padding:0 7px;position:absolute;top:-10px}.celebration strong{color:#7a3f62;letter-spacing:-.4px;font-family:Nunito,sans-serif;font-size:17px;font-weight:900}.celebration>span:nth-of-type(2){color:#e64f87;margin-top:1px;font-family:Nunito,sans-serif;font-size:24px;font-weight:900;line-height:1}.celebration small{color:#9e5980;letter-spacing:.05em;text-transform:uppercase;background:#e1a2c233;border-radius:99px;margin-top:4px;padding:2px 8px;font-size:9px;font-weight:900}.tray{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% -20%,#ffffffbf,#0000 55%),#fff4ecb8;border:1px solid #ffffffc7;border-radius:27px;flex-direction:column;flex:auto;width:min(100%,440px);min-height:132px;max-height:190px;margin-top:12px;padding:10px 11px 9px;transition:background .8s,border-color .8s;animation:.7s cubic-bezier(.18,.9,.25,1.12) .22s both trayArrive;display:flex;position:relative;box-shadow:inset 0 2px #ffffffd1,inset 0 -5px 13px #d3949d14,0 12px 30px #6a405221}.tray:before{z-index:-1;content:"";filter:blur(8px);background:#72445424;border-radius:50%;height:18px;position:absolute;bottom:-5px;left:14px;right:14px}.tray__label{color:#80566a;letter-spacing:.065em;text-transform:uppercase;justify-content:space-between;align-items:center;height:16px;padding:0 4px;font-size:9px;font-weight:900;display:flex}.tray__label i{color:#bb8d9d;letter-spacing:.02em;text-transform:none;font-size:8px;font-style:normal}.tray__pieces{flex:1;grid-template-columns:repeat(3,1fr);gap:5px;min-height:85px;display:grid}.tray__slot{place-items:center;min-width:0;min-height:82px;display:grid;position:relative}.tray__slot+.tray__slot:before{content:"";background:linear-gradient(#0000,#b0738929,#0000);width:1px;position:absolute;top:14%;bottom:11%;left:-3px}.tray-piece{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:20px;place-items:center;width:100%;height:100%;padding:7px 2px 5px;transition:transform .15s cubic-bezier(.2,1.3,.3,1),background .15s,opacity .12s;display:grid;position:relative}.tray-piece:hover:not(:disabled){background:#ffffff40;transform:translateY(-3px)scale(1.025)}.tray-piece:active:not(:disabled){cursor:grabbing}.tray-piece:disabled{cursor:default}.tray-piece--selected{background:#ffffff75;transform:translateY(-5px)scale(1.04);box-shadow:inset 0 0 0 2px #e16b975c,0 5px 13px #ad4b711a}.tray-piece--dragging{opacity:.22;transform:scale(.84)}.tray-piece__shadow{z-index:-1;filter:blur(5px);background:#673d4e1f;border-radius:50%;width:54%;height:9px;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.piece-visual{z-index:2;--piece-cell:clamp(16px, 4.8vw, 23px);--piece-gap:clamp(2px, .65vw, 3px);grid-template-columns:repeat(var(--piece-width), var(--piece-cell));grid-template-rows:repeat(var(--piece-height), var(--piece-cell));gap:var(--piece-gap);filter:drop-shadow(0 4px 3px #633c4c14);display:inline-grid;position:relative}.piece-visual__cell{width:var(--piece-cell);height:var(--piece-cell);animation:pieceCellIdle 3.8s calc((var(--piece-row) + var(--piece-col)) * -.22s) ease-in-out infinite;display:block}.tray--refilling .tray-piece{animation:refillPop .48s calc(var(--slot,0) * 70ms) cubic-bezier(.15, 1.45, .3, 1) both}.tray__empty{color:#b67e9342;border:1px dashed #b8849738;border-radius:14px;place-items:center;width:38px;height:38px;animation:1.8s ease-in-out infinite alternate emptyBreathe;display:grid}.drag-ghost{z-index:100;pointer-events:none;transform:translate3d(var(--ghost-x), var(--ghost-y), 0);filter:drop-shadow(0 18px 14px #60364b3d);will-change:transform;position:fixed;top:0;left:0}.drag-ghost .piece-visual__cell{animation:none}.drag-ghost>.piece-visual{transform-origin:50% 55%;animation:.135s cubic-bezier(.12,1.25,.35,1) both ghostPickup}.drag-ghost--valid{filter:drop-shadow(0 18px 14px #4b786238)drop-shadow(0 0 8px #a9e8c575)}.drag-ghost--invalid{filter:saturate(.9)drop-shadow(0 14px 12px #733c4e2e)}.piece-flight{z-index:101;pointer-events:none;transform-origin:50% 55%;filter:drop-shadow(0 14px 12px #60364b33);will-change:transform, opacity;position:fixed;top:0;left:0}.piece-flight .piece-visual__cell{animation:none}.piece-flight--drop{animation:.155s cubic-bezier(.18,.86,.32,1.08) both pieceDropFlight}.piece-flight--return{animation:.245s cubic-bezier(.22,.85,.32,1) both pieceReturnFlight}.game--dragging .ambient,.game--dragging .tray-piece:not(.tray-piece--dragging) .piece-visual__cell{animation-play-state:paused}.modal-backdrop{z-index:200;padding:20px 14px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px)saturate(.9);backdrop-filter:blur(9px)saturate(.9);background:#53304647;justify-content:center;align-items:flex-end;animation:.25s ease-out both backdropIn;display:flex;position:fixed;inset:0}.modal-backdrop--gameover{background:linear-gradient(#5f3a5214,#53304652)}.sheet{text-align:center;background:radial-gradient(circle at 50% -15%,#fffdf5 0 28%,#0000 55%),linear-gradient(150deg,#fff9ef,#ffe7e7);border:2px solid #ffffffe6;border-radius:34px;width:min(100%,430px);padding:27px 24px 22px;animation:.48s cubic-bezier(.12,1.15,.28,1) both sheetUp;position:relative;box-shadow:inset 0 2px #fffffff2,0 24px 70px #4a293d47}.sheet__close{z-index:3;background:#fff9;border-radius:14px;width:39px;height:39px;position:absolute;top:15px;right:15px}.sheet__mascot{background:linear-gradient(145deg,#ffe5df,#ffc8d5);border:2px solid #fff;border-radius:45% 48% 44% 50%;place-items:center;width:62px;height:62px;margin:-5px auto 9px;display:grid;transform:rotate(-6deg);box-shadow:inset 0 3px 4px #ffffffb8,0 9px 20px #97466229}.sheet__mascot span{filter:drop-shadow(0 3px 3px #61334226);font-size:34px}.sheet__mascot--big{background:linear-gradient(145deg,#fff2d5,#ffd5a5);width:76px;height:76px;margin-top:-45px}.sheet__mascot--big span{font-size:43px}.sheet__eyebrow{color:#cf7696;letter-spacing:.14em;margin:5px 0 4px;font-size:9px;font-weight:900}.sheet h2{color:#643a56;letter-spacing:-.7px;margin:0;font-family:Nunito,sans-serif;font-size:24px;font-weight:900;line-height:1.1}.sheet>p:not(.sheet__eyebrow){color:#976d7f;max-width:310px;margin:9px auto 0;font-size:12px;font-weight:600;line-height:1.55}.help-steps{text-align:left;gap:8px;margin:20px 0;display:grid}.help-steps>div{background:#ffffff6b;border:1px solid #ffffffb8;border-radius:17px;align-items:center;gap:11px;padding:10px 12px;display:flex}.help-steps b{color:#fff;background:linear-gradient(145deg,#f68aae,#e65e91);border-radius:12px;flex:none;place-items:center;width:32px;height:32px;font-family:Nunito,sans-serif;font-size:14px;display:grid;box-shadow:0 4px 9px #bf406f2e}.help-steps span{flex-direction:column;display:flex}.help-steps strong{color:#70475e;font-size:11px;font-weight:800}.help-steps small{color:#a5798a;margin-top:2px;font-size:9px;font-weight:600}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#f587ad,#df568c);border:2px solid #ffffffa8;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:13px;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:inset 0 2px #ffffff47,0 9px 20px #be3e6e3d}.primary-button:hover{transform:translateY(-2px);box-shadow:inset 0 2px #ffffff47,0 12px 25px #be3e6e4d}.primary-button:active{transform:scale(.97)}.gameover-sheet{margin-bottom:3vh;padding-top:25px}.gameover-sheet__sparkles{color:#fff1b0;text-shadow:0 0 16px #ffdd78b3;width:230px;font-size:25px;animation:2s ease-in-out infinite alternate sparkleDrift;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.final-score{background:#fff6;border:1px solid #ffffffc2;border-radius:19px;grid-template-columns:1fr 1fr;margin:19px 0 15px;display:grid;overflow:hidden}.final-score span{flex-direction:column;padding:12px;display:flex}.final-score span+span{border-left:1px solid #bd779024}.final-score small{color:#b17e91;letter-spacing:.1em;font-size:8px;font-weight:900}.final-score strong{color:#674057;margin-top:3px;font-family:Nunito,sans-serif;font-size:23px;font-weight:900}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes arriveDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes boardArrive{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes trayArrive{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambientFloat{0%,to{translate:0;rotate:0deg}50%{translate:5px -13px;rotate:18deg}}@keyframes gainFloat{0%{opacity:0;transform:translateY(8px)scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-16px)scale(1.12)}}@keyframes scoreBump{0%,to{transform:scale(1)}45%{color:#e65088;transform:scale(1.13)}}@keyframes boardJelly{0%,to{transform:scale(1)}25%{transform:scale(1.012,.988)}50%{transform:scale(.992,1.012)}75%{transform:scale(1.005,.995)}}@keyframes treatLand{0%{opacity:.92;transform:scale(1.03, .95) rotate(var(--tilt));filter:brightness(1.12)}48%{opacity:1;transform:scale(.91, 1.1) rotate(var(--tilt))}74%{transform:scale(1.055, .96) rotate(var(--tilt))}to{transform:translateY(0) scale(1) rotate(var(--tilt));filter:brightness()}}@keyframes treatClear{0%{opacity:1;transform:scale(1) rotate(var(--tilt));filter:brightness()}18%{opacity:1;transform:scale(1.18, .88) rotate(var(--tilt));filter:brightness(1.3)}52%{opacity:1;transform:scale(.72, 1.25) rotate(calc(var(--tilt) + 8deg));filter:brightness(1.45)}to{opacity:0;transform:translateY(-18px) scale(.12) rotate(calc(var(--tilt) + 75deg));filter:brightness(1.7)}}@keyframes wellFlash{0%{background:#e2b2b133}40%{background:#ffefadc7;box-shadow:0 0 16px #ffc869bf}to{background:#e2b2b133}}@keyframes futureShimmer{0%{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes previewIn{0%{opacity:0;transform:scale(.72)}to{opacity:.34;transform:scale(.88)}}@keyframes crumbBurst{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.75) rotate(var(--rotate))}}@keyframes pieceCellIdle{0%,88%,to{transform:translateY(0)rotate(0)}93%{transform:translateY(-1.5px)rotate(-1deg)}97%{transform:translateY(.5px)rotate(.5deg)}}@keyframes ghostPickup{0%{opacity:.35;transform:translateY(12px)scale(.82,.7)}65%{opacity:1;transform:translateY(-2px)scale(1.04,1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pieceDropFlight{0%{opacity:1;transform:translate3d(var(--flight-from-x), var(--flight-from-y), 0) scale(1)}to{opacity:.96;transform:translate3d(var(--flight-to-x), var(--flight-to-y), 0) scale(.98, 1.035)}}@keyframes pieceReturnFlight{0%{opacity:1;transform:translate3d(var(--flight-from-x), var(--flight-from-y), 0) scale(1)}78%{opacity:.88}to{opacity:0;transform:translate3d(var(--flight-to-x), var(--flight-to-y), 0) scale(var(--flight-end-scale))}}@keyframes waveReveal{0%{opacity:0;transform:translate(-50%,24px)scale(.72,.45)}18%{opacity:1;transform:translate(-50%,-7px)scale(1.04,1.08)}27%,48%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-20px)scale(.94)}}@keyframes refillPop{0%{opacity:0;transform:translateY(18px)scale(.35,.15)}65%{opacity:1;transform:translateY(-3px)scale(1.07,1.12)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes emptyBreathe{0%{opacity:.42;transform:scale(.92)}to{opacity:.72;transform:scale(1)}}@keyframes tipArrive{0%{opacity:0;transform:translateY(9px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tapTip{0%{opacity:0;transform:translate(50%,8px)scale(.82)}to{opacity:1;transform:translate(50%)scale(1)}}@keyframes handDrag{0%,25%,to{transform:translate(0)rotate(-4deg)}55%{transform:translate(-12px,-16px)rotate(-12deg)}72%{transform:translate(-17px,-20px)rotate(-12deg)}}@keyframes celebrationPop{0%{opacity:0;transform:translate(-50%,-35%)scale(.35,.12)rotate(-5deg)}34%{opacity:1;transform:translate(-50%,-52%)scale(1.12,1.08)rotate(2deg)}52%{transform:translate(-50%,-50%)scale(.96,1.03)rotate(-1deg)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-67%)scale(.92)}}@keyframes starSpin{0%{opacity:0;transform:scale(0)rotate(0)}45%{opacity:1;transform:scale(1.25)rotate(90deg)}to{opacity:0;transform:scale(.7)rotate(180deg)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{opacity:0;transform:translateY(60px)scale(.92,.85)}70%{opacity:1;transform:translateY(-5px)scale(1.015,1.025)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sparkleDrift{0%{opacity:.68;transform:translate(-50%)translateY(3px)rotate(-2deg)}to{opacity:1;transform:translate(-50%)translateY(-5px)rotate(2deg)}}@media (width<=370px){:root{--board-size:min(calc(100vw - 24px), calc(100dvh - 315px))}.game__content{padding-inline:12px}.brand__berry{width:38px;height:38px}.brand__name{font-size:19px}.brand__chapter{font-size:8px}.topbar{min-height:45px}.icon-button{border-radius:14px;width:40px;height:40px}.score-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 40px}.score-card{height:48px;padding:6px 7px}.score-card__icon{width:27px;height:27px;margin-right:5px}.score-card strong{font-size:16px}.restart-button{width:40px;height:48px}.chapter-progress{margin-block:7px 8px}.tray{min-height:110px;margin-top:8px;padding-top:7px}.tray__pieces{min-height:70px}.tray__slot{min-height:68px}.piece-visual{--piece-cell:clamp(14px, 4.5vw, 18px);--piece-gap:2px}}@media (height<=700px){:root{--board-size:min(calc(100vw - 28px), calc(100dvh - 305px), 340px)}.game__content{padding-top:max(5px, env(safe-area-inset-top));padding-bottom:max(5px, env(safe-area-inset-bottom))}.topbar{min-height:43px}.brand__berry{width:37px;height:37px}.brand__name{font-size:19px}.brand__chapter{display:none}.icon-button{border-radius:14px;width:39px;height:39px}.score-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 39px;margin-top:4px}.score-card{height:46px;padding-block:5px}.score-card__icon{width:27px;height:27px}.score-card strong{font-size:16px}.restart-button{width:39px;height:46px}.chapter-progress{margin-top:6px;margin-bottom:7px}.tray{border-radius:22px;min-height:100px;margin-top:7px;padding-block:6px}.tray__label{height:13px}.tray__pieces,.tray__slot{min-height:62px}.piece-visual{--piece-cell:clamp(13px, 4.25vw, 18px);--piece-gap:2px}.tutorial-tip{transform-origin:100% 100%;bottom:-15px;transform:scale(.9)}}@media (width>=760px) and (height>=720px){:root{--board-size:min(43vh, 420px)}.game__content{justify-content:center;width:480px;padding-block:14px}.tray{flex:0 0 145px;max-height:145px}.piece-visual{--piece-cell:24px;--piece-gap:3px}}@media (orientation:landscape) and (height<=600px){:root{--board-size:min(calc(100dvh - 20px), 44vw, 350px)}.game{min-height:0}.game__content{width:min(100%,900px);padding:max(5px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-columns:minmax(180px, 1fr) var(--board-size);grid-template-rows:auto auto auto minmax(92px,1fr);align-content:center;column-gap:clamp(8px,2.8vw,22px);display:grid}.topbar{grid-area:1/1}.score-row{grid-area:2/1}.chapter-progress{grid-area:3/1}.board-wrap{grid-area:1/2/5;align-self:center}.tray{grid-area:4/1;width:100%;min-height:92px;max-height:118px;margin-top:4px}.tray__pieces,.tray__slot{min-height:58px}.piece-visual{--piece-cell:clamp(12px, 2.7vh, 17px);--piece-gap:2px}.wave-banner{transform-origin:50%;min-width:min(310px,100vw - 28px);top:50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wave-banner{opacity:1;transform:translate(-50%);animation:none!important}}@media (pointer:coarse){.game:after{display:none}.tray,.score-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.icon-button,.restart-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}