:root{color-scheme:light;accent-color:#356a55;--paper: #faf5e9;--paper-raised: #fffdf6;--warm: #f2ead8;--wood: #bca37d;--wood-deep: #9b8257;--edge: #d7c7a4;--line: #e3d8bd;--ink: #303f38;--muted: #657166;--forest: #356a55;--forest-deep: #214a3b;--forest-pale: #e4efe7;--gold: #efd68e;--gold-deep: #b4913f;--gold-pale: #fdf3d6;--tint: #e6eede;--focus: #12564a;--radius: 22px;--sans: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", Avenir, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*,*:before,*:after{box-sizing:border-box}:is(html,body,#app){min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(ellipse at 50% 104%,#cbb28b4d,transparent 58%) var(--warm);font:400 clamp(.95rem,.9rem + .2vw,1.02rem) / 1.6 var(--sans);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}:is(button,input){font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:is(svg,canvas,img){flex:none;max-width:100%}:is(p,h1,h2,h3,ul,ol){margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only,.icon-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workshop-app{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);min-height:100svh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}:is(.app-header,.workspace,.app-footer){width:min(100%,1380px);margin-inline:auto}:is(.app-header,.header-actions,.project-actions,.test-actions,.sheet-footer),:is(.app-footer,.book-footer,.recipe-meta,.station-tabs,.step-strip,.tool-list){display:flex;flex-wrap:wrap;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:12px;min-width:0;margin-inline-end:auto;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;flex:none;width:clamp(46px,4vw,52px);height:clamp(46px,4vw,52px);border-radius:17px;color:var(--paper);background:linear-gradient(150deg,#3e7a62,var(--forest-deep));box-shadow:0 3px #17362b}.brand-mark svg{width:28px;height:28px}.brand-title{font-family:var(--serif);font-size:clamp(1.3rem,1.05rem + 1.1vw,1.85rem);font-weight:500;line-height:1.15}.workspace{display:grid;grid-template-columns:minmax(280px,300px) minmax(0,1fr);align-items:start;gap:clamp(14px,1.8vw,22px)}.app-footer{gap:6px 14px;margin-top:auto;padding-top:14px;border-top:1px solid #c9b89340;color:var(--muted);font-size:.76rem}.prototype-note{margin-inline-start:auto;opacity:.8}:is(.book-panel,.studio-panel,.making-panel,.activity-panel,.tool-tray),:is(.test-panel,.finish-row){display:grid;gap:12px;min-width:0;padding:clamp(13px,1.5vw,19px);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 4px 0 var(--edge)}.studio-panel{gap:clamp(12px,1.5vw,18px);background:linear-gradient(180deg,var(--paper-raised),var(--paper))}:is(.panel-kicker,.project-eyebrow,.tray-label,.finish-label,.test-title,.shelf-date){color:#7b8a7d;font-size:.7rem;font-weight:750;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}:is(.panel-title,.project-title),.sheet-header h2{font-family:var(--serif);font-size:1.36rem;font-weight:500;line-height:1.16;text-wrap:balance}.project-title{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.95rem)}:is(.brand-subtitle,.panel-description,.project-subtitle,.test-description),:is(.test-notes,.material-note,.book-footer){color:var(--muted);font-size:.85rem;font-weight:400;line-height:1.6;text-wrap:pretty}:is(.button,.icon-button,.book-toggle,.hint-button,.sheet-close,.work-button),:is(.recipe-card,.shelf-card,.station-button,.step-button,.target-button),:is(.choice-button,.tool-button,.finish-button,.test-option),.step-strip button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border:2px solid #e2d5b9;border-radius:16px;color:var(--ink);background:var(--paper-raised);box-shadow:0 3px 0 var(--edge);font:700 .92rem/1.35 var(--sans);text-align:start;text-decoration:none;transition-property:transform,border-color,box-shadow;transition-duration:.13s}:is(.button,.icon-button,.book-toggle,.hint-button,.sheet-close) svg,:is(.work-button,.station-button,.step-button) svg,.step-strip button svg{width:21px;height:21px}:is(.target-button,.choice-button,.tool-button,.finish-button,.test-option) svg{width:24px;height:24px;color:var(--forest)}:is(.button,.icon-button,.book-toggle,.hint-button,.sheet-close,.work-button):active,:is(.recipe-card,.station-button,.step-button,.target-button,.note-button):active,:is(.choice-button,.tool-button,.finish-button,.test-option):active,.step-strip button:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge)}button:disabled{transform:none;box-shadow:none;opacity:.55;cursor:default}:is(.button-primary,.work-button){border-color:#2b5c4a;color:#f4fbf6;background:linear-gradient(180deg,#3f7a63,var(--forest));box-shadow:0 4px 0 var(--forest-deep);--focus: #fff4d8}.button-gold{border-color:#e0bf6c;color:#3d2f11;background:linear-gradient(180deg,#f7e2a4,var(--gold));box-shadow:0 4px 0 var(--gold-deep)}.button-secondary{border-color:#b6d2c3;background:var(--forest-pale);box-shadow:0 3px #c2d8cb}.button-quiet,.view-controls .icon-button{border-color:#0000;background:#0000;box-shadow:none;color:var(--muted);font-weight:650}.button-small{padding:8px 14px;border-radius:14px;font-size:.85rem}.icon-button{gap:0;width:48px;padding:0;border-radius:50%}.hint-button{flex:none;border-color:#e3c479;color:#5a4515;background:var(--gold-pale);box-shadow:0 3px #dcc07c}.work-button{min-height:58px;border-radius:18px;font-size:1.05rem;font-weight:800}:is(.badge,.pill){display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 11px;border-radius:999px;font-size:.72rem;font-weight:750;letter-spacing:.05em;white-space:nowrap}:is(.badge,.pill) svg{width:15px;height:15px}.badge{border:1px solid #e0bf6c;color:#3d2f11;background:var(--gold)}.pill{border:1px solid #bcd8c8;color:var(--forest-deep);background:var(--forest-pale)}@media(hover:hover){:is(.button,.icon-button,.book-toggle,.hint-button,.recipe-card,.shelf-card):hover,:is(.station-button,.target-button,.choice-button,.tool-button,.test-option):hover,:is(.finish-button,.note-button):hover,.step-strip button:hover{border-color:var(--wood);box-shadow:0 5px 0 var(--edge)}.button-quiet:hover,.view-controls .icon-button:hover{border-color:var(--line);background:var(--forest-pale);box-shadow:none}}.book-panel{background:linear-gradient(90deg,#e9dcbe 0 6px,#0000 6px),linear-gradient(180deg,var(--paper-raised),var(--paper))}.recipe-list{display:grid;gap:10px}:is(.recipe-card,.shelf-card){display:grid;gap:10px;width:100%;padding:12px;border-radius:18px;box-shadow:0 4px 0 var(--edge)}.recipe-card{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;row-gap:0}.recipe-art{grid-row:span 3}:is(.recipe-art,.shelf-art){display:grid;place-items:center;width:58px;height:58px;border:1px solid #00000014;border-radius:15px;background:var(--tint)}:is(.recipe-art,.shelf-art,.empty-shelf) svg{width:32px;height:32px;color:var(--forest-deep)}.recipe-list>*:nth-child(3n+2) .recipe-art{background:#e9e3f1}.recipe-list>*:nth-child(3n) .recipe-art{background:#dfeae6}:is(.recipe-name,.shelf-name,.instruction-title){display:block;color:#2f4a3c;font-size:1.02rem;font-weight:750;line-height:1.3}:is(.recipe-description,.shelf-detail,.instruction-detail){display:block;margin-top:4px;color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.5;text-wrap:pretty}.recipe-meta{gap:6px;margin-top:7px;color:#7b8a7d;font-size:.72rem;font-weight:400;letter-spacing:.04em}.recipe-card.is-made{border-color:#e0bf6c;background:linear-gradient(180deg,var(--gold-pale),var(--paper-raised))}:is(.book-footer,.test-notes){gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:.78rem}.studio-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}:is(.project-eyebrow,.project-title){flex:1 1 100%}.project-subtitle{flex:1 1 300px}.project-actions{margin-inline-start:auto}.scene-wrap{position:relative;height:clamp(300px,42svh,400px);min-width:0;overflow:hidden;border:2px solid var(--wood);border-radius:var(--radius);background:linear-gradient(180deg,#ece0c4,#d6c6a3);box-shadow:0 5px 0 var(--wood-deep)}.scene-wrap>canvas{display:block;width:100%;height:100%;touch-action:none}:is(.scene-badge,.scene-caption,.scene-hint,.view-controls){position:absolute;z-index:1;border:1px solid #ffffffb8;border-radius:999px;background:#fbf6ebe6;box-shadow:0 4px 12px #2b231633}:is(.scene-badge,.scene-caption,.scene-hint){max-width:min(62%,420px);padding:7px 13px;font-size:.78rem;font-weight:700;line-height:1.4}.scene-badge{inset-block-start:12px;inset-inline-start:12px;color:var(--forest-deep)}.scene-caption{inset-block-end:12px;inset-inline-start:12px;font-weight:650}.scene-hint{inset-block-end:12px;inset-inline-end:12px;border-color:#e3c479;color:#4a3a12;background:#fdf1ccee}.view-controls{display:flex;inset-block-start:10px;inset-inline-end:10px;gap:6px;padding:5px}:is(.station-tabs,.step-strip,.tool-list){flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding-block-end:4px;scroll-padding-inline:12px;scrollbar-color:var(--wood) #0000;scrollbar-width:thin}:is(.station-button,.step-button),.step-strip button{flex:0 0 auto;padding:8px 16px;border-radius:999px;font-size:.86rem}.instruction-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;border:1px solid #d9e4dc;border-radius:18px;background:linear-gradient(180deg,#f6fbf7,#eef6f0)}.instruction-number{display:grid;place-items:center;flex:none;width:2.5em;height:2.5em;border-radius:50%;color:#f4fbf6;background:var(--forest);font-size:1.05rem;font-weight:800}.instruction-copy{flex:1 1 220px;min-width:0}:is(.target-grid,.choice-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px}:is(.target-button,.choice-button,.tool-button,.finish-button,.test-option){justify-content:flex-start;min-height:56px;padding:10px 14px;font-size:.88rem}:is(.recipe-card,.choice-button,.tool-button,.finish-button,.test-option).is-selected{border-color:var(--forest);background:linear-gradient(180deg,#f4faf5,var(--paper-raised));box-shadow:0 3px #bed4c6;outline:3px solid #356a5533;font-weight:800}.station-button.is-active,:is(.step-strip .is-current,.step-button.is-current){border-color:#2b5c4a;color:#f4fbf6;background:linear-gradient(180deg,#3f7a63,var(--forest));font-weight:800;--focus: #fff4d8}.target-button.is-done,:is(.step-strip .is-done,.step-button.is-done){border-color:#b6d2c3;color:var(--forest-deep);background:var(--forest-pale);box-shadow:0 3px #c2d8cb}.target-button.is-hinted{border-color:var(--gold-deep);background:linear-gradient(180deg,var(--gold-pale),var(--paper-raised));outline:4px solid #efd68e66}:is(.hold-progress,.test-meter){display:block;width:100%;height:16px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ece2c9}:is(.hold-progress,.test-meter):after{content:"";display:block;width:calc(clamp(0,var(--fill, 0),1)*100%);height:100%;background:linear-gradient(90deg,var(--forest),#58a288);transition:width .1s linear}:is(progress.hold-progress,progress.test-meter)::-webkit-progress-value,meter.test-meter::-webkit-meter-optimum-value{background:var(--forest)}:is(progress.hold-progress,progress.test-meter)::-moz-progress-bar,meter.test-meter::-moz-meter-bar{background:var(--forest)}.material-note{padding-inline-start:12px;border-inline-start:3px solid var(--wood);font-size:.82rem}.feedback{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--paper-raised);font-size:.9rem;line-height:1.6;text-wrap:pretty}:is(.feedback.is-success,.test-result){padding:13px 15px;border:1px solid #b6d2c3;border-radius:16px;color:var(--forest-deep);background:var(--forest-pale);font-weight:700;line-height:1.55;text-wrap:pretty}.feedback.is-gentle{border-color:#e3c479;color:#5a4515;background:var(--gold-pale)}.finish-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.finish-label{flex:1 1 100%}.tool-button{flex-direction:column;justify-content:center;gap:8px;min-width:104px;min-height:96px;text-align:center}.tool-button svg{width:30px;height:30px}.finish-swatch{display:block;flex:none;width:26px;height:26px;border:1px solid #00000029;border-radius:9px;background:var(--swatch, var(--wood));box-shadow:inset 0 1px #ffffff5c}.test-title{color:var(--forest)}.test-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.test-controls label{display:grid;flex:1 1 200px;gap:6px;font-size:.85rem;font-weight:700}.test-controls input[type=range]{width:100%;min-height:48px}.note-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:6px;width:56px;min-height:48px;height:calc(72px + clamp(0,var(--note-length, .5),1)*68px);padding:8px 4px;border:1px solid var(--wood-deep);border-radius:12px;color:#3b2d17;background:linear-gradient(180deg,#d9bf92,#c2a374);box-shadow:0 3px #8a7149;font:750 .74rem/1.2 var(--sans)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px}.shelf-card{grid-template-columns:minmax(0,1fr);align-content:start}.shelf-art{width:100%;height:auto;aspect-ratio:1.35;border-radius:14px;background:#dfeae6}.shelf-date{display:block;margin-top:6px;font-size:.66rem}.empty-shelf{display:grid;justify-items:center;gap:10px;padding:26px 18px;border:2px dashed #d3c19b;border-radius:18px;color:var(--muted);text-align:center}.sheet{width:min(100% - 24px,560px);max-height:min(86svh,780px);padding:0;overflow:hidden;border:2px solid var(--wood);border-radius:26px;color:var(--ink);background:var(--paper);box-shadow:0 28px 70px #2b231657}.sheet::backdrop{background:#2b23167a}.sheet-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.sheet-header h2{flex:1 1 200px;min-width:0}.sheet-close{flex:none;margin-inline-start:auto}.sheet-body{display:grid;gap:12px;max-height:62svh;padding:16px 20px;overflow-y:auto;overscroll-behavior:contain}.sheet-footer{justify-content:flex-end;padding:14px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.book-toggle{display:none}.is-busy{position:relative}.is-busy:after{content:"";position:absolute;inset:-5px;border:2px solid #356a5580;border-radius:inherit;pointer-events:none;animation:workshop-busy .9s ease-in-out infinite}@keyframes workshop-busy{50%{opacity:.2}}@media(max-width:960px),(orientation:portrait){.workspace{grid-template-columns:minmax(0,1fr)}.book-panel{display:none}.book-toggle{display:inline-flex}.scene-wrap{height:clamp(300px,40svh,360px)}.sheet{width:100%;max-width:none;margin:auto auto 0;border-width:2px 0 0;border-radius:26px 26px 0 0}}@media(max-width:560px){:is(.project-actions,.test-actions)>*{flex:1 1 140px}:is(.scene-badge,.scene-caption,.scene-hint){max-width:calc(100% - 24px);font-size:.74rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){:is(.is-selected,.is-active,.is-current,.is-done,.is-hinted){outline:2px solid CanvasText;outline-offset:-5px}}[hidden]{display:none!important}html,body,#app{height:100%;overflow:hidden;overscroll-behavior:none}.hands-workshop{--hud-top: max(18px, env(safe-area-inset-top));--hud-edge: 24px;--hud-button: 48px;--hud-bar: 67px;--hud-stack: calc(var(--hud-top) + var(--hud-bar) + 14px);position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:none;background:#e9dcc2}.hands-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none;touch-action:none}.hands-workshop[data-phase=done] .hands-canvas{cursor:grab}.hands-workshop[data-phase=done] .hands-canvas:active{cursor:grabbing}.hands-overlay{position:absolute;inset:0;pointer-events:none}.hands-top{position:absolute;top:var(--hud-top);left:max(var(--hud-edge),env(safe-area-inset-left));right:max(var(--hud-edge),env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.hands-identity,.hands-nav{display:flex;align-items:center;gap:10px;pointer-events:auto}.hands-nav{flex:none}.hands-identity{position:relative;min-width:0;padding-block:7px 12px;padding-inline:7px 20px;border:1px solid #fff9e995;border-radius:22px;background:#fff8e9e8;box-shadow:0 4px 18px #45352118;backdrop-filter:blur(10px)}.hands-identity h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;max-width:230px;overflow:hidden;font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.hands-workshop .icon-button{border:1px solid #fff4dcb0;box-shadow:0 3px #6a563337,0 4px 12px #483a2910;background:#fff8e9ed;min-width:var(--hud-button);min-height:var(--hud-button);width:var(--hud-button);height:var(--hud-button);border-radius:50%;display:grid;place-items:center;padding:12px;color:#315b4b}.hands-identity .icon-button{box-shadow:none;background:#e5e9d7;border:none;border-radius:15px}.hands-workshop .icon-button svg{width:24px;height:24px}.hands-workshop .icon-button:disabled{opacity:.45}.invention-progress{position:absolute;height:3px;bottom:6px;inset-inline:calc(var(--hud-button) + 19px) 20px;background:#dfd6bd;border-radius:9px;overflow:hidden}.invention-progress:after{content:"";display:block;height:100%;width:var(--complete, 0);background:#527c61;transition:width .4s}.object-hit,.work-hit{position:absolute;transform:translate(-50%,-50%);border:0;pointer-events:auto;touch-action:none;background:transparent;margin:0;padding:0;border-radius:20px}.object-hit{cursor:grab}.object-hit:active,.work-hit:active{cursor:grabbing}.piece-hit>span,.test-hit>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.piece-hit{outline:2px solid #fff6ce88;outline-offset:10px;box-shadow:0 0 24px #fff4b440}.piece-hit:focus-visible,.work-hit:focus-visible{outline:3px dashed #fff1a7;outline-offset:5px}.drop-target{position:absolute;transform:translate(-50%,-50%);border:3px dashed #fff2a4bd;border-radius:25px;color:#fff3af;box-shadow:0 0 30px #f5dd8c35;display:grid;place-items:center;transition:background .15s}.drop-target svg{width:32px;height:32px;filter:drop-shadow(0 2px 2px #58422f66)}.drop-target.over{background:#fff0a342;border-style:solid}.tool-hit{border:1px solid transparent;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0;z-index:3;opacity:.85}.tool-hit>span{font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;transform:translateY(12px);padding:4px 11px;border-radius:14px;background:#fff9e9df;box-shadow:0 2px 4px #53412b1c}.tool-hit.suggested.usable{outline:2px dashed #fff0a3;outline-offset:9px;box-shadow:0 0 22px #ffdf5e30}.tool-hit.picked{outline:none;pointer-events:none;opacity:.25}.tool-hits.turning .tool-hit{pointer-events:none}.work-hit{cursor:grab;z-index:2}.work-hit.screw-turn-area{border-radius:50%;background:radial-gradient(circle,transparent 38%,#fff5c50b 70%,#fff5c524 71%,transparent 72%)}.work-hit.screw-turn-area:active{background:radial-gradient(circle,transparent 38%,#fff5c50e 70%,#fff5c53b 71%,transparent 72%)}.hands-bottom{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;padding-block:8px;padding-inline:22px 10px;border:1px solid #fff7e6b3;border-radius:50px;background:#fff8e9ed;box-shadow:0 6px 24px #45352120;white-space:nowrap;max-width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));backdrop-filter:blur(12px)}.hands-hint{font-size:16px;font-weight:650;color:#3b5144}.hands-bottom .icon-button{background:#e6ebdb;border:none;box-shadow:none;padding:10px}.work-beads{display:flex;gap:5px}.work-beads i{display:block;width:8px;height:8px;border-radius:50%;background:#d9cdb1;transition:background .15s,transform .15s}.work-beads i.filled{background:#538366;transform:scale(1.15)}.hands-choices{position:absolute;top:var(--hud-stack);left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 2 * var(--hud-edge))}.shape-choice{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:2px solid #f8efd7;background:#fff6e6e8;border-radius:18px;padding:7px 18px;font-size:13px;text-transform:capitalize;box-shadow:0 3px 9px #352b1815}.shape-choice[aria-pressed=true]{border-color:#426c50;background:#e6eddc}.ghost-hand{position:absolute;transform:translate(-20%,-15%);color:#fffce9;filter:drop-shadow(0 2px 3px #473c327d);z-index:5;opacity:.8;pointer-events:none}.ghost-hand svg{width:42px;height:42px;fill:#fff7dc60;stroke-width:1.8}.gesture-trail{position:absolute;transform:translate(-50%,-50%);pointer-events:none;opacity:.65}.saw-trail{border-top:3px dashed #fff5b2;height:0!important}.rub-trail{border:2px dashed #fff5b2;border-radius:50%}.turn-trail{border:3px dashed #fff5b2;border-radius:50%}.turn-trail:after{content:"";position:absolute;right:0;top:30%;width:12px;height:12px;border-bottom:3px solid #fff5b2;border-right:3px solid #fff5b2;transform:rotate(30deg)}.press-trail,.fold-trail{width:0!important;height:120px!important;border-left:3px dashed #fff5b2}.fold-trail:after{content:"";position:absolute;left:0;top:0;width:13px;height:13px;border-top:3px solid #fff5b2;border-left:3px solid #fff5b2;transform:translate(-50%,10px) rotate(45deg);animation:hands-fold-lift 1.8s ease-in-out infinite}@keyframes hands-fold-lift{0%,to{transform:translate(-50%,16px) rotate(45deg);opacity:.45}55%{transform:translate(-50%,-6px) rotate(45deg);opacity:1}}.hands-result{position:absolute;bottom:110px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;max-width:90%}.hands-pill{background:#fff8e9f5;border:1px solid #f5e8ca;padding:12px 20px;border-radius:24px;box-shadow:0 3px #907e5938;display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:650;white-space:nowrap}.hands-pill svg{width:22px;height:22px}.result-note{background:#fff6e9ee;padding:8px 18px;border-radius:18px;font-size:14px}.hands-save-warning{position:absolute;top:var(--hud-stack);left:50%;transform:translate(-50%);z-index:4;max-width:min(360px,calc(100% - 2 * var(--hud-edge)));margin:0;padding:7px 15px;border:1px solid #ecc9954d;border-radius:17px;background:#fff3dcf0;box-shadow:0 3px 12px #4535211f;color:#6d4c21;font-size:13px;font-weight:650;line-height:1.45;text-align:center;white-space:normal;pointer-events:none}.hands-workshop:has(.hands-save-warning:not([hidden])) .hands-choices{top:calc(var(--hud-stack) + 58px)}.hands-dialog{width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 32px);border:1px solid #e3d4b6;border-radius:28px;background:#faf3e3;padding:26px;box-shadow:0 25px 100px #272f2544;color:#344c3f;overflow:auto;touch-action:pan-y}.hands-dialog::backdrop{background:#293f3260;backdrop-filter:blur(5px)}.hands-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.hands-dialog h2{font:500 28px/1.2 var(--serif)}.hands-dialog>p{margin:15px 0 22px}.invention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.invention-dialog{width:min(740px,calc(100vw - 28px))}.invention-card{position:relative;background:linear-gradient(155deg,#fffaf068,#fffaf000 70%),var(--accent, #e3eadb);border:2px solid #fffcf3;border-radius:24px;min-width:0;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 10px 17px;font-size:16px;font-weight:650;line-height:1.25;text-align:center;box-shadow:0 4px #c5b69355,inset 0 1px #ffffff80}button.invention-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}button.invention-card:focus-visible{outline:3px solid #315b4b;outline-offset:4px}button.invention-card:active{transform:translateY(3px);box-shadow:0 1px #c5b69355}.invention-art{--art-height: 163px;display:grid;place-items:center;width:100%;height:var(--art-height);flex:none;border-radius:50%;background:radial-gradient(ellipse at center,#fff9e985,#fff9e900 70%);pointer-events:none}.invention-art img{display:block;width:100%;height:var(--art-height);max-width:185px;object-fit:contain;filter:drop-shadow(0 7px 5px #684a2218);transition:transform .18s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){button.invention-card:hover{transform:translateY(-3px);box-shadow:0 7px #c5b69340,0 10px 18px #5e472010}button.invention-card:hover .invention-art img{transform:rotate(-3deg) scale(1.045)}}.invention-card svg{width:54px;height:54px;stroke-width:1.35}.webgl-fallback{margin:25vh auto;max-width:360px;padding:24px;text-align:center;background:#faf3e3;border-radius:24px}.hands-workshop [hidden]{display:none!important}@media(max-width:650px){.hands-workshop{--hud-top: max(12px, env(safe-area-inset-top));--hud-edge: 12px;--hud-bar: 63px}.hands-top{gap:8px}.hands-identity{padding-block:5px 10px;padding-inline:5px 12px;gap:8px}.hands-identity h1{max-width:none;font-size:14px}.hands-nav{gap:6px}.invention-progress{inset-inline:calc(var(--hud-button) + 15px) 13px}.hands-bottom{gap:8px;padding-inline-start:14px;bottom:max(16px,env(safe-area-inset-bottom))}.hands-hint{font-size:14px;white-space:normal;line-height:1.35;max-width:230px}.work-beads{gap:3px}.work-beads i{width:6px;height:6px}.tool-hit>span{font-size:10px;padding:3px 7px}.shape-choice{padding:5px 14px}.hands-dialog{padding:18px}.invention-grid{grid-template-columns:repeat(2,1fr)}.invention-card{min-height:165px;padding:5px 5px 13px;font-size:14px;border-radius:21px}.invention-art{--art-height: 123px}.invention-dialog header{gap:10px;margin-bottom:16px}.invention-dialog h2{font-size:25px}.invention-grid{gap:12px}.hands-result{bottom:96px;width:90%;gap:8px}.hands-pill{font-size:13px;padding:9px 14px}}@media(max-height:480px){.hands-workshop{--hud-top: max(10px, env(safe-area-inset-top));--hud-bar: 61px}.hands-identity{padding-block:4px 9px}.hands-bottom{bottom:max(12px,env(safe-area-inset-bottom))}.hands-result{bottom:88px}.hands-workshop:has(.hands-save-warning:not([hidden])) .hands-choices{top:calc(var(--hud-stack) + 50px)}}@media(max-height:400px)and (min-width:481px){.hands-choices{left:auto;right:max(var(--hud-edge),env(safe-area-inset-right));transform:none;display:grid;gap:4px;max-width:130px}.hands-bottom{left:max(var(--hud-edge),env(safe-area-inset-left));transform:none;padding:6px;max-width:140px}.hands-hint,.hands-workshop[data-phase=done] .hands-bottom{display:none}.hands-result{bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:480px){.hands-workshop{--hud-bar: calc(2 * var(--hud-button) + 6px)}.hands-nav{display:grid;grid-template-columns:repeat(2,var(--hud-button));gap:6px}.hands-hint{max-width:190px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.fold-trail:after{animation:none;transform:translate(-50%,4px) rotate(45deg);opacity:1}}.workshop-site-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh}.workshop-site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:max(6px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 6px max(18px,env(safe-area-inset-left));background:#faf4e6;border-bottom:1px solid #d7c7a4;z-index:6}.workshop-site-header .yk-home-link{gap:7px;color:#6b5835}.workshop-site-header .yk-home-mark{inline-size:34px;block-size:34px}.workshop-site-header .yk-home-mark svg{filter:none}.workshop-site-header .yk-home-copy b{color:#405b49;font-size:11px;letter-spacing:.12em}.workshop-site-header .yk-home-copy span{color:#776545;font-size:11px}.workshop-category{color:#5c6c59;font-size:12px;line-height:1.35;text-decoration:none;text-align:center}.workshop-category span{display:block;color:#334c3e;font-size:16px;font-weight:700}.workshop-site-nav{display:flex;align-items:center;gap:8px}.workshop-site-nav .yk-all-games-link,.workshop-site-nav .yk-language-toggle{color:#355849;background:#e7ecdd;border-color:#c9d5be;box-shadow:none;backdrop-filter:none;letter-spacing:0}.workshop-site-nav .yk-all-games-link:hover,.workshop-site-nav .yk-language-toggle:hover{background:#dce5cf;color:#244434}.workshop-game-host{min-height:0;position:relative}.workshop-game-host .hands-workshop{height:100%;min-height:0}html[lang=ckb] .workshop-site-shell{font-family:Tahoma,Noto Sans Arabic,sans-serif}html[lang=ckb] .hands-dialog h2{font-family:inherit;line-height:1.5}html[lang=ckb] .hands-identity h1{letter-spacing:0;line-height:1.6}html[lang=ckb] .hands-hint{line-height:1.65}.hands-canvas{direction:ltr}@media(max-width:650px){.workshop-site-header{min-height:58px;padding-inline:12px;gap:8px}.workshop-site-header .yk-home-copy,.workshop-category{display:none}.workshop-site-nav{gap:7px}html[lang=ckb] .invention-card{line-height:1.65}}