:root{font-synthesis:none;color:#503923;background:#dff4ff;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.ice-game{width:min(100%,760px);height:100svh;padding:max(6px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:linear-gradient(#e8f9ff,#c8edff);grid-template-rows:50px minmax(0,1fr);margin:auto;display:grid}.toolbar{z-index:20;align-items:center;gap:8px;display:flex}.toolbar__spacer{flex:1}.round-button{color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(#79c8f2,#4396cf);border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font:900 25px/1 system-ui;text-decoration:none;display:grid;box-shadow:0 4px #397ca6}.round-button:active{translate:0 3px;box-shadow:0 1px #397ca6}.ice-stage{touch-action:none;background:linear-gradient(#aee7ff 0 72%,#ffe8b2 72%);border-radius:28px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fffc,0 7px #9bc8d5}.sky-shape{background:#ffffffb8;border-radius:50%;position:absolute}.sky-shape:before,.sky-shape:after{background:inherit;content:"";border-radius:50%;position:absolute}.sky-shape--one{width:76px;height:24px;top:7%;left:6%}.sky-shape--one:before{width:35px;height:35px;bottom:3px;left:12px}.sky-shape--one:after{width:29px;height:29px;bottom:2px;right:9px}.sky-shape--two{opacity:.72;width:58px;height:18px;top:17%;right:5%}.sky-shape--two:before{width:27px;height:27px;bottom:2px;left:9px}.sky-shape--two:after{width:22px;height:22px;bottom:1px;right:7px}.creation{z-index:2;transform-origin:50% 80%;position:absolute;inset:1% 7% 25%}.cone{clip-path:polygon(4% 5%,96% 5%,65% 100%,35% 100%);background:repeating-linear-gradient(52deg,#0000 0 17px,#8e4c173d 18px 21px),repeating-linear-gradient(-52deg,#0000 0 17px,#8e4c173d 18px 21px),linear-gradient(90deg,#e8953e,#ffc66a 48%,#df8736);border-radius:17px 17px 48% 48%;width:148px;height:181px;position:absolute;bottom:1%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:inset 10px 0 12px #7e3b141f,inset -10px 0 12px #7e3b142e,0 8px 8px #574b2e33}.cone__rim{background:linear-gradient(#ffd188,#e99640);border:5px solid #c77430;border-radius:50%;width:154px;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 7px #ffebb59e}.soft-serve{z-index:5;height:270px;position:absolute;bottom:155px;left:0;right:0}.swirl{--cream:#fff1c9;--cream-shadow:#e9c885;background:radial-gradient(ellipse at 38% 24%,#fff 0 5%,transparent 6%),linear-gradient(155deg,#fff8 0 15%,transparent 31%),linear-gradient(180deg,var(--cream) 0 58%,var(--cream-shadow) 100%);border-radius:55% 48% 47% 53%/60% 55% 45% 40%;width:190px;height:92px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 -8px 9px #58321e21,inset 9px 7px 10px #ffffff61,0 6px 5px #60402c29}.swirl:after{filter:blur(4px);content:"";background:#ffffff38;border-radius:50%;height:24%;position:absolute;bottom:12%;left:12%;right:13%}.swirl--0{width:204px;bottom:0}.swirl--1{width:177px;bottom:62px;transform:translate(-52%)rotate(-2deg)}.swirl--2{width:148px;height:86px;bottom:121px;transform:translate(-47%)rotate(3deg)}.swirl--2:before{background:linear-gradient(135deg,#fff9,var(--cream) 42%,var(--cream-shadow));content:"";border-radius:80% 20% 55% 45%;width:79px;height:76px;position:absolute;top:-45px;left:50%;transform:translate(-50%)rotate(-16deg);box-shadow:inset 8px 5px 7px #ffffff59}.drop-target{z-index:4;opacity:.84;width:144px;height:82px;transition:transform .16s,filter .16s;position:absolute;bottom:315px;left:50%;transform:translate(-50%)}.drop-target span{background:#fff29352;border:5px dashed #ffffffeb;border-radius:55%;width:126px;height:48px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.drop-target span:nth-child(2){width:92px;bottom:26px}.drop-target span:nth-child(3){width:56px;bottom:49px}.drop-target.is-ready{filter:drop-shadow(0 0 13px #fff36b);transform:translate(-50%)scale(1.13)}.drop-target.is-hidden{opacity:0}.decoration{z-index:15;filter:drop-shadow(0 4px 2px #4a281b38);display:block;position:absolute;transform:translate(-50%,-50%)}.decoration--strawberry{background:radial-gradient(circle at 31% 38%,#ffd565 0 2px,#0000 3px),radial-gradient(circle at 65% 60%,#ffd565 0 2px,#0000 3px),linear-gradient(135deg,#ff7384,#d92e49);border-radius:46% 46% 55% 55%;width:54px;height:58px}.decoration--strawberry:before{clip-path:polygon(0 100%,18% 8%,43% 67%,60% 0,78% 68%,100% 22%,87% 100%);content:"";background:#66ae45;width:34px;height:17px;position:absolute;top:-8px;left:11px}.decoration--cherry{width:58px;height:58px}.decoration--cherry:before,.decoration--cherry:after{content:"";background:radial-gradient(circle at 35% 30%,#ff9b9b 0 9%,#d82d4e 38%,#9f1734 100%);border-radius:50%;width:30px;height:30px;position:absolute;bottom:0}.decoration--cherry:before{left:2px}.decoration--cherry:after{right:1px}.decoration--cookie{background:radial-gradient(circle at 30% 33%,#754322 0 4px,#0000 5px),radial-gradient(circle at 68% 63%,#754322 0 4px,#0000 5px),radial-gradient(circle at 65% 25%,#754322 0 3px,#0000 4px),#e8a951;border:4px solid #bd722e;border-radius:50%;width:54px;height:54px}.decoration--star{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%);background:linear-gradient(#fff17b,#f2ae28);width:58px;height:58px}.decoration--sauce{clip-path:polygon(2% 0,98% 0,91% 35%,78% 31%,69% 71%,56% 43%,42% 98%,27% 39%,9% 58%);background:linear-gradient(90deg,#6e321f,#a95735 50%,#68301f);border-radius:50% 50% 60% 60%;width:62px;height:72px}.decoration--sprinkles{background:repeating-linear-gradient(35deg,#f75875 0 5px,#0000 5px 12px,#46b8e8 12px 17px,#0000 17px 24px,#ffd540 24px 29px,#0000 29px 36px);border-radius:50%;width:72px;height:68px}.choice-tray{z-index:20;background:linear-gradient(#fff0bc,#f5bd6a);border:5px solid #ce873e;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(7px,2.4vw,15px);height:clamp(126px,23%,142px);padding:10px clamp(9px,3vw,20px);display:grid;position:absolute;bottom:2%;left:3%;right:3%;overflow:hidden;box-shadow:inset 0 7px #ffffff7d,0 6px #a96632}.choice,.choice-slot{aspect-ratio:1;background:#fff9e8;border:5px solid #fff;border-radius:50%;place-items:center;width:min(100%,104px);margin:auto;display:grid;box-shadow:0 6px #6e412633}.choice{touch-action:none;-webkit-tap-highlight-color:transparent;padding:0;position:relative}.choice-slot{opacity:.35;border-style:dashed}.mini-swirl{background:linear-gradient(150deg,#fff9 0 18%,transparent 34%),linear-gradient(var(--cream),var(--cream-shadow));border-radius:55% 48% 47% 53%;width:70%;height:54%;position:relative;box-shadow:inset 0 -6px 6px #4d2b1f24,0 4px 3px #593b2826}.mini-swirl:before{background:linear-gradient(135deg,#fff8,var(--cream) 48%,var(--cream-shadow));content:"";border-radius:78% 22% 52% 48%;width:57%;height:71%;position:absolute;top:-38%;left:50%;transform:translate(-50%)rotate(-13deg)}.choice--topping span{display:block}.choice--strawberry span{background:linear-gradient(135deg,#ff7384,#d92e49);border-radius:46% 46% 55% 55%;width:54px;height:58px}.choice--cherry span{background:radial-gradient(circle at 28% 66%,#db2e50 0 15px,#0000 16px),radial-gradient(circle at 72% 66%,#c61f42 0 15px,#0000 16px);border-radius:50%;width:58px;height:42px}.choice--cookie span{background:radial-gradient(circle at 32% 33%,#754322 0 4px,#0000 5px),radial-gradient(circle at 68% 63%,#754322 0 4px,#0000 5px),#e8a951;border:4px solid #bd722e;border-radius:50%;width:58px;height:58px}.choice--star span{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%);background:#f7c932;width:60px;height:60px}.choice--sauce span{background:linear-gradient(90deg,#6e321f,#ad5b37,#68301f);border-radius:50%;width:64px;height:56px}.choice--sprinkles span{background:repeating-linear-gradient(35deg,#f75875 0 5px,#0000 5px 12px,#46b8e8 12px 17px,#0000 17px 24px,#ffd540 24px 29px,#0000 29px 36px);border-radius:50%;width:65px;height:60px}.choice.is-dragging{z-index:60;pointer-events:none;filter:drop-shadow(0 10px 6px #43332840);width:96px;position:absolute;transform:scale(1.1)}.choice.is-returning{transition:left .2s,top .2s,transform .2s}.sparkles{z-index:50;color:#fff477;opacity:0;pointer-events:none;gap:35px;font-size:38px;display:flex;position:absolute;top:31%;left:50%;transform:translate(-50%)}.sparkles i:nth-child(2){font-size:27px}.sparkles.is-showing{animation:.65s ease-out sparkle-rise}.creation.is-celebrating{animation:.34s ease-out happy-bounce}.round-button:focus-visible,.choice:focus-visible{outline-offset:3px;outline:5px solid #245b9e}@keyframes sparkle-rise{0%{opacity:0;transform:translate(-50%,18px)scale(.6)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-52px)scale(1.2)}}@keyframes happy-bounce{50%{transform:translateY(-9px)scale(1.025)}}@media (height<=660px){.creation{top:-3%;bottom:24%}.soft-serve{transform-origin:bottom;height:235px;bottom:125px;transform:scale(.86)}.cone{height:151px}.drop-target{bottom:271px}.choice-tray{height:120px}.choice,.choice-slot{max-width:88px}}@media (width<=370px){.creation{left:3%;right:3%}.choice-tray{gap:6px;padding:8px}.choice,.choice-slot{max-width:92px}}.drop-target{transition:bottom .2s,transform .16s,filter .16s;bottom:166px}.creation.is-finished:after{content:"";position:absolute;inset:-2% 16% 143px}.finished-serve{z-index:8;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 7px #59432d38);width:68%;height:calc(102% - 143px);display:none;position:absolute;inset:-2% 16% 143px}.creation.is-finished .finished-serve{display:block}.creation.is-finished{transform:translateY(clamp(28px,6svh,52px))}.creation.is-finished:after{z-index:9;background:linear-gradient(to top, var(--flavor-one) 0 26%, color-mix(in srgb, var(--flavor-one) 52%, var(--flavor-two)) 34%, var(--flavor-two) 43% 57%, color-mix(in srgb, var(--flavor-two) 52%, var(--flavor-three)) 66%, var(--flavor-three) 75% 100%);mix-blend-mode:multiply;opacity:.44;-webkit-mask:url(/assets/games/ice-cream/soft-serve-plain-v1-transparent.png) bottom/contain no-repeat;mask:url(/assets/games/ice-cream/soft-serve-plain-v1-transparent.png) bottom/contain no-repeat}.creation.is-finished .swirl{opacity:0}.creation.is-finished .soft-serve{z-index:12;height:380px;bottom:143px}.creation.is-finished .decoration{z-index:16}.creation.is-finished.is-drop-ready .finished-serve{filter:drop-shadow(0 0 18px #fff36b)drop-shadow(0 10px 7px #59432d38);transform:scale(1.025)}.choice--choco-pop span{filter:drop-shadow(0 3px 2px #47231747);background:linear-gradient(90deg,#0000 0 46%,#4a1d113b 47% 53%,#0000 54%),linear-gradient(#b9673f,#77331f);border:3px solid #71331f;border-radius:15px 15px 11px 11px;width:39px;height:60px;position:relative;box-shadow:inset 6px 4px #ffd6ae3d}.choice--choco-pop span:before{content:"";background:linear-gradient(90deg,#c78b4c,#f0bf78 48%,#b8783d);border-radius:0 0 6px 6px;width:13px;height:19px;position:absolute;bottom:-18px;right:10px}.choice--choco-pop span:after{content:"";background:#ffe2c747;border-radius:999px;width:7px;height:27px;position:absolute;top:8px;left:7px}.choice--sprinkles span{filter:drop-shadow(12px 5px #58bd72)drop-shadow(-10px 8px #ee72a2);background:linear-gradient(28deg,#0000 0 35%,#f75875 36% 43%,#0000 44%),linear-gradient(151deg,#0000 0 44%,#46b8e8 45% 52%,#0000 53%),linear-gradient(75deg,#0000 0 60%,#ffd540 61% 68%,#0000 69%);border-radius:45%;width:68px;height:58px}.decoration--star{filter:drop-shadow(0 4px 2px #6f45155c);background:linear-gradient(145deg,#fff9a4 0 28%,#ffd83d 45%,#e7a118 100%);width:40px;height:40px;position:absolute}.decoration--star:after{clip-path:inherit;content:"";background:linear-gradient(145deg,#ffffffb8,#0000 58%);position:absolute;inset:7px}.decoration--choco-pop{filter:drop-shadow(0 4px 2px #47231757);background:linear-gradient(90deg,#0000 0 46%,#4a1d113b 47% 53%,#0000 54%),linear-gradient(#b9673f,#77331f);border:3px solid #71331f;border-radius:14px 14px 10px 10px;width:35px;height:55px;box-shadow:inset 5px 4px #ffd6ae38}.decoration--choco-pop:before{content:"";background:linear-gradient(90deg,#c78b4c,#f0bf78 48%,#b8783d);border-radius:0 0 6px 6px;width:12px;height:18px;position:absolute;bottom:-17px;right:9px}.decoration--choco-pop:after{content:"";background:#ffe2c742;border-radius:999px;width:6px;height:24px;position:absolute;top:8px;left:6px}.decoration--sprinkles{filter:drop-shadow(0 2px 1px #48322340);background:0 0;border-radius:48%;width:136px;height:168px;transform:translate(-50%,-50%)rotate(4deg);left:50%!important;top:calc(45% + var(--surface-layer,0) * 2%)!important}.decoration--sprinkles i{background:#f45b76;border-radius:999px;width:3px;height:3px;position:absolute;box-shadow:inset 1px 0 #ffffff61}.choice--strawberry span{clip-path:polygon(12% 22%,28% 7%,50% 12%,72% 7%,88% 22%,91% 52%,72% 82%,50% 100%,28% 82%,9% 52%);background:radial-gradient(circle at 31% 38%,#ffd565 0 1.5px,#0000 2px),radial-gradient(circle at 66% 58%,#ffd565 0 1.5px,#0000 2px),linear-gradient(135deg,#ff7c8c,#d92e49);border-radius:50% 50% 58% 58%;width:48px;height:53px;position:relative;box-shadow:inset 6px 4px #ffffff2e,0 4px 3px #6a2c2d38}.choice--strawberry span:before{clip-path:polygon(0 100%,18% 8%,43% 67%,60% 0,78% 68%,100% 22%,87% 100%);content:"";background:#66ae45;width:31px;height:15px;position:absolute;top:1px;left:9px}.choice--star span{filter:drop-shadow(0 4px 2px #6f45154d);background:linear-gradient(145deg,#fff9a4,#ffd83d 48%,#e7a118)}.decoration--sprinkles i:nth-child(3n+2){background:#42b5e6}.decoration--sprinkles i:nth-child(3n){background:#ffd13d}.decoration--sprinkles i:first-child{top:13%;left:23%;rotate:-28deg}.decoration--sprinkles i:nth-child(2){top:12%;left:61%;rotate:62deg}.decoration--sprinkles i:nth-child(3){top:23%;left:42%;rotate:18deg}.decoration--sprinkles i:nth-child(4){top:29%;left:75%;rotate:-52deg}.decoration--sprinkles i:nth-child(5){top:36%;left:20%;rotate:56deg}.decoration--sprinkles i:nth-child(6){top:40%;left:52%;rotate:-12deg}.decoration--sprinkles i:nth-child(7){top:48%;left:80%;rotate:34deg}.decoration--sprinkles i:nth-child(8){top:53%;left:31%;rotate:-64deg}.decoration--sprinkles i:nth-child(9){top:61%;left:60%;rotate:71deg}.decoration--sprinkles i:nth-child(10){top:69%;left:17%;rotate:25deg}.decoration--sprinkles i:nth-child(11){top:75%;left:45%;rotate:-43deg}.decoration--sprinkles i:nth-child(12){top:79%;left:76%;rotate:48deg}.decoration--sprinkles i:nth-child(13){top:88%;left:31%;rotate:73deg}.decoration--sprinkles i:nth-child(14){top:91%;left:62%;rotate:-28deg}.ice-stage:not(.has-interacted) .choice:first-child{animation:1.25s ease-in-out infinite invite-drag}.ice-stage:not(.has-interacted) .drop-target{animation:1.25s ease-in-out infinite invite-target}@keyframes invite-drag{50%{filter:drop-shadow(0 0 10px #fff36b);transform:translateY(-8px)scale(1.04)}}@keyframes invite-target{50%{filter:drop-shadow(0 0 12px #fff36b);transform:translate(-50%)scale(1.07)}}@media (height<=660px){.creation.is-finished:after,.finished-serve{inset:1% 20% 117px}.finished-serve{width:60%;height:calc(99% - 117px)}.creation.is-finished{transform:translateY(34px)}.creation.is-finished .soft-serve{height:320px;bottom:117px}}