:root{--ink:#3f3128;--line:#b9aa92;--wood:#8f663d;--accent:#4f7d62;--stone:#77746d;--timber:#a56e38;--timber-light:#b97c42;--timber-dark:#6e452a}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink)}.workshop-shell{width:min(1100px,calc(100% - 32px));margin:28px auto 56px}.workshop-title{margin:12px 0 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.phase-badge{display:inline-block;margin-top:10px;padding:6px 10px;border:2px dashed var(--wood);border-radius:8px;font-weight:700;background:#fff3d5}.game-panel{background:rgba(255,249,238,.94);border:3px solid var(--wood);border-radius:18px;padding:clamp(18px,4vw,34px);box-shadow:0 10px 24px rgba(65,45,28,.18)}.game-head,.project-status{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.game-head{padding-bottom:20px;border-bottom:2px dashed var(--line)}.challenge-label,.project-kicker{margin:0 0 5px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.challenge-title{margin:0;font-size:clamp(1.4rem,3vw,2.1rem)}.score-box{min-width:170px;padding:12px 16px;border:2px solid var(--line);border-radius:12px;background:#fff;font-weight:900;text-align:center}.workspace-section{margin-top:26px}.section-heading{margin:0 0 10px;font-weight:900}.brick-bank,.sentence-rail{min-height:112px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:20px;border-radius:14px}.brick-bank{border:2px dashed var(--line);background:#f3ead9}.sentence-rail{position:relative;border:4px solid var(--wood);background:linear-gradient(#e8c796,#d2a66c);box-shadow:inset 0 -8px 0 rgba(95,61,31,.12)}.brick-bank.magnet,.sentence-rail.magnet{outline:5px solid rgba(79,125,98,.24);outline-offset:3px}.sentence-rail.connected{gap:0}.rail-empty{font-weight:900;opacity:.62;pointer-events:none}.word-brick{position:relative;min-width:82px;padding:14px 18px 12px;border:3px solid #2f2b28;border-radius:9px;background:#f6c945;color:#27231f;font:inherit;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:900;cursor:grab;touch-action:none;user-select:none;box-shadow:inset 0 -6px 0 rgba(94,67,18,.18),inset 0 3px 0 rgba(255,255,255,.38),0 6px 0 rgba(47,43,40,.28),0 9px 12px rgba(47,43,40,.12)}.word-brick:before,.word-brick:after{content:"";position:absolute;top:-9px;width:18px;height:8px;border:2px solid #2f2b28;border-bottom:0;border-radius:5px 5px 0 0;background:inherit}.word-brick:before{left:15px}.word-brick:after{right:15px}.word-brick.drag-origin{visibility:hidden}.drag-ghost,.assembly-ghost{position:fixed;z-index:10000;margin:0;pointer-events:none;filter:drop-shadow(0 22px 18px rgba(47,43,40,.32))}.drag-ghost{transform:rotate(var(--tilt,0deg)) scale(1.08)}.drop-slot{flex:0 0 auto;border:3px dashed rgba(63,49,40,.38);border-radius:9px;background:rgba(255,255,255,.28)}.word-brick.snap{animation:snap .34s cubic-bezier(.2,1.55,.45,1)}@keyframes snap{0%{transform:translateY(-14px) scale(1.05)}55%{transform:translateY(4px) scale(.98,1.03)}100%{transform:none}}.sentence-rail.error{animation:shake .32s ease}@keyframes shake{0%,100%{transform:none}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}.sentence-build{display:inline-flex;align-items:stretch;gap:0;max-width:100%;cursor:grab;touch-action:none;filter:drop-shadow(0 8px 5px rgba(47,43,40,.25));animation:connect .42s cubic-bezier(.2,1.35,.4,1)}.sentence-build .word-brick{pointer-events:none;margin-left:-3px;border-radius:0;box-shadow:inset 0 -6px 0 rgba(94,67,18,.18),inset 0 3px 0 rgba(255,255,255,.38)}.sentence-build .word-brick:first-child{margin-left:0;border-radius:9px 0 0 9px}.sentence-build .word-brick:last-child{border-radius:0 9px 9px 0}.sentence-build.hidden{visibility:hidden}.sentence-build.installed{animation:install .5s cubic-bezier(.18,1.5,.38,1)}@keyframes connect{50%{transform:scaleX(.985) scaleY(1.035)}100%{transform:none}}@keyframes install{0%{transform:translateY(-24px) scale(1.03)}55%{transform:translateY(5px) scaleY(.96)}100%{transform:none}}.assembly-ghost{transform:rotate(var(--tilt,0deg)) scale(1.035)}.project-status{align-items:center;margin-bottom:10px;padding:12px 14px;border:2px solid #c4b59d;border-radius:12px;background:rgba(255,255,255,.62)}.project-title{font-size:1.1rem}.project-progress{display:flex;align-items:center;gap:12px;font-weight:900}.progress-pegs{display:flex;gap:6px}.progress-peg{width:18px;height:18px;border:3px solid #75634d;border-radius:5px;background:#eee4d2}.progress-peg.complete{background:#f6c945;transform:translateY(-2px)}.construction-zone{position:relative;height:clamp(370px,48vw,470px);min-height:370px;overflow:hidden;border:4px solid #8f8069;border-radius:18px;background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.12)),linear-gradient(#dfe9df 0 61%,#d4c3a4 61% 100%);box-shadow:inset 0 -18px 0 rgba(80,61,38,.08);isolation:isolate}.construction-zone:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,103,88,.2) 40px 41px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(67,103,88,.16) 60px 61px)}.construction-zone.ready{border-color:var(--accent)}.construction-zone.drop-ready{box-shadow:inset 0 0 0 8px rgba(79,125,98,.13),inset 0 -18px 0 rgba(80,61,38,.08)}.workshop-blueprint{position:absolute;left:18%;top:6%;width:64%;height:86%;color:#6b8c7c;opacity:.34;z-index:-1;transition:opacity .35s}.construction-zone.has-builds .workshop-blueprint{opacity:.18}.construction-zone.project-complete .workshop-blueprint{opacity:0}.site-ground{position:absolute;left:-4%;right:-4%;bottom:0;height:14%;z-index:0;background:linear-gradient(#c5ad85,#aa8f68);border-top:3px solid rgba(85,65,43,.24)}.frame-post{position:absolute;bottom:16%;width:16px;height:56%;z-index:3;border:3px solid #5e422c;border-radius:4px;background:linear-gradient(90deg,#8c6138,#bb8550 45%,#7b512f);opacity:.2;transition:opacity .35s}.frame-post.left{left:22%}.frame-post.right{right:22%}.construction-zone.has-builds .frame-post{opacity:.8}.roof-ghost{position:absolute;left:50%;top:7%;width:58%;height:112px;z-index:1;opacity:.07;transform:translateX(-50%);clip-path:polygon(50% 0,100% 82%,91% 100%,50% 31%,9% 100%,0 82%);background:#765236;transition:opacity .4s}.construction-zone[data-built="5"] .roof-ghost{opacity:.9}.scaffold{position:absolute;top:15%;bottom:10%;width:12%;z-index:3;opacity:.7}.scaffold-left{left:9%}.scaffold-right{right:9%;transform:scaleX(-1)}.scaffold:before,.scaffold:after{content:"";position:absolute;top:0;bottom:0;width:8px;border-radius:4px;background:#786954}.scaffold:before{left:16%}.scaffold:after{right:16%}.scaffold-bars{position:absolute;inset:5% 0;background:linear-gradient(63deg,transparent 46%,#8e7d64 47% 51%,transparent 52%),linear-gradient(-63deg,transparent 46%,#8e7d64 47% 51%,transparent 52%),repeating-linear-gradient(0deg,transparent 0 64px,#665946 65px 72px)}.construction-zone.project-complete .scaffold{opacity:.18}.site-crane{position:absolute;left:2%;top:3%;width:38%;height:58%;z-index:4;opacity:.75}.crane-tower{position:absolute;left:10%;top:12%;bottom:0;width:12px;background:#6f6252;box-shadow:20px 0 0 #6f6252}.crane-arm{position:absolute;left:8%;top:11%;width:82%;height:10px;border-radius:5px;background:#796a57;transform:rotate(-2deg)}.crane-cable{position:absolute;left:71%;top:14%;width:2px;height:45%;background:#544b40;transform-origin:top;animation:sway 3.4s ease-in-out infinite alternate}.crane-hook{position:absolute;left:-7px;bottom:-14px;width:16px;height:17px;border:4px solid #544b40;border-top:0;border-radius:0 0 9px 9px}@keyframes sway{from{transform:rotate(-1.3deg)}to{transform:rotate(1.5deg)}}.beam-slot{--slot-y:50%;--slot-width:54%;--slot-height:64px;position:absolute;left:50%;top:var(--slot-y);width:var(--slot-width);height:var(--slot-height);display:grid;place-items:center;z-index:6;transform:translate(-50%,-50%);border:3px dashed rgba(84,91,82,.5);border-radius:7px;background:rgba(246,249,243,.24);transition:.18s}.beam-slot.next-slot:not(.filled){border-color:rgba(110,95,71,.72);background:rgba(255,249,231,.48)}.construction-zone.ready .beam-slot.ready-slot:not(.filled){border-style:solid;border-color:var(--accent);background:rgba(226,244,230,.7);box-shadow:0 0 0 6px rgba(79,125,98,.1);animation:breathe 1.4s ease-in-out infinite alternate}.beam-slot.drop-ready:not(.filled){transform:translate(-50%,-50%) scale(1.025);background:rgba(216,244,222,.9);box-shadow:0 0 0 9px rgba(79,125,98,.16)}@keyframes breathe{to{box-shadow:0 0 0 9px rgba(79,125,98,.15)}}.slot-label{padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.72);font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.beam-slot.filled{border-color:transparent;background:transparent;box-shadow:none}.beam-slot.filled .slot-label{display:none}.beam-slot.filled .sentence-build{width:100%;height:100%;max-width:none;display:flex;align-items:stretch;filter:drop-shadow(0 6px 4px rgba(47,43,40,.24))}.beam-slot.filled .sentence-build .word-brick{flex:var(--word-weight,3) 1 0;min-width:0;height:100%;margin:0;padding:8px 5px;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-width:3px 1.5px;border-radius:0;font-size:clamp(.66rem,1.55vw,1rem);line-height:1;box-shadow:inset 0 4px 0 rgba(255,255,255,.16),inset 0 -8px 0 rgba(33,25,18,.14)}.beam-slot.filled .sentence-build .word-brick:first-child{border-left-width:3px;border-radius:7px 0 0 7px}.beam-slot.filled .sentence-build .word-brick:last-child{border-right-width:3px;border-radius:0 7px 7px 0}.beam-slot.filled .sentence-build .word-brick:before,.beam-slot.filled .sentence-build .word-brick:after{top:-7px;width:16px;height:7px;border-width:2px;border-bottom:0}.material-stone .word-brick{color:#fffdf4;border-color:#56534d;background:linear-gradient(105deg,rgba(255,255,255,.12) 0 9%,transparent 10% 68%,rgba(0,0,0,.08) 69% 73%,transparent 74%),linear-gradient(#9b9890,#74716a);text-shadow:0 1px 1px rgba(0,0,0,.42)}.material-timber .word-brick{color:#2d2118;border-color:#604326;background:repeating-linear-gradient(2deg,rgba(92,55,25,.08) 0 2px,transparent 2px 12px),linear-gradient(#d0a064,#a56e38)}.material-timber-light .word-brick{color:#2d2118;border-color:#654728;background:repeating-linear-gradient(-2deg,rgba(92,55,25,.08) 0 2px,transparent 2px 11px),linear-gradient(#dfb477,#b97c42)}.material-timber-dark .word-brick{color:#fff7e8;border-color:#4e321f;background:repeating-linear-gradient(2deg,rgba(255,255,255,.05) 0 2px,transparent 2px 12px),linear-gradient(#94623b,#6e452a);text-shadow:0 1px 1px rgba(0,0,0,.38)}.construction-hint{position:absolute;top:12px;right:12px;z-index:8;width:min(280px,44%);margin:0;padding:9px 11px;border:2px solid rgba(111,91,65,.24);border-radius:10px;background:rgba(255,251,240,.9);font-size:.86rem;font-weight:800;text-align:center}.finish-detail{position:absolute;z-index:2;opacity:0;transition:.5s}.finish-door{left:46%;bottom:10%;width:9%;height:22%;border:5px solid #583e2d;border-radius:28px 28px 3px 3px;background:#79543a}.finish-window{left:35%;bottom:31%;width:10%;aspect-ratio:1;border:6px solid #664831;background:#d9e8e2}.finish-flag{left:50%;top:3%;width:60px;height:42px;border-left:5px solid #5a4938}.finish-flag:after{content:"SW";position:absolute;left:4px;top:0;width:48px;height:27px;display:grid;place-items:center;background:#4f7d62;color:#fff;font-size:.7rem;font-weight:900}.construction-zone.project-complete .finish-detail{opacity:1}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.workshop-btn{border:0;border-radius:10px;padding:13px 22px;font:inherit;font-weight:900;cursor:pointer}.build-btn{background:var(--accent);color:#fff}.reset-btn{background:#ddd2bf;color:var(--ink)}.next-btn{background:#5f4d84;color:#fff}.workshop-btn:disabled{opacity:.45;cursor:not-allowed}.feedback{min-height:58px;display:grid;place-items:center;margin-top:18px;padding:12px;border-radius:12px;font-size:1.2rem;font-weight:900;text-align:center}.feedback.correct{background:#dff0e3;color:#235236}.feedback.incorrect{background:#f5dfdc;color:#722f29}.prototype-note{margin-top:20px;padding:14px 16px;border-left:5px solid var(--wood);background:rgba(255,255,255,.58);line-height:1.5}@media(max-width:640px){.workshop-shell{width:min(100% - 18px,1100px);margin-top:14px}.game-panel{border-radius:12px}.brick-bank,.sentence-rail{padding:16px 10px;gap:9px}.word-brick{min-width:70px;padding:13px 12px 11px}.score-box{width:100%}.project-status{align-items:flex-start;flex-direction:column}.construction-zone{height:390px}.construction-hint{width:58%;font-size:.72rem}.beam-slot{--slot-width:76%}.beam-slot.filled .sentence-build .word-brick{padding:6px 2px;font-size:clamp(.55rem,2.3vw,.72rem)}.scaffold{width:15%}.scaffold-left{left:3%}.scaffold-right{right:3%}.site-crane{opacity:.45;width:45%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}