.drawer-page{max-width:1450px;margin:auto;padding:40px 6% 75px}.drawer-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:10px 0 50px}.drawer-heading h1{font-size:clamp(43px,5.5vw,78px);line-height:1.06;letter-spacing:-2px;margin-top:20px}.drawer-heading em{color:#947039}.drawer-heading>p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:6px}.workbench{display:grid;grid-template-columns:270px minmax(0,1fr);gap:50px;align-items:start}.order-paper{background:#e9d8af;padding:30px 25px;position:relative;transform:rotate(-2deg);box-shadow:4px 8px 0 #233e3610}.order-paper h2{font-size:31px;line-height:1.1;margin:20px 0}.order-paper>p:not(.handwriting){font:17px/1.8 Georgia,serif}.order-rule{border-top:1px solid #8f7a4e60;margin:24px 0}.order-paper .handwriting{font-size:26px;color:#4c6c79}.order-paper details{margin-top:25px;font-size:11px;line-height:1.8}.order-paper summary{text-decoration:underline;text-underline-offset:4px}.order-paper details p{margin-top:12px}.hint-button{background:none;border-bottom:1px dashed #233e3660;padding:10px 0;font-size:11px;margin-top:14px}#drawer-hint-text{font:13px/1.7 var(--sans);margin-top:10px}.machine-area{border:1px solid var(--line);background:#f8f3e7;box-shadow:0 15px 40px #233e3608}.bench-meta{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px;gap:10px}.bench-meta button{background:none;border:1px solid var(--line);padding:9px 11px;font-size:10px;white-space:nowrap}.machine-window{position:relative;overflow:hidden}.machine-svg{width:100%;max-height:390px}.machine-part{opacity:0;transition:opacity .3s}.machine-part.installed{opacity:1}.test-note{padding:0 28px 20px;min-height:105px}.test-note>span{font-size:9px;letter-spacing:1.2px;color:#94683b}.test-note p{font:19px/1.5 var(--serif);margin-top:10px;max-width:620px}.bench-actions{padding:0 25px;display:flex;gap:12px;align-items:stretch}.bench-actions .ink-button{margin:0;gap:10px;font-size:12px;justify-content:center}.deliver-button{background:#dfc382;border:1px solid #b9a063;padding:15px 20px;font-size:12px}.deliver-button:disabled{opacity:.45}.bench-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;font-size:10px;color:var(--muted)}.bench-bottom button{background:none;font-size:10px;text-decoration:underline;text-underline-offset:4px;min-height:30px}.parts-heading{display:flex;justify-content:space-between;gap:20px;margin:55px 0 25px;padding-top:20px;border-top:1px solid var(--line)}.parts-heading>span:last-child{font-size:11px;color:var(--muted)}.parts-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.part-card{text-align:left;position:relative;background:#e8e1d1;border:1px solid #233e3625;padding:23px;transition:transform .2s,background .2s;min-height:245px;display:flex;flex-direction:column}.part-card:hover{transform:translateY(-4px)}.part-card[aria-pressed=true]{background:#dce4d7;border-color:#53705b;box-shadow:inset 0 0 0 1px #53705b}.part-card small{font-size:8px;letter-spacing:1.2px;color:#726b53}.part-symbol{font:40px/1.2 Georgia,serif;color:#a47438;margin:14px 0 10px;font-variant-emoji:text}.part-card h2{font-size:25px}.part-card p{font-size:12px;line-height:1.7;margin:12px 0 22px;color:#626b5c}.part-action{font-size:10px;border-top:1px solid var(--line);padding-top:13px;margin-top:auto}.drawer-result{margin:50px auto 0;max-width:740px;text-align:center;background:#233e36;color:#f3ead7;padding:55px 30px}.drawer-result[hidden]{display:none}.drawer-result h2{font-size:45px;margin:20px 0}.drawer-result>p:not(.handwriting){font-size:14px;line-height:1.9;max-width:490px;margin:auto}.drawer-result .handwriting{font-size:32px;color:#e6c47e;margin:30px 0 18px}.result-signature{font-size:9px;letter-spacing:2px}.drawer-result>div{display:flex;justify-content:center;gap:25px;margin-top:30px;font-size:11px;flex-wrap:wrap}.drawer-result button{background:none;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:5px}.experiment-footnote{text-align:center;font-size:10px;color:var(--muted);margin:35px auto 0}.reward-bird{position:absolute;width:100px;bottom:12px;left:12px;opacity:0;pointer-events:none}.finished .reward-bird{animation:reward-flight 2s ease-in-out forwards}.testing .installed .machine-wheel{transform-origin:266px 195px;animation:mechanism-turn 1.4s ease-out}.testing.busy .installed .machine-wheel{animation:mechanism-turn .45s linear 3}.testing.balanced .installed .machine-bell,.testing.busy .installed .machine-bell{transform-origin:374px 150px;animation:bell-ring .5s .4s ease-in-out 2}.testing.loose [data-machine=spring]{animation:spring-rattle .2s 6}.drawer-entry{display:flex;align-items:center;gap:22px;background:#233e36;color:#f3ead7;padding:25px 30px;max-width:1250px;margin:0 auto 40px;border:1px solid #c4a571}.drawer-entry>span:first-child{font:35px var(--serif);color:#e5c17a}.drawer-entry h2{font-size:28px}.drawer-entry p{font-size:12px;margin-top:7px;color:#d3d6c5}.drawer-entry>span:last-child{margin-left:auto;font-size:27px}.home-drawer{margin:45px 7%}.drawer-entry:hover{background:#2d4c41}@keyframes mechanism-turn{to{transform:rotate(360deg)}}@keyframes bell-ring{25%,75%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}}@keyframes spring-rattle{50%{transform:translateX(3px)}}@keyframes reward-flight{0%{opacity:0;transform:translate(-80px,10px) rotate(-10deg)}15%{opacity:1}50%{transform:translate(220px,-100px) rotate(10deg)}100%{opacity:1;transform:translate(400px,-290px) rotate(-12deg)}}
@media(max-width:850px){.workbench{grid-template-columns:220px minmax(0,1fr);gap:24px}.order-paper{padding:25px 20px}.bench-actions{flex-wrap:wrap}.bench-actions button{flex:1}.drawer-heading>p{display:none}.parts-tray{gap:12px}.part-card{padding:18px}.part-card h2{font-size:23px}.bench-meta{letter-spacing:.3px}}
@media(max-width:600px){.drawer-page{padding:28px 6% 55px}.drawer-heading{padding-bottom:35px}.drawer-heading h1{font-size:46px;letter-spacing:-1.5px}.workbench{grid-template-columns:1fr;gap:32px}.order-paper{transform:rotate(-1deg);padding:25px}.order-paper h2{font-size:29px}.order-paper h2 br{display:none}.order-paper .handwriting{font-size:23px}.order-paper>p:not(.handwriting){font-size:16px}.order-rule{margin:17px 0}.order-paper details{margin-top:16px}.bench-meta{padding:13px}.test-note{padding:10px 18px 20px;min-height:115px}.test-note p{font-size:18px}.bench-actions{padding:0 15px;gap:9px}.bench-actions button{font-size:11px;padding:15px 12px}.bench-bottom{padding:14px 18px}.parts-heading{margin-top:35px;align-items:center}.parts-heading>span:last-child{max-width:140px;text-align:right;line-height:1.6}.parts-tray{grid-template-columns:1fr 1fr}.part-card{padding:16px;min-height:270px}.part-card h2{font-size:23px}.part-card p{font-size:11px}.part-card small{font-size:7px}.part-action{font-size:9px}.drawer-result{padding:38px 24px}.drawer-result h2{font-size:37px}.drawer-entry{padding:22px 18px;gap:14px}.drawer-entry h2{font-size:24px}.drawer-entry p{font-size:11px;line-height:1.6}.reward-bird{width:70px}@keyframes reward-flight{0%{opacity:0;transform:translate(-60px,0)}20%{opacity:1}60%{transform:translate(140px,-80px) rotate(-15deg)}100%{opacity:1;transform:translate(240px,-170px) rotate(-8deg)}}}
@media(prefers-reduced-motion:reduce){.finished .reward-bird{animation:none;opacity:1;left:auto;right:16px;bottom:20px}.machine-part,.part-card{transition:none}.testing *{animation:none!important}}

.drawer-result .reward-sky{position:relative;display:block;height:80px;max-width:350px;margin:0 auto 20px;overflow:hidden}.reward-sky .reward-bird{width:70px;bottom:0;left:0}.finished .reward-sky .reward-bird{animation:small-reward-flight 2s ease-in-out forwards}@keyframes small-reward-flight{0%{opacity:0;transform:translate(-60px,30px) rotate(-15deg)}20%{opacity:1}60%{transform:translate(140px,-20px) rotate(10deg)}100%{opacity:1;transform:translate(240px,0) rotate(-8deg)}}@media(prefers-reduced-motion:reduce){.finished .reward-sky .reward-bird{animation:none;opacity:1;left:calc(50% - 35px);right:auto}}

.bench-return{display:block;margin:24px auto 0;background:none;padding:14px 20px;border:1px solid var(--line);font-size:12px}.machine-area{scroll-margin-top:100px}

/* Objects collected on paper, with handwritten marginalia. */
.part-symbol{display:block;width:100%;margin:8px 0 16px}.part-symbol svg{height:145px;filter:drop-shadow(2px 5px 2px #54422918);transition:transform .3s}.part-card:hover .part-symbol svg{transform:rotate(-4deg) translateY(-3px)}.part-card{background:radial-gradient(ellipse at 50% 25%,#faf3df,#e5dcc8);border:1px solid #b7a986;box-shadow:3px 4px 0 #3b402b09;min-height:360px}.part-card:nth-child(2n){background:radial-gradient(ellipse at 50% 25%,#f2eddf,#ded8c5)}.part-card[aria-pressed=true]{background:#dce4d7}.part-card p{font:22px/1.15 var(--hand);color:#526e75}.part-card h2{font-size:25px}.part-card small{border-bottom:1px solid #9a896840;padding-bottom:10px}.part-card[aria-pressed=true]:after{content:'NA CAIXINHA';position:absolute;right:15px;top:23px;font-size:7px;letter-spacing:1px;color:#376447;rotate:6deg;border:1px solid #37644780;padding:5px}.lior-scrap{position:relative;max-width:500px;margin:48px auto 20px;padding:30px 35px;background:#eee0b9;rotate:1.5deg;box-shadow:4px 5px 0 #4b492e12;clip-path:polygon(0 0,99% 1%,100% 96%,97% 98%,93% 96%,89% 100%,85% 97%,81% 99%,77% 97%,73% 100%,0 98%)}.lior-scrap small{font:8px var(--sans);letter-spacing:2px;color:#938362}.lior-scrap p{font:29px/1.2 var(--hand);color:#4b6875;margin:14px 0}.lior-scrap>span:last-child{display:block;text-align:right;font:21px var(--hand);color:#a05e43}.scrap-pin{position:absolute;top:0;left:44%;width:70px;height:20px;background:#bbab6b66;rotate:-7deg}.lior-whisper{margin:0 25px 25px;padding:18px 22px;border-left:3px solid #b59151;background:#eee4cc;rotate:-.5deg}.lior-whisper>span{font-size:7px;letter-spacing:1.8px;color:#8b7852}.lior-whisper p{font:25px/1.2 var(--hand);color:#466675;margin-top:7px}.machine-window{background:radial-gradient(ellipse at center,#fff9e9,#e8dec4)}.machine-svg{filter:drop-shadow(0 5px 3px #56462210)}#drawer-hint-text{font:23px/1.3 var(--hand);color:#526d77}.bench-meta span:last-child{font-size:7px;color:#8c7950}.order-paper{box-shadow:5px 7px 0 #76624017,0 12px 25px #3d372612}.arrival-work .drawer-page{background:var(--paper)}.entrance:before{display:none}.arrival-opening .draft-lines{display:none!important}
@media(max-width:600px){.part-symbol svg{height:115px}.part-card{min-height:355px;padding:14px}.part-card h2{font-size:22px}.part-card p{font-size:21px}.part-card[aria-pressed=true]:after{top:34px;font-size:6px;right:8px}.lior-whisper{margin:0 16px 22px;padding:16px}.lior-whisper p{font-size:23px}.lior-scrap{padding:27px;margin-top:35px}.lior-scrap p{font-size:26px}.arrival-work-top>span:last-child{max-width:none;text-align:right}}
.machine-window .machine-svg{filter:none}
.machine-area .testing .installed .machine-wheel,.testing .installed .machine-wheel,.testing.balanced .installed .machine-bell,.testing.busy .installed .machine-bell{transform-origin:0 0;transform-box:view-box}

@media(prefers-reduced-motion:no-preference){
 .testing.balanced .brass-tapper,.testing.busy .brass-tapper{transform-origin:266px 213px;animation:tapper-strike .36s ease-out}
 .testing.busy .brass-tapper{animation-iteration-count:2}
 @keyframes tapper-strike{35%{transform:rotate(7deg)}55%{transform:rotate(-7deg)}100%{transform:rotate(0deg)}}
}
@media(prefers-reduced-motion:no-preference){
 .testing .installed .train-wheel,.testing .installed .hinged-hammer{transform-origin:0 0;transform-box:view-box}
 .testing .installed .train-driver{animation:train-drive 1.4s ease-out}
 .testing .installed .train-pinion{animation:train-pinion 1.4s ease-out}
 .testing.busy .installed .hinged-hammer{animation:hammer-hit .38s .25s ease-out}
 @keyframes train-drive{to{transform:rotate(-648deg)}}
 @keyframes train-pinion{to{transform:rotate(720deg)}}
 @keyframes hammer-hit{50%{transform:rotate(-15deg)}}
}
