: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}.retry-tip{position:absolute;z-index:7;left:50%;bottom:34px;min-height:36px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(152,65,50,.18);border-radius:999px;color:#874638;background:#fff7f2eb;box-shadow:0 8px 20px #3e312c1f;font-size:12px;font-weight:700;white-space:nowrap;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tip-in .22s ease both}.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}.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}.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}.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)}}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,8px)}}@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-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}}