:root{color:#553833;font-synthesis:none;text-rendering:optimizelegibility;background:#fff7e7;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body{overscroll-behavior:none;width:100%;min-width:320px;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}#app{width:100%;max-width:100%;min-height:100svh;overflow-x:hidden}body{background:radial-gradient(circle at 15% 10%,#fff 0 3px,#0000 4px) 0 0/42px 42px,radial-gradient(circle at 82% 18%,#ffd8de 0 5px,#0000 6px) 0 0/70px 70px,linear-gradient(160deg,#fffdf6,#fff0d1);min-height:100svh}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:4px solid #245b9e}.app-shell{width:min(100%,1100px);min-height:100svh;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));grid-template-rows:auto 1fr;gap:.75rem;margin:0 auto;display:grid}.game-header{justify-content:space-between;align-items:center;display:flex}.game-header h1{color:#e24f70;letter-spacing:.02em;text-shadow:0 2px #fff;text-align:center;flex:1;margin:0;font-size:clamp(1.05rem,3.8vw,1.8rem)}.home-button,.sound-button,.header-reset-button{cursor:pointer;background:#fff;border:3px solid #dca653;border-radius:50%;flex:none;place-items:center;width:3.25rem;height:3.25rem;font-size:1.45rem;display:grid}.header-actions{gap:.4rem;display:flex}.header-reset-button{color:#63483f;border-color:#b78a62}.header-reset-button[hidden]{display:none}.home-button{color:inherit;border:3px solid #6ca3a8;text-decoration:none}.home-button:focus-visible{outline-offset:4px;outline:4px solid #245b9e}.next-button:disabled{opacity:.48}.sound-button--muted{background:#f2ece9;border-color:#8b7771}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(.75rem,3vw,2rem);min-height:0;display:grid}.cake-preview,.controls{border:4px solid #ffffffe0;border-radius:clamp(1.5rem,4vw,2.5rem);box-shadow:0 10px #a3663d1f,0 18px 35px #754a2d1f}.cake-preview{background:linear-gradient(#cdeefa 0 70%,#f8dfb7 70%);align-content:center;place-items:center;min-height:min(62svh,620px);padding:clamp(1rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.cake{--cake-color:#f2c879;--cake-accent:#fff1bd;filter:drop-shadow(0 15px 10px #4a2b2226);width:min(70vw,390px);position:relative}.cake__frosting{z-index:3;background:radial-gradient(ellipse at 50% 38%, var(--cream-accent) 0 32%, transparent 33%), var(--cream-color);opacity:0;border:5px solid #6f4635;border-radius:50%;width:97%;height:clamp(65px,12vw,105px);position:absolute;top:-7px;left:1.5%}.cake__frosting--visible{opacity:1}.cake__upper-tier{z-index:5;filter:drop-shadow(0 6px 4px #4a2b221f);display:none;position:absolute;left:50%;transform:translate(-50%)}.cake__upper-tier--one{width:70%;top:-58px}.cake__upper-tier--two{width:47%;top:-108px}.cake[data-tiers="2"]{margin-top:58px}.cake[data-tiers="3"]{margin-top:108px}.cake[data-tiers="2"] .cake__upper-tier--one,.cake[data-tiers="3"] .cake__upper-tier{display:block}.cake__upper-tier-top{z-index:2;background:var(--cake-accent);border:4px solid #6f4635;border-radius:50%;height:48px;position:relative}.cake--cream-visible .cake__upper-tier-top{background:radial-gradient(ellipse at 50% 38%, var(--cream-accent) 0 32%, transparent 33%), var(--cream-color)}.cake__upper-tier-body{z-index:1;background:repeating-linear-gradient(0deg, var(--cake-color) 0 15px, var(--cake-accent) 16px 22px);border:4px solid #6f4635;border-top:0;border-radius:0 0 42% 42%/0 0 25% 25%;height:72px;margin-top:-24px;position:relative}.decoration-layer{z-index:7;border-radius:inherit;width:96%;height:96%;position:absolute;top:2%;left:2%}.placed-decoration{filter:drop-shadow(0 3px 2px #4e2c203d);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;width:clamp(38px,8vw,54px);height:clamp(38px,8vw,54px);padding:0;font-size:clamp(1.35rem,5vw,2rem);line-height:1;position:absolute;transform:translate(-50%,-50%)}.decoration-delete-target{z-index:12;opacity:.72;pointer-events:none;background:#ffffffe0;border:4px solid #fff;border-radius:50%;place-items:center;width:clamp(52px,13vw,68px);height:clamp(52px,13vw,68px);font-size:clamp(1.6rem,7vw,2.35rem);transition:opacity .12s,transform .12s,background-color .12s;display:grid;position:absolute;top:.6rem;left:.6rem;box-shadow:0 4px #9c8075}.decoration-delete-target[hidden]{display:none}.decoration-delete-target--active{opacity:1;transform:scale(1.12)}.decoration-delete-target--over{background:#ffd6d6;outline:6px solid #d64545;transform:scale(1.28)}.cake__top{z-index:2;background:var(--cake-accent);border:5px solid #6f4635;border-radius:50%;height:clamp(65px,12vw,105px);position:relative}.cake__body{z-index:1;background:repeating-linear-gradient(0deg, var(--cake-color) 0 22px, var(--cake-accent) 23px 31px);border:5px solid #6f4635;border-top:0;border-radius:0 0 45% 45%/0 0 28% 28%;height:clamp(100px,18vw,155px);margin:calc(clamp(65px,12vw,105px)/-2) 0 0;position:relative}.cake__plate{z-index:0;background:radial-gradient(at 50% 18%,#fff 0 34%,#dff8fa 35% 57%,#9dd8df 58% 72%,#6caab4 73% 100%);border:4px solid #548994;border-radius:50%;width:126%;height:46px;margin:-12px -13% 0;position:relative;box-shadow:inset 0 5px #ffffffd9,inset 0 -7px 8px #32737f40,0 8px 7px #4a2b222e}.controls{background:#ffffffe0;min-width:0;padding:clamp(1rem,3vw,2rem)}.choice-panel,.decoration-panel{min-width:0}.choice-panel h2{text-align:center;margin:0 0 1rem;font-size:clamp(1.3rem,4vw,2rem)}.option-choices{grid-template-columns:repeat(var(--choice-columns), 1fr);gap:.8rem;display:grid}.option-choice{--option-color:#f2c879;--option-accent:#fff1bd;color:#553833;cursor:pointer;background:#fffaf1;border:4px solid #d9b88a;border-radius:1.25rem;place-items:center;gap:.3rem;min-width:0;min-height:112px;padding:.65rem .4rem;display:grid;position:relative;box-shadow:0 5px #d9b88a}.option-choice:active{transform:translateY(3px);box-shadow:0 2px #d9b88a}.option-choice--selected{background:#eafff3;border-color:#2f7c65;box-shadow:0 5px #2f7c65}.option-choice__picture{background:repeating-linear-gradient(0deg, var(--option-color) 0 12px, var(--option-accent) 13px 18px);border:3px solid #70483b;border-radius:50% 50% 35% 35%;width:64px;height:43px}.option-choice__picture--cream{background:radial-gradient(circle at 35% 40%, var(--option-accent) 0 18%, transparent 19%), radial-gradient(circle at 65% 40%, var(--option-accent) 0 18%, transparent 19%), var(--option-color);border-radius:55% 55% 45% 45%;height:48px}.option-choice__picture--tier{border-radius:50% 50% 30% 30%;height:27px;position:relative}.option-choice[data-choice-id="2"] .option-choice__picture--tier:before,.option-choice[data-choice-id="3"] .option-choice__picture--tier:before,.option-choice[data-choice-id="3"] .option-choice__picture--tier:after{background:repeating-linear-gradient(0deg, var(--option-color) 0 7px, var(--option-accent) 8px 11px);content:"";border:3px solid #70483b;border-radius:50% 50% 30% 30%;height:20px;position:absolute;left:50%;transform:translate(-50%)}.option-choice[data-choice-id="2"] .option-choice__picture--tier:before,.option-choice[data-choice-id="3"] .option-choice__picture--tier:before{width:72%;top:-19px}.option-choice[data-choice-id="3"] .option-choice__picture--tier:after{width:48%;top:-36px}.option-choice__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.85rem,2.8vw,1.15rem);font-weight:800;overflow:hidden}.option-choice__check{color:#fff;background:#2f7c65;border:3px solid #fff;border-radius:50%;width:2rem;height:2rem;font-size:1.25rem;font-weight:900;line-height:1.55rem;display:none;position:absolute;top:-.7rem;right:-.5rem}.option-choice--selected .option-choice__check{display:block}.next-button{color:#fff;background:#e24f70;border:0;border-radius:999px;width:100%;min-height:58px;margin-top:1.25rem;font-size:1.25rem;font-weight:800;box-shadow:0 6px #a93150}.navigation-row{grid-template-columns:.8fr 1.2fr;gap:.75rem;margin-top:1.25rem;display:grid}.navigation-row .next-button{margin-top:0}.decoration-choices{contain:inline-size paint;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#d9b88a transparent;scrollbar-width:thin;grid-auto-columns:27%;grid-auto-flow:column;gap:.55rem;width:100%;min-width:0;max-width:100%;padding:.15rem .35rem .55rem .1rem;display:grid;overflow-x:auto}.decoration-choice{color:#553833;cursor:grab;touch-action:pan-x;scroll-snap-align:start;background:#fffaf1;border:3px solid #d9b88a;border-radius:1rem;place-items:center;min-width:0;min-height:68px;padding:.4rem .2rem;display:grid;box-shadow:0 4px #d9b88a}.decoration-choice span:first-child{font-size:clamp(2rem,7vw,3rem)}.decoration-choice[data-decoration-id=choco-plate] span:first-child,.placed-decoration[aria-label^=チョコプレート]{color:#6b321f;text-shadow:0 2px 1px #3d190f40;font-family:Georgia,serif}.decoration-choice[data-decoration-id=cream-dollop] span:first-child,.decoration-drag-ghost[data-decoration-id=cream-dollop],.placed-decoration[data-decoration-id=cream-dollop]{color:#0000;text-shadow:none;background:url(/assets/decorations/whipped-cream.png) 50%/contain no-repeat}.decoration-choice[data-decoration-id=cream-dollop] span:first-child{width:1.2em;height:1.2em;display:block}.decoration-drag-ghost[data-decoration-id=cream-dollop]{width:clamp(4rem,18vw,6rem);height:clamp(4rem,18vw,6rem)}.decoration-drag-ghost{z-index:1000;pointer-events:none;filter:drop-shadow(0 5px 4px #4e2c2047);font-size:clamp(3rem,14vw,5rem);line-height:1;position:fixed;transform:translate(-50%,-60%)scale(1.08)}.undo-button{color:#285d4c;background:#eafff3;border:3px solid #318267;border-radius:999px;min-height:58px;font-size:clamp(.8rem,2.5vw,1rem);font-weight:800;box-shadow:0 5px #318267}.undo-button:disabled{opacity:.42}.finish-button,.restart-button{color:#fff;background:#b92e54;border:0;border-radius:999px;width:100%;min-height:64px;margin-top:1rem;font-size:clamp(1.05rem,3.6vw,1.4rem);font-weight:900;box-shadow:0 6px #a93150}.final-actions{grid-template-columns:1fr;align-items:end;gap:.75rem;margin-top:1rem;display:grid}.final-actions .finish-button{margin-top:0}.controls--complete{height:var(--locked-controls-height,auto);background:linear-gradient(145deg,#fffffff5,#ffeec8f5)}.cake-preview--complete{background:radial-gradient(circle at 20% 20%,#fff 0 6px,#0000 7px) 0 0/70px 70px,radial-gradient(circle at 80% 32%,#ffd45e 0 7px,#0000 8px) 0 0/90px 90px,linear-gradient(#cdeefa 0 70%,#f8dfb7 70%)}.complete-panel{text-align:center;place-content:center;min-height:330px;display:grid}.complete-panel[hidden]{display:none}.complete-panel h2{color:#e24f70;text-shadow:0 3px #fff;margin:.4rem 0;font-size:clamp(2rem,8vw,3.75rem)}.complete-panel p{margin:0 0 1.25rem;font-size:clamp(1rem,3.5vw,1.4rem);font-weight:800}.celebration{font-size:clamp(2rem,8vw,3.5rem);animation:1.8s ease-in-out infinite alternate gentle-celebration}.restart-button{background:#318267;min-width:min(70vw,320px);margin-top:0;box-shadow:0 6px #205a46}@keyframes gentle-celebration{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.04)}}.back-button{color:#63483f;background:#fffaf1;border:3px solid #b78a62;border-radius:999px;min-height:58px;font-size:1.05rem;font-weight:800;box-shadow:0 5px #d9b88a}@media (width<=760px){.workspace{grid-template-columns:1fr;align-content:start}.cake-preview{background:linear-gradient(#dff5ff,#bde8f5);align-content:end;min-height:40svh;padding:.75rem .75rem .4rem}.cake{width:min(82vw,390px)}.placed-decoration{width:clamp(52px,14vw,70px);height:clamp(52px,14vw,70px);font-size:clamp(2.15rem,9.5vw,3.2rem)}}@media (width<=760px) and (orientation:portrait){body{overflow-y:auto}.app-shell{min-height:100dvh;overflow-x:hidden}.workspace{grid-template-rows:minmax(min-content,1fr) auto;align-content:stretch;min-height:0}.cake-preview{height:100%;min-height:0}.controls--complete{padding:.7rem 1rem}.complete-panel{min-height:168px}.complete-panel h2{margin:.1rem 0;font-size:clamp(1.75rem,7vw,2.5rem)}.complete-panel p{margin-bottom:.55rem;font-size:.95rem}.celebration{font-size:clamp(1.5rem,6vw,2.2rem)}.restart-button{min-height:54px}}@media (width<=380px){.option-choice{min-height:96px}.option-choice__picture{width:52px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}