:root{font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;color:#8d5c57;background:#fff2f4;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--rose: #f3a6b7;--rose-deep: #d8798d;--rose-soft: #ffe5eb;--cream: rgba(255, 248, 246, .88);--cream-solid: #fff8f6;--line: rgba(220, 144, 151, .42);--ink: #8a5750;--wood: #ead4bd;--wood-light: #f2ded6;--wood-dark: #c6a084;--shadow: 0 18px 44px rgba(133, 77, 78, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.game-root{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(/assets/kitchen-0.png);background-position:center;background-size:cover;isolation:isolate}.game-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(255,244,246,.25),rgba(255,255,255,.02) 30%,rgba(255,230,236,.26)),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,238,240,.05) 46%,rgba(255,242,245,.16));pointer-events:none}.game-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 50% 57%,rgba(255,255,255,0) 0 38%,rgba(255,237,240,.28) 88%);pointer-events:none}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cake-canvas{width:100%;height:100%;touch-action:none;cursor:default}.piping-mode .cake-canvas{cursor:crosshair}.bottom-menu,.topper-panel{position:absolute;z-index:3;left:50%;transform:translate(-50%);background:linear-gradient(180deg,rgba(255,252,250,.9),rgba(255,235,239,.86));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 0 0 3px #ffffff6b;-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12)}.rotation-controls{position:absolute;z-index:3;left:50%;top:48%;display:flex;justify-content:space-between;width:min(760px,calc(100vw - 28px));transform:translate(-50%,-50%);pointer-events:none}.rotation-button{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,rgba(255,252,250,.92),rgba(255,228,235,.88));border:1px solid rgba(220,144,151,.46);box-shadow:var(--shadow),inset 0 0 0 3px #ffffff7a;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);pointer-events:auto;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.rotation-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,252,250,.98),rgba(255,218,228,.94));box-shadow:0 20px 46px #854d4e3b,inset 0 0 0 3px #ffffff85}.rotation-button:disabled{cursor:default;opacity:.45;transform:none;box-shadow:0 10px 26px #854d4e1c,inset 0 0 0 3px #fff6}.undo-button{position:absolute;left:0;top:-84px}.top-view-button{position:absolute;right:0;top:-84px}.top-view-button:hover,.top-view-button.active,.auto-rotate-button:hover,.auto-rotate-button.active{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,252,250,.98),rgba(255,214,225,.96));box-shadow:0 20px 46px #854d4e3b,inset 0 0 0 3px #ffffff85}.auto-rotate-button{position:absolute;right:0;top:74px}.trash-button{position:absolute;left:0;top:74px}.arrow-icon{display:block;width:17px;height:17px;border-top:3px solid #d8798d;border-left:3px solid #d8798d}.arrow-left{transform:translate(3px) rotate(-45deg)}.arrow-right{transform:translate(-3px) rotate(135deg)}.arrow-up{transform:translateY(4px) rotate(45deg)}.arrow-down{transform:translateY(-4px) rotate(-135deg)}.auto-icon{display:block;position:relative;width:18px;height:18px}.auto-play{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #d8798d;transform:translate(2px)}.auto-pause:before,.auto-pause:after{content:"";position:absolute;top:1px;width:5px;height:16px;border-radius:4px;background:#d8798d;box-shadow:inset -1px -2px #9143521f}.auto-pause:before{left:3px}.auto-pause:after{right:3px}.undo-icon{position:relative;display:block;width:24px;height:22px}.undo-icon:before{content:"";position:absolute;left:5px;top:6px;width:14px;height:12px;border:3px solid #d8798d;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-26deg)}.undo-icon:after{content:"";position:absolute;left:2px;top:5px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #d8798d;transform:rotate(-14deg)}.trash-icon{position:relative;display:block;width:21px;height:24px}.trash-icon:before{content:"";position:absolute;left:4px;top:8px;width:13px;height:13px;border:3px solid #d8798d;border-top-width:2px;border-radius:2px 2px 4px 4px;box-shadow:inset 4px 0 #d8798d2e,inset -4px 0 #d8798d2e}.trash-icon:after{content:"";position:absolute;left:2px;top:3px;width:17px;height:3px;border-radius:999px;background:#d8798d;box-shadow:6px -4px 0 -1px #d8798d}.bottom-menu{bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:min(620px,calc(100vw - 32px));min-height:70px;padding:6px;border-radius:28px}.menu-button{position:relative;display:grid;grid-template-rows:36px 20px;align-items:center;justify-items:center;gap:4px;min-width:0;min-height:56px;padding:6px 8px 5px;border-radius:22px;background:rgba(255,249,248,.55);color:var(--ink);font-size:15px;font-weight:760;line-height:1;letter-spacing:0;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.menu-button:hover,.menu-button.active{transform:translateY(-1px);color:var(--rose-deep);background:rgba(255,244,247,.94);box-shadow:inset 0 0 0 2px #f0a1af7a,0 8px 18px #97565b1a}.menu-glyph,.shape-preview{position:relative;display:block}.menu-glyph{width:36px;height:36px}.glyph-colors{width:27px;height:34px;border-radius:50% 50% 56% 56%;background:linear-gradient(155deg,#fff1f5 0 28%,#f8a7b8 70%,#d9798f 100%);box-shadow:inset -5px -6px #b9526914,0 5px 9px #8e4f561f;transform:rotate(12deg)}.glyph-colors:after{content:"";position:absolute;left:7px;top:6px;width:8px;height:13px;border-radius:50%;background:rgba(255,255,255,.58)}.glyph-piping{width:32px;height:39px;border-radius:18px 18px 8px 8px;background:linear-gradient(155deg,#fffdf7 0 50%,#f6b5c4 51%);box-shadow:inset -7px 0 #c479851a,0 5px 9px #8e4f561f;transform:rotate(-23deg)}.glyph-piping:before{content:"";position:absolute;left:11px;top:-7px;width:13px;height:13px;border-radius:50% 50% 5px 5px;background:#f2b3c2}.glyph-piping:after{content:"";position:absolute;left:13px;bottom:-11px;width:10px;height:14px;clip-path:polygon(50% 100%,0 0,100% 0);background:#afa29a}.glyph-toppers{background-image:url(/assets/toppers-realistic/cherry.png);background-position:center;background-repeat:no-repeat;background-size:contain;filter:saturate(1.06) contrast(1.02) drop-shadow(0 5px 7px rgba(142,79,86,.13))}.glyph-sprinkles{width:33px;height:35px;border-radius:9px 9px 12px 12px;border:2px solid rgba(217,135,146,.45);background:radial-gradient(circle at 11px 15px,#ff8fab 0 2px,transparent 3px),radial-gradient(circle at 21px 20px,#87d8cd 0 2px,transparent 3px),radial-gradient(circle at 17px 27px,#f7c766 0 2px,transparent 3px),linear-gradient(180deg,#fffdf9,#ffe2ea);box-shadow:0 5px 9px #8e4f561f}.glyph-sprinkles:before{content:"";position:absolute;left:7px;top:-6px;width:19px;height:7px;border-radius:8px 8px 3px 3px;background:#f0a9b8}.topper-panel{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 84px);width:min(590px,calc(100vw - 40px));padding:15px 16px 17px;border-radius:24px}.topper-panel h1{margin:0 0 12px;color:var(--rose-deep);font-size:17px;font-weight:820;line-height:1;text-align:center;letter-spacing:0}.topper-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.topper-option{display:grid;grid-template-rows:38px 18px;align-items:center;justify-items:center;gap:4px;min-width:0;min-height:68px;padding:8px 6px 7px;border-radius:18px;background:rgba(255,250,248,.58);color:#8d5c57;font-size:13px;font-weight:740;line-height:1;letter-spacing:0;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.topper-option:hover,.topper-option.selected{transform:translateY(-1px);color:var(--rose-deep);background:rgba(255,244,247,.95);box-shadow:inset 0 0 0 2px #f0a1af80,0 7px 16px #97565b1a}.pearl-accent-row{display:flex;justify-content:center;gap:9px;margin-top:11px}.pearl-accent-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;background:rgba(255,250,248,.72);box-shadow:inset 0 0 0 1px #f0a1af57,0 5px 10px #97565b14;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pearl-accent-button span{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92) 0 16%,transparent 17%),linear-gradient(145deg,#fff,var(--pearl-accent));box-shadow:inset -3px -4px #5e608414}.pearl-accent-button:hover,.pearl-accent-button.selected{transform:translateY(-1px);background:rgba(255,244,247,.96);box-shadow:inset 0 0 0 2px #f0a1af9e,0 8px 16px #97565b1f}.shape-preview{width:34px;height:34px;filter:drop-shadow(0 5px 6px rgba(142,79,86,.12))}.color-preview{border-radius:50%;background:radial-gradient(circle at 31% 26%,rgba(255,255,255,.76) 0 13%,transparent 14%),linear-gradient(145deg,var(--option-accent),var(--option-color));border:2px solid rgba(188,112,118,.18);box-shadow:inset -5px -6px #824a5012,0 5px 8px #8e4f561a}.piping-preview{border-radius:12px;background:radial-gradient(circle at 50% 50%,var(--option-accent) 0 12%,transparent 13%),conic-gradient(from 14deg,var(--option-color),var(--option-accent),var(--option-color),#fffaf7,var(--option-color),var(--option-accent),var(--option-color))}.piping-preview-round{border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.75) 0 13%,transparent 14%),linear-gradient(145deg,var(--option-accent),var(--option-color))}.piping-preview-star{background:repeating-conic-gradient(from 8deg,var(--option-color) 0 9deg,var(--option-accent) 10deg 18deg),radial-gradient(circle at 50% 50%,#fff 0 8%,transparent 9%);clip-path:polygon(50% 0,60% 35%,98% 35%,68% 56%,80% 98%,50% 72%,20% 98%,32% 56%,2% 35%,40% 35%)}.piping-preview-shell{background:radial-gradient(ellipse at 8px 20px,var(--option-color) 0 5px,transparent 6px),radial-gradient(ellipse at 17px 18px,var(--option-accent) 0 6px,transparent 7px),radial-gradient(ellipse at 26px 20px,var(--option-color) 0 5px,transparent 6px)}.piping-preview-rosette{border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--option-accent) 0 9%,transparent 10%),repeating-conic-gradient(from 20deg,var(--option-color) 0 12deg,var(--option-accent) 13deg 24deg)}.piping-preview-ribbon{background:linear-gradient(140deg,transparent 0 26%,var(--option-color) 27% 43%,var(--option-accent) 44% 55%,var(--option-color) 56% 72%,transparent 73%),linear-gradient(35deg,transparent 0 32%,rgba(255,255,255,.5) 33% 39%,transparent 40%)}.piping-preview-fringe{background:linear-gradient(180deg,transparent 0 30%,var(--option-color) 31% 78%,transparent 79%),repeating-linear-gradient(90deg,transparent 0 5px,var(--option-accent) 6px 9px,transparent 10px 15px)}.piping-preview-pearls{border-radius:50%;background:radial-gradient(circle at 10px 22px,var(--option-color) 0 4px,transparent 5px),radial-gradient(circle at 18px 16px,#fffdfa 0 5px,transparent 6px),radial-gradient(circle at 26px 22px,var(--option-accent) 0 4px,transparent 5px),linear-gradient(135deg,#fffdf8,#ffe9ef)}.sprinkles-preview{border-radius:10px;background:radial-gradient(circle at 11px 12px,var(--sprinkle-a) 0 3px,transparent 4px),radial-gradient(circle at 23px 15px,var(--sprinkle-b) 0 3px,transparent 4px),radial-gradient(circle at 16px 25px,var(--sprinkle-c) 0 3px,transparent 4px),linear-gradient(135deg,#fffdf8,#ffe9ef);border:1px solid rgba(217,135,146,.35)}.sprinkles-preview:before,.sprinkles-preview:after{content:"";position:absolute;left:8px;top:20px;width:19px;height:4px;border-radius:999px;background:var(--sprinkle-d)}.sprinkles-preview:before{transform:rotate(28deg)}.sprinkles-preview:after{top:7px;left:17px;width:14px;background:var(--sprinkle-c);transform:rotate(-24deg)}.topper-image-preview{background-image:var(--preview-image);background-position:center;background-repeat:no-repeat;background-size:contain;filter:saturate(1.08) contrast(1.02) drop-shadow(0 5px 6px rgba(142,79,86,.12))}.preview-heart{background:linear-gradient(90deg,rgba(94,53,30,.2) 0 4%,transparent 5% 18%,rgba(94,53,30,.18) 19% 23%,transparent 24% 100%),linear-gradient(145deg,var(--wood-light),var(--wood) 58%,var(--wood-dark));clip-path:polygon(50% 96%,10% 48%,12% 22%,31% 7%,50% 22%,69% 7%,88% 22%,90% 48%)}.preview-bow:before,.preview-bow:after{content:"";position:absolute;top:10px;width:17px;height:15px;border-radius:50% 8px;background:linear-gradient(90deg,rgba(94,53,30,.22) 0 7%,transparent 8% 24%,rgba(94,53,30,.2) 25% 30%,transparent 31% 100%),linear-gradient(135deg,var(--wood-light),var(--wood))}.preview-bow:before{left:2px;transform:rotate(16deg)}.preview-bow:after{right:2px;transform:scaleX(-1) rotate(16deg)}.preview-bow{background:radial-gradient(circle at 50% 52%,var(--wood-dark) 0 5px,transparent 6px)}.preview-flower{border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--wood-dark) 0 9%,transparent 10%),conic-gradient(from 12deg,var(--wood-light),var(--wood),#f0cf9b,var(--wood-dark),var(--wood-light),var(--wood),var(--wood-light))}.preview-pearl{background:radial-gradient(circle at 50% 45%,var(--wood-light) 0 21%,transparent 22%),radial-gradient(circle at 31% 60%,var(--wood) 0 14%,transparent 15%),radial-gradient(circle at 65% 65%,var(--wood-dark) 0 14%,transparent 15%),radial-gradient(circle at 67% 32%,#efca93 0 13%,transparent 14%)}.preview-star{background:linear-gradient(90deg,rgba(94,53,30,.2) 0 5%,transparent 6% 24%,rgba(94,53,30,.18) 25% 29%,transparent 30% 100%),linear-gradient(145deg,var(--wood-light),var(--wood) 58%,var(--wood-dark));clip-path:polygon(50% 3%,61% 36%,96% 36%,67% 56%,78% 92%,50% 70%,22% 92%,33% 56%,4% 36%,39% 36%)}.preview-ribbon:before,.preview-ribbon:after{content:"";position:absolute;left:3px;top:15px;width:28px;height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(94,53,30,.22) 0 7%,transparent 8% 26%,rgba(94,53,30,.18) 27% 32%,transparent 33% 100%),linear-gradient(90deg,var(--wood-light),var(--wood),var(--wood-dark))}.preview-ribbon:before{transform:rotate(17deg)}.preview-ribbon:after{transform:rotate(-17deg)}@media (max-width: 760px){.game-root{background-position:48% center}.bottom-menu{width:min(480px,calc(100vw - 22px));min-height:76px;gap:5px;padding:7px;border-radius:23px}.menu-button{grid-template-rows:30px 17px;min-height:62px;padding:7px 4px 6px;border-radius:18px;font-size:12px}.menu-glyph{transform:scale(.82)}.rotation-controls{top:44%;width:calc(100vw - 18px)}.rotation-button{width:48px;height:48px}.top-view-button{right:0;top:-68px}.undo-button{left:0;top:-68px}.auto-rotate-button{right:0;top:60px}.trash-button{left:0;top:60px}.arrow-icon{width:14px;height:14px;border-top-width:3px;border-left-width:3px}.topper-panel{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 88px);width:min(430px,calc(100vw - 22px));padding:12px;border-radius:20px}.topper-panel h1{margin-bottom:10px;font-size:15px}.topper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.topper-option{grid-template-rows:32px 16px;min-height:59px;padding:6px 4px;border-radius:15px;font-size:12px}.shape-preview{transform:scale(.86)}}@media (max-height: 620px){.bottom-menu{min-height:68px}.menu-button{grid-template-rows:26px 16px;min-height:54px}.menu-glyph{transform:scale(.74)}.topper-panel{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 78px);padding:10px}.topper-panel h1{display:none}.topper-option{min-height:54px}.top-view-button,.undo-button{top:-60px}.auto-rotate-button,.trash-button{top:54px}}