*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#2e2118;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Georgia,Times New Roman,serif}.viewport{width:100%;height:100%;position:relative;overflow:hidden}.stage{transform-origin:50%;position:absolute;top:50%;left:50%}.layer{width:100%;height:100%;display:block;position:absolute;inset:0}.layer.front{pointer-events:none;z-index:20}.boy-slot{z-index:10;transform-origin:bottom;pointer-events:none;line-height:0;position:absolute}.boy-img{display:block}.title-screen{z-index:100;cursor:pointer;background:#2e2118;position:fixed;inset:0}.title-screen.leaving{pointer-events:none}.title-scrim{z-index:10;pointer-events:none;background:linear-gradient(#26180ea8 0%,#26180e47 26%,#26180e00 44%),linear-gradient(#26180e00 78%,#26180e99 100%);position:absolute;inset:0}.title-slot{z-index:20;pointer-events:none;width:100%;padding:0 4vw;position:absolute;top:4.5%;left:50%;transform:translate(-50%)}.title{text-align:center;justify-items:center;gap:.12em;font-weight:400;display:grid}.stack{place-items:center;line-height:1.04;display:grid}.stack>*{white-space:nowrap;grid-area:1/1}.stack-back{color:#43291a;-webkit-text-stroke:.15em #43291a;filter:drop-shadow(0 .06em .1em #1c10088c)}.stack-front{background:linear-gradient(#fff5dd 6%,#f7d385 44%,#e9a63f 78%,#d4803a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.title-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:clamp(13px,2.5vw,32px)}.title-main{letter-spacing:.005em;font-size:clamp(34px,7.4vw,96px)}.start{z-index:20;pointer-events:none;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%)}.start-inner{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2e21186b;border-radius:999px;align-items:center;gap:12px;padding:10px 22px 10px 14px;display:flex;box-shadow:inset 0 0 0 2px #f7d98a80}.start-ripple{flex:none;width:34px;height:34px;overflow:visible}.ripple-dot{fill:#f7d98a}.ripple-ring{fill:none;stroke:#f7d98a;stroke-width:2.5px}.start-text{color:#ffeec4;letter-spacing:.1em;text-shadow:0 2px 6px #1e120ab3;font-size:clamp(14px,2vw,24px)}.note-slot{z-index:30;pointer-events:none;position:absolute;top:5%;left:50%;transform:translate(-50%)}.note{background:#fffaf0;border-radius:6px;place-items:center;min-width:150px;padding:22px 26px 18px;display:grid;position:relative;box-shadow:0 10px 24px #32201259,inset 0 0 0 1px #785a3c1f}.note-pin{background:#d2603f;border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-9px;left:50%;box-shadow:0 2px 4px #32201273}.icecream{position:relative}.ic-vessel{z-index:5;position:absolute;bottom:0;left:0}.ic-scoop{position:absolute}.tray-wrap{z-index:40;background:#2e211857;place-items:start;display:grid;position:absolute;inset:0}.tray{transform-origin:0 0;background:#f3e7d2;border-radius:22px;grid-template-columns:auto auto auto;grid-template-areas:"note bench flavours""vessels bench flavours";align-items:center;gap:14px 26px;width:max-content;padding:20px 26px;display:grid;box-shadow:0 24px 60px #1e120a80,inset 0 0 0 3px #8c643e47}.tray-outer{position:absolute;inset:0}.peek{pointer-events:none;position:absolute;top:0;overflow:hidden}.peek img{display:block;position:absolute;top:0}.peek-left{left:7%}.peek-right{right:7%}.spoon{pointer-events:none;z-index:50;filter:drop-shadow(0 4px 8px #1e120a59);width:66px;margin-top:-40px;margin-left:-33px;position:absolute}.tray-note{grid-area:note}.vessels{background:#be9e743d;border-radius:14px;grid-area:vessels;justify-content:center;gap:6px;padding:6px;display:flex}.bench{grid-area:bench;justify-content:center;align-items:flex-end;gap:14px;min-width:190px;height:250px;display:flex}.bench-ice{align-self:flex-end;place-items:end center;display:grid}.flavours{background:#be9e743d;border-radius:16px;grid-area:flavours;grid-template-columns:repeat(5,auto);justify-content:center;justify-items:center;gap:2px 6px;padding:8px 12px;display:grid}.tap{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:14px;place-items:center;min-width:92px;min-height:76px;padding:4px;display:grid}.tap.chosen{background:#5ba45c29;border-color:#5ba45c}.serve{cursor:pointer;filter:drop-shadow(0 6px 12px #1e120a66);background:0 0;border:0;padding:0}.tally{z-index:30;flex-wrap:wrap-reverse;justify-content:flex-end;align-items:center;gap:7px;max-width:240px;display:flex;position:absolute;top:26px;right:30px}.pip{background:#f2a62e;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #32201266,inset 0 -3px #0000001f}.pip-more{color:#fffaf0;text-shadow:0 2px 4px #32201299;font-size:17px}.cust{z-index:30;pointer-events:none;transform-origin:bottom;position:absolute;left:0}.cust-bob{height:100%;position:relative}.cust img{filter:drop-shadow(0 6px 10px #1e120a47);width:auto;display:block}.cust-hand{z-index:2;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.bubble{background:#fffaf0;border-radius:18px;place-items:center;min-width:128px;margin-bottom:18px;margin-left:-70px;padding:16px 20px 12px;display:grid;position:absolute;bottom:100%;left:50%;box-shadow:0 10px 22px #32201259,inset 0 0 0 2px #785a3c24}.bubble-tail{filter:drop-shadow(0 3px 2px #3220122e);border-top:15px solid #fffaf0;border-left:11px solid #0000;border-right:16px solid #0000;width:0;height:0;position:absolute;bottom:-13px;left:32px}.bd-bubble{z-index:45;cursor:pointer;filter:drop-shadow(0 8px 16px #1e120a66);background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-100%)}.bd-bubble-ring{background:linear-gradient(135deg,#ffd98a,#e8963c);border-radius:50%;width:92px;height:92px;padding:4px;display:block;position:relative;box-shadow:inset 0 0 0 2px #fffaed99}.bd-bubble-face{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.bd-play{width:38px;height:38px;position:absolute;bottom:-4px;right:-4px}.bd-play-disc{fill:#e8963c;stroke:#fffaed;stroke-width:2.5px}.bd-play-tri{fill:#fffaed}.bd-bubble-tail{border-top:15px solid #f4b64a;border-left:9px solid #0000;border-right:14px solid #0000;width:0;height:0;margin-left:-9px;position:absolute;bottom:-12px;left:50%}.bd-stage{z-index:60;cursor:pointer;background:#1e120ab8;place-items:center;transition:opacity .28s;display:grid;position:absolute;inset:0}.bd-stage.off{opacity:0;pointer-events:none}.bd-stage.on{opacity:1}.bd-stage.off .bd-circle{transform:scale(.6)}.bd-stage.on .bd-circle{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1)}.bd-circle{border-radius:50%;width:min(62vh,62vw);height:min(62vh,62vw);overflow:hidden;box-shadow:0 0 0 6px #ffd98a,0 0 0 10px #e8963ce6,0 24px 60px #0000008c}.bd-video{object-fit:cover;width:100%;height:100%;display:block}.bd-corner{z-index:38;cursor:pointer;filter:drop-shadow(0 6px 12px #1e120a66);background:0 0;border:0;padding:0;position:absolute;bottom:6%;left:3.5%}.bd-corner-ring{background:linear-gradient(135deg,#ffd98a,#e8963c);border-radius:50%;width:62px;height:62px;padding:3px;display:block;position:relative;box-shadow:inset 0 0 0 2px #fffaed99}.bd-play-sm{width:26px;height:26px;bottom:-3px;right:-3px}.sign{pointer-events:none;justify-items:center;width:0;margin-bottom:-6px;display:grid;overflow:visible}.sign-card{box-sizing:border-box;color:#5a4632;text-align:center;background:#fffdf7;border-radius:4px;grid-template-rows:auto 1fr;place-items:center;gap:1px;width:92px;height:66px;padding:3px 5px 2px;display:grid;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 3px #3c281447,inset 0 0 0 1px #785a3c21}.sign-name{letter-spacing:.01em;font-size:12px;font-weight:700;line-height:1.08}.sign-pic{object-fit:contain;max-width:100%;min-height:0;max-height:100%}.sign-stem{background:linear-gradient(#b9ac96,#8d8271);border-radius:1px;width:2px;height:9px}.modes{z-index:20;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.mode-card{cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2e211880;border:0;border-radius:22px;justify-items:center;gap:7px;padding:12px 20px 10px;font-family:inherit;display:grid;box-shadow:inset 0 0 0 2px #f7d98a73}.mode-card:active{transform:scale(.94)}.mode-card.featured{background:#2e21189e;box-shadow:inset 0 0 0 3px #f7d98ae6}.mode-icon-slot{justify-content:center;align-items:flex-end;gap:8px;height:88px;display:flex}.mode-icon-slot img{display:block}.mode-label{color:#ffeec4;letter-spacing:.09em;text-shadow:0 2px 6px #1e120ab3;font-size:clamp(13px,1.9vw,21px)}.eat-wrap{z-index:50;background:#2e2118ad;position:absolute;inset:0;overflow:hidden}.eat-kid{line-height:0;position:absolute;bottom:-4%;right:2.5%}.eat-kid>img{filter:drop-shadow(0 8px 14px #140c0666);width:auto;height:100%;display:block}.eat-hand{z-index:2;position:absolute}.eat-ice{position:relative}.eat-ice .ev{z-index:5;position:absolute;bottom:0;left:0}.eat-ice .es{position:absolute}.eat-ice .nib{transform-origin:62% 62%;animation:.28s ease-out nibble}@keyframes nibble{0%{transform:scale(1)}40%{transform:scale(.9,.84)rotate(-3deg)}to{transform:scale(1)}}.eat-tap{z-index:15;cursor:pointer;background:0 0;border:0;position:absolute;inset:-26px}.eat-ice img{pointer-events:none}.tongue{z-index:20;pointer-events:none;transform-origin:100%;animation:.34s ease-out forwards tongue;position:absolute}@keyframes tongue{0%{opacity:0;transform:translate(-88%,-50%)scale(.35)}40%{opacity:1;transform:translate(-88%,-50%)scale(1)}to{opacity:0;transform:translate(-88%,-50%)scale(.8)}}.drip{cursor:pointer;z-index:16;background:0 0;border:0;width:52px;height:52px;margin:-26px;padding:0;animation:4.6s cubic-bezier(.55,0,.85,1) forwards drip-go;position:absolute}.drip:after{content:"";background:var(--c);border-radius:50% 50% 56% 56%/38% 38% 64% 64%;width:17px;height:22px;margin:15px auto;display:block;box-shadow:inset -2px -3px #00000024}@keyframes drip-go{0%{transform:translateY(0)scale(.2)}15%{transform:translateY(0)scale(1)}to{transform:translateY(var(--fall)) scale(1)}}.puddle{background:var(--c);pointer-events:none;z-index:4;opacity:0;border-radius:50%;width:46px;height:13px;animation:3s ease-out forwards puddle;position:absolute;transform:translate(-50%,-50%)}@keyframes puddle{0%{opacity:0;transform:translate(-50%,-50%)scale(.4,.6)}18%{opacity:.72;transform:translate(-50%,-50%)scale(1)}70%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%)scale(1.15,.9)}}.puddle.waiting{animation:.5s ease-out forwards puddle-in}@keyframes puddle-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4,.6)}to{opacity:.72;transform:translate(-50%,-50%)scale(1)}}.gecko{z-index:6;pointer-events:none;filter:drop-shadow(0 3px 4px #140c0659);width:auto;position:absolute}.gecko.licking{animation:.45s ease-in-out 2 gecko-lick}@keyframes gecko-lick{0%{transform:translate(-30%,-80%)rotate(0)}50%{transform:translate(-32%,-76%)rotate(-7deg)}to{transform:translate(-30%,-80%)rotate(0)}}.spark{pointer-events:none;z-index:30;background:#ffd98a;border-radius:50%;width:9px;height:9px;margin:-4px;animation:.7s ease-out forwards spark;position:absolute;box-shadow:0 0 6px #ffd98acc}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3)}}