.Stage1-module-scss-module__8bHJ8G__stageContainer{width:100%;min-height:max(100vh - 80px,680px);position:relative}@media (max-width:1200px){.Stage1-module-scss-module__8bHJ8G__stageContainer{min-height:calc(100dvh - 80px)}}.Stage1-module-scss-module__8bHJ8G__stageContainer{background-color:#0000;overflow:hidden auto}.Stage1-module-scss-module__8bHJ8G__textWrap{text-align:center;z-index:10;width:100%;max-width:500px;padding:0 20px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.Stage1-module-scss-module__8bHJ8G__title{color:var(--text-primary,#333);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}@media (max-width:768px){.Stage1-module-scss-module__8bHJ8G__title{font-size:1.4rem}}.Stage1-module-scss-module__8bHJ8G__subtitle{color:#777;font-size:1.1rem;font-weight:300;line-height:1.6}@media (max-width:768px){.Stage1-module-scss-module__8bHJ8G__subtitle{font-size:.95rem}}.Stage1-module-scss-module__8bHJ8G__backButton{display:none}.Stage1-module-scss-module__8bHJ8G__bucketWrapper{z-index:5;justify-content:center;align-items:flex-end;width:260px;height:260px;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.Stage1-module-scss-module__8bHJ8G__bucket{-webkit-backdrop-filter:blur(12px);z-index:1;background:linear-gradient(135deg,#fffffff2 0%,#f8f8f899 100%);border:1px solid #fffc;border-radius:0 0 40px 40px;align-items:flex-end;width:220px;height:200px;display:flex;position:absolute;bottom:0;overflow:hidden;box-shadow:0 24px 48px #0000000f,0 8px 16px #00000008,inset 0 2px 4px #fff,inset 0 -10px 20px #00000005}.Stage1-module-scss-module__8bHJ8G__lid{z-index:2;cursor:grab;background:linear-gradient(90deg,#0000 48%,#0000000d 49% 51%,#0000 52%) 0 15px/110px 20px repeat-x;border:1px solid #e6e6e699;border-bottom:none;border-radius:15px 15px 0 0;justify-content:center;align-items:center;width:220px;height:50px;display:flex;position:absolute;top:10px;box-shadow:0 8px 24px #0000000f,0 2px 6px #00000005,inset 0 2px 3px #fff}.Stage1-module-scss-module__8bHJ8G__lid:active{cursor:grabbing}.Stage1-module-scss-module__8bHJ8G__handIndicator{color:#c7c7c7;pointer-events:none;z-index:20;filter:drop-shadow(0 8px 16px #00000040);position:absolute;top:15px}.Stage1-module-scss-module__8bHJ8G__powderSvg{filter:drop-shadow(0 -2px 4px #00000005);width:100%;height:200px;position:absolute;bottom:0;left:0}.Stage1-module-scss-module__8bHJ8G__svgPath{transition:fill .4s ease-in-out}.Stage1-module-scss-module__8bHJ8G__mobileColorBar{position:absolute;bottom:60px}@media (max-width:1200px){.Stage1-module-scss-module__8bHJ8G__mobileColorBar{bottom:30px}}@media (max-width:768px){.Stage1-module-scss-module__8bHJ8G__mobileColorBar{bottom:20px}}.Stage1-module-scss-module__8bHJ8G__mobileColorBar{-webkit-backdrop-filter:blur(16px);z-index:10;background:#fff9;border:1px solid #dcdcdc66;border-radius:40px;gap:4px;padding:8px 12px;display:flex;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000014,inset 0 1px #ffffff80}.Stage1-module-scss-module__8bHJ8G__colorBtn{cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.Stage1-module-scss-module__8bHJ8G__colorDot{border-radius:50%;width:26px;height:26px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.Stage1-module-scss-module__8bHJ8G__colorDot[data-color=white]{border:1px solid #d0d0d0}.Stage1-module-scss-module__8bHJ8G__activeColor .Stage1-module-scss-module__8bHJ8G__colorDot{border:2px solid #fff;transform:scale(1.35);box-shadow:0 0 0 2px #333,0 4px 8px #00000026}
.Stage2-module-scss-module__4TR4XW__stageContainer{background-color:#0000;width:100%;height:100%;min-height:620px;position:relative;overflow:hidden}.Stage2-module-scss-module__4TR4XW__textWrap{text-align:center;z-index:10;width:100%;max-width:500px;padding:0 20px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.Stage2-module-scss-module__4TR4XW__title{color:var(--text-primary,#333);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}@media (max-width:768px){.Stage2-module-scss-module__4TR4XW__title{font-size:1.4rem}}.Stage2-module-scss-module__4TR4XW__subtitle{color:#777;font-size:1.1rem;font-weight:300;line-height:1.6}@media (max-width:768px){.Stage2-module-scss-module__4TR4XW__subtitle{font-size:.95rem}}.Stage2-module-scss-module__4TR4XW__backButton,.Stage2-module-scss-module__4TR4XW__nextButton{-webkit-backdrop-filter:blur(12px);color:#333;cursor:pointer;z-index:50;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #0000000f,inset 0 2px 4px #fffc}.Stage2-module-scss-module__4TR4XW__backButton svg,.Stage2-module-scss-module__4TR4XW__nextButton svg{width:22px;height:22px;transition:transform .3s}.Stage2-module-scss-module__4TR4XW__backButton:hover,.Stage2-module-scss-module__4TR4XW__nextButton:hover{color:#c8a377;background:#fff;border-color:#c8a377;transform:translateY(-50%)scale(1.05);box-shadow:0 10px 25px #c8a37740,inset 0 2px 4px #fff}@media (max-width:768px){.Stage2-module-scss-module__4TR4XW__backButton,.Stage2-module-scss-module__4TR4XW__nextButton{width:42px;height:42px;top:20px;transform:none}.Stage2-module-scss-module__4TR4XW__backButton:hover,.Stage2-module-scss-module__4TR4XW__nextButton:hover{transform:scale(1.05)}}.Stage2-module-scss-module__4TR4XW__backButton{left:calc(50% - 220px)}.Stage2-module-scss-module__4TR4XW__backButton:hover svg{transform:translate(-4px)}@media (max-width:768px){.Stage2-module-scss-module__4TR4XW__backButton{left:20px}}.Stage2-module-scss-module__4TR4XW__nextButton{right:calc(50% - 220px)}.Stage2-module-scss-module__4TR4XW__nextButton:hover svg{transform:translate(4px)}@media (max-width:768px){.Stage2-module-scss-module__4TR4XW__nextButton{right:20px}}.Stage2-module-scss-module__4TR4XW__bucketWrapper{z-index:5;justify-content:center;align-items:flex-end;width:260px;height:260px;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.Stage2-module-scss-module__4TR4XW__cupArea{z-index:10;justify-content:center;align-items:center;height:120px;display:flex;position:absolute;top:calc(55% - 190px);left:50%;transform:translate(-50%)}.Stage2-module-scss-module__4TR4XW__cupContainer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transform-origin:50%;background:#fff6;border:2px solid #dcdcdccc;border-radius:6px 6px 18px 18px;outline:none;justify-content:center;align-items:flex-end;width:70px;height:90px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000d,inset 0 2px 10px #fff}.Stage2-module-scss-module__4TR4XW__waterInside{z-index:1;transform-origin:0 100%;background:linear-gradient(#a8c0cb66 0%,#a8c0cbb3 100%);border-top:2px solid #fff9;border-radius:0 0 14px 14px;width:100%}.Stage2-module-scss-module__4TR4XW__bubbles{pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.Stage2-module-scss-module__4TR4XW__bubbles span{background:#ffffffb3;border-radius:50%;animation:1.8s ease-in infinite Stage2-module-scss-module__4TR4XW__floatUp;position:absolute;bottom:-10px}@keyframes Stage2-module-scss-module__4TR4XW__floatUp{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(1.2)}}.Stage2-module-scss-module__4TR4XW__waterStreamContainer{z-index:5;filter:drop-shadow(0 2px 4px #a8c0cb66)blur(.5px);transform-origin:top;width:18px;position:absolute}.Stage2-module-scss-module__4TR4XW__bucket{-webkit-backdrop-filter:blur(12px);z-index:1;background:linear-gradient(135deg,#fffffff2 0%,#f8f8f899 100%);border:1px solid #fffc;border-radius:0 0 40px 40px;align-items:flex-end;width:220px;height:200px;display:flex;position:absolute;bottom:0;overflow:hidden;box-shadow:0 24px 48px #0000000f,0 8px 16px #00000008,inset 0 2px 4px #fff,inset 0 -10px 20px #00000005}.Stage2-module-scss-module__4TR4XW__powderSvg{filter:drop-shadow(0 -2px 4px #00000005);width:100%;height:200px;position:absolute;bottom:0;left:0}.Stage2-module-scss-module__4TR4XW__svgPath{transition:fill .4s ease-in-out}.Stage2-module-scss-module__4TR4XW__risingWaterInBucket{-webkit-backdrop-filter:blur(3px);z-index:2;background:linear-gradient(#a8c0cb66 0%,#a8c0cbb3 100%);border-top:2px solid #ffffffb3;border-radius:0 0 40px 40px;width:100%;position:absolute;bottom:0;left:0;box-shadow:inset 0 4px 10px #ffffff4d}
.Stage3-module-scss-module__fHWHaq__stageContainer{background-color:#0000;width:100%;height:100%;min-height:640px;position:relative;overflow:hidden}.Stage3-module-scss-module__fHWHaq__textWrap{text-align:center;z-index:10;width:100%;padding:0 20px;position:absolute;top:50px;left:0}.Stage3-module-scss-module__fHWHaq__title{color:var(--text-primary,#333);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}@media (max-width:768px){.Stage3-module-scss-module__fHWHaq__title{font-size:1.4rem}}.Stage3-module-scss-module__fHWHaq__subtitle{color:#777;font-size:1.1rem;font-weight:300;line-height:1.6}@media (max-width:768px){.Stage3-module-scss-module__fHWHaq__subtitle{font-size:.95rem}}.Stage3-module-scss-module__fHWHaq__backButton,.Stage3-module-scss-module__fHWHaq__nextButton{-webkit-backdrop-filter:blur(12px);color:#333;cursor:pointer;z-index:50;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #0000000f,inset 0 2px 4px #fffc}.Stage3-module-scss-module__fHWHaq__backButton svg,.Stage3-module-scss-module__fHWHaq__nextButton svg{width:22px;height:22px;transition:transform .3s}.Stage3-module-scss-module__fHWHaq__backButton:hover,.Stage3-module-scss-module__fHWHaq__nextButton:hover{color:#c8a377;background:#fff;border-color:#c8a377;transform:translateY(-50%)scale(1.05);box-shadow:0 10px 25px #c8a37740,inset 0 2px 4px #fff}@media (max-width:768px){.Stage3-module-scss-module__fHWHaq__backButton,.Stage3-module-scss-module__fHWHaq__nextButton{width:42px;height:42px;top:20px;transform:none}.Stage3-module-scss-module__fHWHaq__backButton:hover,.Stage3-module-scss-module__fHWHaq__nextButton:hover{transform:scale(1.05)}}.Stage3-module-scss-module__fHWHaq__backButton{left:calc(50% - 220px)}.Stage3-module-scss-module__fHWHaq__backButton:hover svg{transform:translate(-4px)}@media (max-width:768px){.Stage3-module-scss-module__fHWHaq__backButton{left:20px}}.Stage3-module-scss-module__fHWHaq__nextButton{right:calc(50% - 220px)}.Stage3-module-scss-module__fHWHaq__nextButton:hover svg{transform:translate(4px)}@media (max-width:768px){.Stage3-module-scss-module__fHWHaq__nextButton{right:20px}}.Stage3-module-scss-module__fHWHaq__bucketWrapper{z-index:5;justify-content:center;align-items:flex-end;width:260px;height:260px;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.Stage3-module-scss-module__fHWHaq__timerBadge{-webkit-backdrop-filter:blur(10px);color:#c8a377;z-index:20;background:#ffffffd9;border:1px solid #c8a3774d;border-radius:40px;align-items:center;gap:10px;padding:8px 18px;font-size:1.25rem;font-weight:700;display:flex;position:absolute;bottom:calc(50% + 140px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000000f}.Stage3-module-scss-module__fHWHaq__timerBadge svg{width:22px;height:22px}.Stage3-module-scss-module__fHWHaq__progressContainer{z-index:10;background-color:#0000000d;border-radius:4px;width:220px;height:8px;position:absolute;top:calc(55% + 160px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px 3px #0000001a}.Stage3-module-scss-module__fHWHaq__progressBar{background-color:gray;border-radius:4px;height:100%;transition:width .1s linear}.Stage3-module-scss-module__fHWHaq__bucket{-webkit-backdrop-filter:blur(12px);z-index:1;background:linear-gradient(135deg,#fffffff2 0%,#f8f8f899 100%);border:1px solid #fffc;border-radius:0 0 40px 40px;align-items:flex-end;width:220px;height:200px;display:flex;position:absolute;bottom:0;overflow:hidden;box-shadow:0 24px 48px #0000000f,0 8px 16px #00000008,inset 0 2px 4px #fff,inset 0 -10px 20px #00000005}.Stage3-module-scss-module__fHWHaq__rawIngredients{z-index:2;width:100%;height:100%;position:absolute;bottom:0;left:0}.Stage3-module-scss-module__fHWHaq__powderSvg{width:100%;height:200px;position:absolute;bottom:0;left:0}.Stage3-module-scss-module__fHWHaq__waterLayer{-webkit-backdrop-filter:blur(3px);background:linear-gradient(#a8c0cb66 0%,#a8c0cbb3 100%);border-top:2px solid #ffffffb3;border-radius:0 0 40px 40px;width:100%;height:20%;position:absolute;bottom:0;left:0;box-shadow:inset 0 4px 10px #ffffff4d}.Stage3-module-scss-module__fHWHaq__mixedPaste{z-index:3;border-radius:0 0 40px 40px;width:100%;height:80%;position:absolute;bottom:0;left:0;overflow:hidden}.Stage3-module-scss-module__fHWHaq__pasteSvg{width:100%;height:100%;position:absolute;bottom:0;left:0}.Stage3-module-scss-module__fHWHaq__pasteShadowOverlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 10px 25px #0000000f}.Stage3-module-scss-module__fHWHaq__mixerTool{cursor:grab;z-index:10;touch-action:none;background-color:#d1a373;background-image:repeating-radial-gradient(at 50% -20%,#0000,#0000 15px,#6432140d 16px 18px),repeating-linear-gradient(92deg,#0000,#0000 3px,#6432140a 4px 5px),linear-gradient(90deg,#00000026 0%,#ffffff26 40%,#0000001a 100%);border:1px solid #b8865c;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;width:32px;height:190px;padding-top:25px;transition:box-shadow .2s;display:flex;position:absolute;top:0;box-shadow:0 15px 30px #00000026,inset 2px 2px 4px #ffffff26,inset -2px -2px 4px #0000001a}.Stage3-module-scss-module__fHWHaq__mixerTool:active{cursor:grabbing;box-shadow:0 8px 15px #0000001a,inset 2px 2px 4px #ffffff26,inset -2px -2px 4px #0000001a}.Stage3-module-scss-module__fHWHaq__gripLine{background-color:#461e0a40;border-radius:2px;width:14px;height:2px;box-shadow:inset 0 1px 1px #00000026,0 1px #ffffff40}
.Stage4-module-scss-module__JyGD9a__stageContainer{width:100%;min-height:max(100vh - 80px,680px);position:relative}@media (max-width:1200px){.Stage4-module-scss-module__JyGD9a__stageContainer{min-height:calc(100dvh - 80px)}}.Stage4-module-scss-module__JyGD9a__stageContainer{background-color:#0000;overflow:hidden auto}.Stage4-module-scss-module__JyGD9a__textWrap{text-align:center;z-index:10;width:100%;padding:0 20px;position:absolute;top:50px;left:0}.Stage4-module-scss-module__JyGD9a__title{color:var(--text-primary,#333);margin-bottom:.8rem;font-size:1.8rem;font-weight:700}@media (max-width:768px){.Stage4-module-scss-module__JyGD9a__title{font-size:1.4rem}}.Stage4-module-scss-module__JyGD9a__subtitle{color:#777;font-size:1.05rem;font-weight:300;line-height:1.6}@media (max-width:768px){.Stage4-module-scss-module__JyGD9a__subtitle{font-size:.95rem}}.Stage4-module-scss-module__JyGD9a__backButton{-webkit-backdrop-filter:blur(12px);color:#333;cursor:pointer;z-index:50;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;left:calc(50% - 220px);transform:translateY(-50%);box-shadow:0 8px 20px #0000000f,inset 0 2px 4px #fffc}.Stage4-module-scss-module__JyGD9a__backButton svg{width:22px;height:22px;transition:transform .3s}.Stage4-module-scss-module__JyGD9a__backButton:hover{color:#c8a377;background:#fff;border-color:#c8a377;transform:translateY(-50%)scale(1.05);box-shadow:0 10px 25px #c8a37740,inset 0 2px 4px #fff}.Stage4-module-scss-module__JyGD9a__backButton:hover svg{transform:translate(-4px)}@media (max-width:768px){.Stage4-module-scss-module__JyGD9a__backButton{width:42px;height:42px;top:20px;left:20px;transform:none}.Stage4-module-scss-module__JyGD9a__backButton:hover{transform:scale(1.05)}}.Stage4-module-scss-module__JyGD9a__tileWrapper{z-index:5;justify-content:center;align-items:flex-end;width:300px;height:300px;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.Stage4-module-scss-module__JyGD9a__interactionArea{touch-action:none;cursor:crosshair;background:#e6e6e6;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 40px #00000014,inset 0 4px 8px #0000000d}.Stage4-module-scss-module__JyGD9a__drawingCanvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.Stage4-module-scss-module__JyGD9a__tilesGrid{z-index:2;pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:14px;width:100%;height:100%;padding:14px;display:grid;position:absolute;top:0;left:0}.Stage4-module-scss-module__JyGD9a__tile{background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);border-radius:6px;box-shadow:0 4px 10px #0000000d,inset 0 1px #fff}.Stage4-module-scss-module__JyGD9a__handIndicator{z-index:20;filter:drop-shadow(0 8px 16px #00000040);position:absolute}.Stage4-module-scss-module__JyGD9a__actionButtons{position:absolute;top:calc(52% + 200px)}@media (max-width:1200px){.Stage4-module-scss-module__JyGD9a__actionButtons{top:calc(52% + 180px)}}@media (max-width:768px){.Stage4-module-scss-module__JyGD9a__actionButtons{top:calc(52% + 170px)}}.Stage4-module-scss-module__JyGD9a__actionButtons{box-sizing:border-box;z-index:20;flex-direction:row-reverse;justify-content:center;gap:12px;width:100%;padding:0 20px;display:flex;left:0}.Stage4-module-scss-module__JyGD9a__primaryBtn,.Stage4-module-scss-module__JyGD9a__secondaryBtn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:140px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.Stage4-module-scss-module__JyGD9a__primaryBtn{color:#fff;background-color:#333;box-shadow:0 4px 12px #0000001a}.Stage4-module-scss-module__JyGD9a__primaryBtn:hover{background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.Stage4-module-scss-module__JyGD9a__secondaryBtn{color:#333;background-color:#fff;border:1px solid #d1d1d1}.Stage4-module-scss-module__JyGD9a__secondaryBtn:hover{background-color:#f7f7f7;transform:translateY(-2px)}