:root{font-family:ui-rounded,SF Pro Rounded,Segoe UI,sans-serif;color:#1f332f;background:#d8dfd8;font-synthesis:none;--ink: #1f332f;--forest: #244a42;--coral: #ed704d;--cream: #f8f4eb;--line: rgba(31, 51, 47, .14)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 0%,#edf1ec,#ccd6ce 70%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f0ae3f;outline-offset:2px}.mobile-game{position:relative;width:100%;max-width:520px;height:100dvh;min-height:620px;margin:0 auto;overflow:hidden;background:#dfe7df;box-shadow:0 0 80px #23393138}.game-header{position:absolute;z-index:10;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 16px 8px;display:flex;justify-content:space-between;pointer-events:none}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#f8f4ebc7;color:var(--forest);box-shadow:0 6px 18px #2238311a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto}.playfield{position:absolute;inset:0 0 132px;overflow:hidden;background:#dfe7df}.playfield:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -30px 50px #2740381a}.playfield canvas{display:block;width:100%!important;height:100%!important}.instruction{position:absolute;z-index:4;top:calc(22px + env(safe-area-inset-top));left:56px;right:56px;text-align:center;pointer-events:none}.instruction h1{display:inline-block;margin:0;padding:10px 16px;border:1px solid rgba(31,51,47,.1);border-radius:999px;background:#f8f4ebc7;box-shadow:0 6px 20px #23383114;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:16px;line-height:1.1;letter-spacing:-.02em}.level-dots{display:flex;justify-content:center;gap:5px;margin-top:7px}.level-dots i{width:5px;height:5px;border-radius:50%;background:#1f332f33;transition:width .2s ease,background .2s ease}.level-dots i.active{width:16px;border-radius:99px;background:var(--coral)}.result-symbol{position:absolute;z-index:6;top:calc(88px + env(safe-area-inset-top));left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:#246e4ef0;box-shadow:0 10px 30px #246e4e42;opacity:0;transform:translate(-50%,-8px) scale(.72);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.phase-failed .result-symbol{background:#b14836f0;box-shadow:0 10px 30px #b1483638}.result-symbol.is-visible{opacity:1;transform:translate(-50%) scale(1)}.pivot-marker{position:absolute;z-index:5;left:50%;bottom:18px;width:10px;height:10px;transform:translate(-50%);border:2px solid rgba(31,54,49,.8);border-radius:50%;pointer-events:none}.pivot-marker span{position:absolute;left:50%;bottom:100%;width:1px;height:24px;background:#1f36316b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene-loading,.scene-fallback{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:#536762;text-align:center}.scene-loading{font-size:13px}.scene-fallback strong{color:var(--ink);font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:18px}.scene-fallback span{max-width:240px;font-size:13px;line-height:1.45}.scene-fallback button{min-height:44px;margin-top:8px;padding:0 20px;border:0;border-radius:999px;color:#fff;background:var(--forest);cursor:pointer}.choice-dock{position:absolute;z-index:12;left:0;right:0;bottom:0;height:calc(132px + env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#faf7f0f0;border-top:1px solid rgba(31,51,47,.12);border-radius:24px 24px 0 0;box-shadow:0 -16px 36px #293d361f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.compact-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compact-choice{min-width:0;height:104px;padding:8px;border:1.5px solid #dcdcd4;border-radius:18px;background:#ffffffb3;color:var(--ink);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.compact-choice:active:not(:disabled){transform:scale(.96)}.compact-choice.selected{border-color:var(--coral);background:#fff7f2;box-shadow:0 0 0 3px #ed704d14}.compact-choice:disabled{cursor:wait;opacity:.72}.phase-success .compact-choice.selected{border-color:#3b9369;background:#eff9f2;box-shadow:0 0 0 3px #3b93691a}.phase-failed .compact-choice.selected{border-color:#bb5c49;background:#fff3ef;box-shadow:0 0 0 3px #bb5c4914}.choice-silhouette{display:block;width:100%;height:86px;filter:drop-shadow(0 5px 5px rgba(31,51,47,.12))}.mini-object{position:relative;display:block;height:86px;border-radius:12px;background:#e8ede7;overflow:hidden}.mini-object i,.mini-object b{position:absolute;display:block;left:50%;transform:translate(-50%)}.mini-object i{width:7px;height:43px;bottom:5px;border-radius:6px;background:#dba84d}.mini-object b{top:5px}.mini-object.umbrella b{width:24px;height:22px;border:5px solid #35433f;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translate(-38%) rotate(-18deg)}.mini-object.ladle i{width:5px;background:#829095}.mini-object.ladle b{width:25px;height:25px;border-radius:50%;background:#aab4b7}.mini-object.brush i{background:#477879}.mini-object.brush b{width:29px;height:30px;border-radius:8px;background:repeating-linear-gradient(90deg,#e56b4c 0 3px,#f39975 3px 5px)}.mini-object.hammer i{width:8px;height:53px;bottom:8px;background:#956d47}.mini-object.hammer b{top:10px;width:52px;height:18px;border-radius:5px;background:#547c85}.mini-object.spoon i{width:5px;height:49px;bottom:8px;background:#87969b}.mini-object.spoon b{top:9px;width:27px;height:34px;border-radius:50%;background:#aab6ba}.mini-object.bottle i{width:34px;height:49px;bottom:8px;border-radius:9px 9px 7px 7px;background:#c98261}.mini-object.bottle b{top:8px;width:17px;height:16px;border-radius:4px 4px 2px 2px;background:#425650}.completion-backdrop{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:#18282461;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .22s ease both}.completion-modal{position:relative;width:min(100%,336px);overflow:hidden;padding:44px 28px 24px;border:1px solid rgba(31,51,47,.1);border-radius:28px;background:#faf7f0;box-shadow:0 28px 70px #1d2f2a47;text-align:center;animation:modal-in .32s cubic-bezier(.2,.8,.2,1) both}.modal-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#244a4212;color:var(--ink);cursor:pointer}.completion-mark{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;margin:4px auto 20px;border-radius:24px;color:#fff;background:#3b9369;box-shadow:0 12px 26px #3b93693d;transform:rotate(-4deg)}.completion-modal h2{position:relative;z-index:1;margin:0;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:28px;line-height:1.1;letter-spacing:-.03em}.completion-modal p{position:relative;z-index:1;margin:8px 0 0;color:#70817c;font-size:14px}.start-modal{padding-top:32px}.start-modal .eyebrow{margin:0 0 8px;color:var(--coral)}.start-modal .completion-mark{margin-bottom:18px;transform:rotate(-45deg)}.start-modal .replay-button{margin-top:24px}.start-screen{position:absolute;z-index:60;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(64px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#dfe7df2e,#1f332f14 42%,#182824c2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-brand{max-width:300px;margin:0 auto;padding:18px 22px;border:1px solid rgba(248,244,235,.65);border-radius:24px;color:var(--ink);background:#f8f4ebd1;box-shadow:0 14px 35px #1d2f2a29;text-align:center}.start-brand .eyebrow{margin-bottom:8px}.start-brand h2{margin:0;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:27px;letter-spacing:-.04em}.start-brand p:last-child{margin:9px 0 0;color:#60736d;font-size:13px;line-height:1.4}.start-actions{width:min(100%,300px);display:grid;gap:10px;margin:0 auto}.start-play,.start-settings-button{min-height:56px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:17px;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-weight:900;cursor:pointer}.start-play{border:0;color:#fff;background:var(--coral);box-shadow:0 12px 24px #ed704d4d;font-size:17px}.start-settings-button{border:1px solid rgba(248,244,235,.68);color:var(--ink);background:#f8f4ebe0;box-shadow:0 8px 20px #1d2f2a24;font-size:14px}.start-settings-panel{width:min(100%,340px);margin:auto;padding:20px;border:1px solid rgba(248,244,235,.7);border-radius:24px;background:#f8f4ebf2;box-shadow:0 18px 40px #1d2f2a33}.start-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:20px}.start-settings-heading button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;color:var(--ink);background:#244a4214;cursor:pointer}.start-settings-panel .sound-toggle{width:100%;margin:10px 0 0}.start-settings-panel .volume-controls{margin-top:14px}.start-settings-play{width:100%;margin-top:16px}.star-result{position:relative;z-index:1;display:flex;justify-content:center;gap:8px;margin:20px 0 28px;color:#e5ad2e}.replay-button{position:relative;z-index:1;width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;color:#fff;background:var(--coral);box-shadow:0 10px 22px #ed704d3d;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:16px;font-weight:900;cursor:pointer}.challenge-confetti-canvas{position:fixed;inset:0;z-index:49;width:100vw;height:100vh;pointer-events:none}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;width:8px;height:14px;border-radius:2px;background:#ed704d;transform:rotate(24deg)}.confetti i:nth-child(1){top:56px;left:38px;background:#e5b63d;transform:rotate(-28deg)}.confetti i:nth-child(2){top:92px;right:40px;background:#547c85;transform:rotate(38deg)}.confetti i:nth-child(3){top:146px;left:25px;height:8px;border-radius:50%;background:#3b9369}.confetti i:nth-child(4){top:166px;right:28px;background:#df7656;transform:rotate(-45deg)}.confetti i:nth-child(5){top:30px;left:94px;width:6px;height:6px;border-radius:50%;background:#547c85}.confetti i:nth-child(6){top:38px;right:92px;width:6px;height:10px;background:#e5b63d}.confetti i:nth-child(7){top:214px;left:46px;width:6px;height:6px;background:#547c85}.confetti i:nth-child(8){top:224px;right:48px;width:7px;height:7px;border-radius:50%;background:#3b9369}.confetti i:nth-child(9){top:118px;left:68px;width:6px;height:6px;background:#e5b63d;transform:rotate(45deg)}.level-modal{padding-top:34px}.level-modal h2{margin-top:4px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px}.level-grid button{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center;padding:4px;border:1px solid rgba(31,51,47,.13);border-radius:12px;color:var(--ink);background:#f1efe8;cursor:pointer}.level-grid button.current{border-color:var(--coral);background:#fff2eb;box-shadow:0 0 0 2px #ed704d1a}.level-grid button:disabled{color:#aeb8b4;background:#e8e8e3;cursor:not-allowed}.level-grid button strong{font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:15px}.level-grid button span{position:absolute;right:4px;bottom:3px;display:flex;align-items:center;gap:1px;color:#c89320;font-size:8px;font-weight:800}.sound-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:0 16px;border:1px solid rgba(31,51,47,.12);border-radius:999px;color:#536762;background:#f0eee7;font-size:12px;font-weight:700;cursor:pointer}.sound-toggle+.sound-toggle{margin-left:6px}.volume-controls{display:grid;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid rgba(31,51,47,.1);border-radius:16px;background:#f2f0e9;text-align:left}.volume-control{display:grid;gap:8px;color:#536762;font-size:12px;font-weight:700}.volume-control span{display:flex;align-items:center;gap:6px}.volume-control output{margin-left:auto;color:var(--coral);font-variant-numeric:tabular-nums}.volume-control input{width:100%;min-height:24px;accent-color:var(--coral);cursor:pointer}.manage-levels-link{display:block;margin-top:18px;color:var(--forest);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.level-manager{width:100%;min-height:100dvh;overflow:auto;padding:calc(20px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));color:var(--ink);background:radial-gradient(circle at 50% 0%,#edf1ec,#d5dfd7 70%)}.manager-header,.manager-intro,.difficulty-list,.manager-footer{width:min(100%,680px);margin:0 auto}.manager-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px}.manager-header h1{margin:2px 0 0;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:28px;letter-spacing:-.03em}.manager-back,.manager-reset{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--forest);background:#f8f4ebcc;box-shadow:0 6px 18px #2238311a;text-decoration:none;cursor:pointer}.manager-reset{justify-self:end}.eyebrow{margin:0;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.manager-intro{margin-top:28px;padding:20px;border:1px solid rgba(31,51,47,.1);border-radius:24px;background:#f8f4ebc2;box-shadow:0 12px 30px #23383114}.manager-intro h2{margin:0;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:20px}.manager-intro p{margin:8px 0 0;color:#60736d;font-size:13px;line-height:1.5}.difficulty-list{display:grid;gap:12px;margin-top:16px}.difficulty-card{padding:16px;border:1px solid rgba(31,51,47,.1);border-radius:20px;background:#faf7f0e6;box-shadow:0 8px 22px #23383112}.difficulty-card-heading{display:flex;align-items:center;justify-content:space-between}.difficulty-level{display:block;color:#60736d;font-size:12px;font-weight:700}.difficulty-card-heading strong{display:block;margin-top:3px;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:16px}.difficulty-card-heading output{color:var(--coral);font-family:ui-rounded,SF Pro Rounded,sans-serif;font-size:28px;font-weight:900}.difficulty-card-heading output small{color:#87958f;font-size:12px}.difficulty-control{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-top:14px}.difficulty-control button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(31,51,47,.12);border-radius:14px;color:var(--forest);background:#f0eee7;cursor:pointer}.difficulty-control button:disabled{color:#b7c0bc;cursor:not-allowed;opacity:.6}.difficulty-control input{width:100%;accent-color:var(--coral);cursor:pointer}.difficulty-scale{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:12px}.difficulty-scale i{height:5px;border-radius:99px;background:#dce1db}.difficulty-scale i.active{background:var(--coral)}.manager-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 0 max(4px,env(safe-area-inset-bottom));color:#60736d;font-size:12px}.manager-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-radius:16px;color:#fff;background:var(--coral);box-shadow:0 10px 22px #ed704d3d;font-family:ui-rounded,SF Pro Rounded,sans-serif;font-weight:900;cursor:pointer}.tutorial-modal{padding-top:48px;text-align:left}.tutorial-modal .eyebrow{margin:0 0 8px;color:var(--coral);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tutorial-modal h2{max-width:240px}.tutorial-steps{display:grid;gap:12px;margin:24px 0 28px;padding:0;list-style:none}.tutorial-steps li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;min-height:52px;padding:8px 12px 8px 8px;border:1px solid rgba(31,51,47,.09);border-radius:16px;background:#f2f0e9}.tutorial-steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:var(--forest);font-family:ui-rounded,SF Pro Rounded,sans-serif}.tutorial-steps span{color:#536762;font-size:13px;line-height:1.35}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@media(min-width:521px){.mobile-game{border-left:1px solid rgba(31,51,47,.1);border-right:1px solid rgba(31,51,47,.1)}}@media(max-width:430px){.manager-footer{align-items:stretch;flex-direction:column-reverse}.manager-save{width:100%}}@media(max-height:700px){.playfield{bottom:116px}.choice-dock{height:calc(116px + env(safe-area-inset-bottom));padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.compact-choice{height:96px}.mini-object,.choice-silhouette{height:76px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}