.craft-hud{margin:22px 0 26px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.craft-hud>div:first-child{display:flex;justify-content:space-between;align-items:center}.craft-live-label{font-size:13px;color:var(--green)}.craft-count{font-size:20px;font-weight:400;color:#9c7940;font-variant-numeric:tabular-nums}.craft-meter{height:3px;background:#dedccc;margin-top:17px;overflow:hidden}.craft-meter>span{display:block;width:100%;height:100%;background:#a38042;transform-origin:left center}.craft-gesture{font-size:14px;line-height:1.95;margin:17px 0 0;color:#657364;max-width:32ch}.sunlight-control{display:flex;align-items:center;gap:15px;margin-top:23px;font-size:12px;color:#9a7741}.sunlight-control input{width:100%;accent-color:#ab864b;cursor:ew-resize;height:30px}.craft-page .workbench{height:540px;border-radius:170px 170px 10px 10px;border:1px solid #dbd5bb}.craft-page .lens-surface>img{opacity:.4}.craft-page .completed .lens-surface>img{opacity:1}.craft-playground{position:absolute;inset:65px 20px 82px;z-index:2;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse at 50% 60%,#f4ecd9e8,#f4ecd995 62%,transparent 85%);border-radius:40%;isolation:isolate}.craft-sunlight{position:absolute;inset:-40px;background:radial-gradient(ellipse at 80% 10%,#ffefb5ac,transparent 70%);opacity:0;pointer-events:none;z-index:-1}.drop-frame{position:absolute;left:45%;top:12%;width:43%;height:72%;border-radius:50%;background:#eee5ca8c}.drop-frame svg{width:100%;height:100%;overflow:visible}.drop-frame>span{position:absolute;top:46%;left:0;width:100%;text-align:center;font-family:var(--serif);font-size:19px;color:#a58a56}.skin-piece{position:absolute;left:8%;top:20%;width:29%;height:65%;cursor:grab;touch-action:none;filter:drop-shadow(0 8px 8px #71502d24);outline-offset:8px}.skin-piece>svg{width:100%;height:100%;pointer-events:none}.skin-piece>span{display:block;font-size:12px;color:#775d3e;text-align:center;white-space:nowrap;margin-top:-10px}.skin-piece:active{cursor:grabbing}.dry-material,.path-scene{width:100%;height:100%;overflow:visible;pointer-events:none}.dry-sheet{transform-origin:40% 25%}.leather-pad{position:absolute;left:17%;top:20%;width:61%;height:75%;transform:rotate(84deg);transform-origin:center}.leather-pad svg{width:100%;height:100%}.game-hammer{position:absolute;left:46%;top:6%;width:28%;height:65%;pointer-events:none;filter:drop-shadow(3px 6px 2px #65452425);transform:rotate(-15deg)}.game-hammer svg{width:100%;height:100%}.tap-work{position:absolute;inset:20% 15% 5%;background:transparent;border:0;touch-action:manipulation}.tap-work span{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:1px;color:#846b45;background:#fff8e7c7;border:1px solid #f5e6bc;padding:9px 17px;border-radius:30px;white-space:nowrap}.craft-playground[data-game-stage="3"]{touch-action:none;cursor:crosshair}.craft-playground[data-game-stage="4"]{touch-action:pan-y;cursor:pointer}.path-checkpoint{filter:drop-shadow(0 0 9px #d7b260)}.game-fx{position:absolute;inset:0;pointer-events:none;overflow:visible}.craft-spark{position:absolute;width:6px;height:10px;border-radius:2px}.craft-impact{position:absolute;width:75px;height:75px;margin-left:-37px;margin-top:-37px;border:2px solid #d9b261;border-radius:50%;pointer-events:none}.game-complete-seal{position:absolute;right:10%;top:10%;width:83px;height:83px;border:2px solid #a9854a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#8a6838;background:#f5eddaed;opacity:0;transform:rotate(-6deg);pointer-events:none;box-shadow:0 0 0 5px #f5edda90}.game-complete-seal span{font-family:var(--serif);font-size:16px}.game-complete-seal b{font-size:24px;line-height:1;font-weight:400}.game-complete-seal small{font-size:9px;letter-spacing:1px}.craft-playground.game-done{background:none;pointer-events:none}.game-done .path-scene,.game-done .dry-material,.game-done .leather-pad,.game-done .game-hammer,.game-done .tap-work{opacity:.28;transition:opacity .7s}.lens-active .craft-playground{pointer-events:none;opacity:.16}.craft-page .stage-hint{font-size:13px}.craft-page .steps{border-top:0;margin-top:28px}.craft-page .step{padding:16px 0}.craft-page .step span{font-size:13px}.craft-page .craft-caption h3{font-size:35px}.craft-page .craft-caption p{font-size:14px;line-height:2;max-width:32ch}.craft-page .craft-large-number{font-size:65px}.craft-page .craft-actions .button{min-height:52px;font-size:14px}.craft-page .page-note{font-size:11px;line-height:1.9}.craft-playground:focus-visible,.skin-piece:focus-visible,.tap-work:focus-visible{outline:2px solid var(--green)}
@media(max-width:700px){.craft-page .workbench{height:400px;border-radius:120px 120px 8px 8px}.craft-playground{inset:48px 10px 76px}.craft-page .stage-hint{bottom:14px;left:12px;right:12px;padding:10px 12px;font-size:12px}.craft-page .craft-caption h3{font-size:30px}.craft-page .craft-caption p{max-width:100%;font-size:14px;padding-right:0}.craft-page .craft-large-number{font-size:51px}.craft-page .step span{font-size:10px}.craft-page .steps{margin-top:22px}.craft-page .step{padding:14px 0}.craft-hud{margin:22px 0 0;padding:19px 0}.craft-gesture{font-size:14px;max-width:100%}.craft-count{font-size:18px}.craft-live-label{font-size:12px}.drop-frame>span{font-size:15px}.skin-piece>span{font-size:10px}.game-complete-seal{width:62px;height:62px;right:8%;top:7%}.game-complete-seal span{font-size:13px}.game-complete-seal b{font-size:18px}.game-complete-seal small{font-size:8px}.tap-work span{font-size:11px;padding:8px 13px}.craft-page .craft-actions{margin-top:24px}.craft-page .page-note{margin-top:22px}.sunlight-control{gap:10px;font-size:11px}.craft-page .page-head{margin-bottom:35px}.craft-page .lens-toggle small{max-width:43%;line-height:1.7}}

.scene-sunlight{position:absolute;left:8%;right:8%;bottom:0;margin:0;z-index:4;padding:7px 10px;background:#fbf4debc;border-radius:30px;color:#927444}.scene-sunlight input{height:35px;touch-action:pan-x}.craft-control>.eyebrow{display:none}.craft-page .page-head h2{font-size:42px;line-height:1.45}.craft-page .page-head small{font-size:12px;letter-spacing:1px}.craft-page .page-head .icon-button{margin-top:33px}@media(max-width:700px){.craft-page .page-head h2{font-size:36px}.craft-page .page-head small{font-size:10px}.scene-sunlight{left:3%;right:3%;bottom:-9px;padding:3px 8px;font-size:11px}.scene-sunlight input{height:38px}.craft-page .workbench .dry-material{padding-bottom:27px}}
.game-done .path-scene,.game-done .dry-material,.game-done .leather-pad,.game-done .game-hammer,.game-done .tap-work,.game-done .drop-frame,.game-done .skin-piece{opacity:0;transition:opacity .65s}.game-done .game-complete-seal{opacity:1}