:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f8edce;background:#173135;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{min-height:100svh}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #fff0b5;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.workshop{position:relative;isolation:isolate;height:100svh;min-height:600px;display:grid;grid-template-rows:120px minmax(0,1fr) 64px;padding:max(12px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:hidden;overflow:clip}.backdrop{position:absolute;inset:0;z-index:-2;background:#183b40 url(/junkwobble/art/workshop.webp) center center / cover no-repeat;transform:translateY(var(--scene-shift, 0px)) scale(1.3);transform-origin:center 70%;will-change:transform}.upper-backdrop{position:absolute;inset:0;z-index:-2;background:url(/junkwobble/art/workshop-upper.webp) center center / cover no-repeat;opacity:0;transform:translateY(var(--scene-shift, 0px)) scale(1.3);transform-origin:center 70%;transition:opacity 1.2s}.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;transition:background-color 2s,opacity 2s}.atmosphere[data-level="0"]{background-color:#fbc56b08}.atmosphere[data-level="1"]{background-color:#11474820}.atmosphere[data-level="2"]{background-color:#3975a838}.atmosphere[data-level="3"]{background-color:#12294e88}.atmosphere i{position:absolute;width:65%;height:20%;top:5%;left:-18%;opacity:0;transition:opacity 2s;transform:rotate(28deg);background:linear-gradient(180deg,#e6f5fb38,transparent);filter:blur(18px)}.atmosphere[data-level="2"] i,.atmosphere[data-level="3"] i{opacity:1}.atmosphere i+i{left:68%;top:15%;width:45%;transform:rotate(-25deg)}.header-actions{justify-self:end;display:grid;grid-template-columns:50px 50px;gap:8px 12px}.header-actions .restart{grid-column:auto;grid-row:auto;padding:0}.lives{grid-column:1 / 3;display:flex;justify-content:center;gap:8px}.lives svg{width:23px;height:23px;fill:#f79567;stroke:#ffd3a0;stroke-width:1.5;filter:drop-shadow(0 2px 2px #142327);transition:opacity .3s,transform .3s}.lives svg.lost{opacity:.22;fill:#6b7674;transform:scale(.85)}.sound[aria-pressed=false] svg{opacity:.45}.feedback-toast{position:absolute;bottom:9%;left:50%;transform:translate(-50%);padding:9px 18px;border:1px solid #b5eed379;border-radius:25px;background:#14373ae0;box-shadow:0 4px 20px #051b2944;color:#d0f2d5;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}.feedback-toast[data-kind=lost]{color:#ffd0ae;border-color:#ffab8579}.feedback-toast[data-kind=unlock]{color:#ffe1a4;border-color:#ffdb9679}.overlay.game-over{background:#0a2336b3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.game-over .dialog{background:radial-gradient(ellipse at 50% 0%,#57716b,#1b383e 80%);border-color:#cdbf8c;box-shadow:inset 0 0 0 5px #101d2933,0 20px 70px #05132499;max-width:440px;width:calc(100% - 40px)}.result-scores{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.result-scores span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#d5d6bb}.result-scores strong{display:block;font-size:32px;margin-top:8px;color:#ffe0a0}@media(max-width:650px){.header-actions{grid-column:3;grid-row:1;grid-template-columns:38px 38px;gap:7px}.header-actions .restart{grid-column:auto;grid-row:auto}.lives{gap:5px}.lives svg{width:20px;height:20px}.game-over .dialog{padding:28px 20px}}@media(prefers-reduced-motion:reduce){.atmosphere,.atmosphere i,.upper-backdrop,.lives svg,.action{transition:none}.backdrop{will-change:auto}}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#081c235c 0%,transparent 25%,transparent 64%,#041b2470 100%),radial-gradient(ellipse at 50% 55%,transparent 20%,#04151a45 100%)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:30px;z-index:2}.brand{width:max-content;padding:0}.brand h1{margin:-12px 0 -14px;line-height:0}.brand h1 img{width:230px;height:auto}.brand p{margin:0;text-align:center;font-size:11px;font-weight:700;color:#fff0cf;text-shadow:0 1px 3px #132b31;letter-spacing:.35px}.scoreboard{display:flex;gap:16px;padding-top:4px}.score{position:relative;min-width:156px;text-align:center;padding:12px 25px 11px;background:linear-gradient(135deg,#4c5b58f5,#283e40f5 45%,#243738f5);border:2px solid #85918a;border-radius:8px;box-shadow:inset 0 1px #d5d9bd66,inset 0 0 0 4px #101f2945,0 4px #142327,0 8px 15px #00192245}.score:before,.score:after{content:"";position:absolute;width:4px;height:4px;top:6px;border-radius:50%;background:#a0aba3;box-shadow:0 1px 1px #071b22}.score:before{left:7px}.score:after{right:7px}.score>span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#dcdac1}.score strong{display:block;margin-top:3px;font-size:34px;font-weight:900;letter-spacing:-.6px;line-height:1;color:#fff3ca;text-shadow:0 2px 1px #132d31;font-variant-numeric:tabular-nums}.score small{font-size:24px}.score-best strong{color:#e8d4a1}.restart{justify-self:end;display:grid;justify-items:center;gap:8px;padding:0 12px;background:none;border:0;font-size:11px;font-weight:700;color:#f7e8c7;text-shadow:0 2px 2px #091c27}svg{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.restart svg{width:50px;height:50px;padding:12px;background:linear-gradient(135deg,#82918a,#3c514f 45%,#203737);border:2px solid #99a095;border-radius:50%;box-shadow:inset 0 0 0 4px #18323780,0 3px #16292a,0 5px 12px #061b2466}.restart:hover svg{filter:brightness(1.15)}.restart:active svg{transform:translateY(2px)}.playfield{position:relative;min-height:0}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}canvas:active{cursor:grabbing}.start-note{position:absolute;top:25%;left:max(25px,calc(50% - 570px));max-width:260px;pointer-events:none;transition:opacity .4s;text-shadow:0 2px 12px #0d232b88}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2.8px;color:#e5c388}.start-note p{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,40px);font-style:italic;line-height:1.15;margin:14px 0;color:#fff0d1}.start-note.gone{opacity:0}.object-note{position:absolute;right:max(30px,calc(50% - 565px));bottom:18%;width:220px;pointer-events:none;transition:opacity .2s;text-shadow:0 2px 8px #06212be0}.object-note h2{margin:10px 0 6px;font-family:Georgia,serif;font-size:24px;font-weight:400;color:#fcecd2}.object-note p{margin:0;color:#dddcc2;font-size:12px;line-height:1.6;max-width:180px}.object-note.muted{opacity:.35}.controls{align-self:end;display:grid;justify-items:center;padding-top:10px;padding-bottom:2px;z-index:2}.turn-status{height:27px;text-align:center;font-size:12px;font-weight:700;color:#e2dec0;text-shadow:0 2px 3px #112c32;letter-spacing:.3px}.turn-status span{padding:0 6px;color:#ceb474}.preparation-controls{position:absolute;left:0;top:0;display:flex;gap:8px;z-index:3;width:216px;touch-action:manipulation}.action{display:flex;align-items:center;justify-content:center;gap:14px;min-width:184px;min-height:62px;padding:10px 23px;border-radius:20px;border:2px solid #dccbfd;font-size:22px;font-weight:900;letter-spacing:-.5px;color:#fff1da;text-shadow:0 2px 1px #37246280;background:radial-gradient(ellipse at 25% 0%,#d4b4f480,transparent 60%),linear-gradient(135deg,#aa7ae0,#7f55b9 55%,#604295);box-shadow:inset 0 0 0 3px #62418d55,inset 0 5px #fff2fb26,inset 0 -5px #3b28604d,0 5px #332c47,0 9px 15px #001b2766;transition:filter .15s,transform .1s,opacity .2s}.action svg{width:25px;height:25px;stroke-width:3;filter:drop-shadow(0 2px 0 #2a214c55)}.action.drop{min-width:205px;border-color:#ffe0a4;background:radial-gradient(ellipse at 25% 0%,#ffda7170,transparent 60%),linear-gradient(135deg,#fbb248,#ed952f 50%,#d9761e);box-shadow:inset 0 0 0 3px #af681c55,inset 0 5px #fff2c136,inset 0 -5px #92541955,0 5px #62431d,0 9px 15px #001b2766;text-shadow:0 2px 1px #8c481366}.action:hover:not(:disabled){filter:brightness(1.12)}.action:active:not(:disabled){transform:translateY(3px)}.action:disabled{opacity:.45;filter:saturate(.5)}.preparation-controls .action,.preparation-controls .action.drop{min-width:0;width:104px;min-height:46px;padding:8px 12px;font-size:14px;border-radius:15px;gap:8px}.preparation-controls .action svg{width:20px;height:20px}.preparation-controls .action.rotate{width:48px;flex:0 0 48px;padding:8px}.preparation-controls .action.drop{flex:1}.preparation-controls svg.counterclockwise{transform:scaleX(-1)}kbd{font:8px Arial,sans-serif;letter-spacing:.7px;padding:4px 5px;border:1px solid #fff0ce40;border-radius:4px;opacity:.75;margin-left:3px;text-shadow:none}.footer-line{display:flex;justify-content:space-between;width:min(403px,100%);margin-top:4px;font-size:9px;letter-spacing:1px;color:#d5d3b896;text-shadow:0 1px 2px #05232b}.footer-line>span:first-child{font-size:8px;letter-spacing:2px}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#122e37ee}.loading-content{text-align:center;padding:25px}.loading-content h2{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:26px}.loading-line{height:2px;width:140px;margin:25px auto;background:linear-gradient(90deg,transparent,#f3c36e,transparent)}.full-overlay{background:#0d252fbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{max-width:380px;margin:20px;padding:36px;background:linear-gradient(145deg,#395457,#1b383e);border:1px solid #b7b29480;border-radius:20px;text-align:center;box-shadow:0 20px 70px #07192199}.dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400}.dialog p{font-size:14px;line-height:1.6;color:#d3d4bc}.dialog .action{width:100%;margin-top:24px;font-size:18px}.pause-badge{position:absolute;top:135px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:20px;background:#132d34;border:1px solid #a4a78b80;z-index:5;font-size:12px}@media(min-width:1600px){.workshop{padding-left:50px;padding-right:50px;grid-template-rows:130px minmax(0,1fr) 64px}}@media(max-width:1050px){.start-note,.object-note{display:none}.brand h1 img{width:180px}.topbar{gap:15px}.score{min-width:126px;padding:11px 15px}.score strong{font-size:30px}.scoreboard{gap:10px}}@media(max-width:650px){.workshop{min-height:540px;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));grid-template-rows:158px minmax(0,1fr) 54px}.backdrop{background-image:url(/junkwobble/art/workshop-mobile.webp);background-position:center center}.backdrop:after{background:linear-gradient(180deg,#0d242763,transparent 32%,#06263333 65%,#061e2caa)}.topbar{grid-template-columns:1fr 1fr auto;grid-template-rows:92px 56px;gap:8px;align-items:start}.brand{grid-column:1 / 3;padding-left:5px}.brand h1{margin:-12px 0 -10px}.brand h1 img{width:166px}.brand p{font-size:9px;margin-top:0}.restart{grid-column:3;grid-row:1;padding:0 4px;gap:5px;font-size:9px}.restart svg{width:38px;height:38px;padding:9px}.scoreboard{grid-row:2;grid-column:1 / 4;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}.score{min-width:0;padding:8px 12px;border-width:1px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;height:54px}.score>span{font-size:8px;letter-spacing:1px;text-align:left;max-width:60px;line-height:1.6}.score strong{font-size:27px;margin-top:0}.score small{font-size:17px}.score:before,.score:after{width:3px;height:3px;top:4px}.controls{width:100%;padding:0}.turn-status{font-size:10px;height:25px}.action,.action.drop{min-width:0;width:50%;min-height:58px;font-size:20px;padding:9px 15px;gap:12px;border-radius:19px}.action svg{width:22px;height:22px}kbd{display:none}.footer-line{width:100%;max-width:400px;margin-top:4px;font-size:8px}.pause-badge{top:160px}}@media(max-height:700px)and (min-width:651px){.workshop{min-height:440px;grid-template-rows:85px minmax(0,1fr) 54px;padding-top:10px;padding-bottom:10px}.brand h1 img{width:155px}.brand p{font-size:9px;margin-top:0}.score{padding:9px 15px}.score strong{font-size:27px}.restart svg{width:40px;height:40px;padding:9px}.action,.action.drop{min-height:48px;font-size:19px}.footer-line{margin-top:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.wind-indicator{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:7px 14px;border:1px solid #aff7e280;border-radius:20px;background:#173d3bea;color:#c2ffed;box-shadow:0 4px 18px #081d2440;font-size:13px;letter-spacing:1px;pointer-events:none}.wind-indicator[hidden]{display:none}.wind-flash{position:absolute;z-index:5;top:15%;left:50%;transform:translate(-50%);width:min(400px,calc(100% - 24px));padding:14px 28px 18px;text-align:center;pointer-events:none;color:#e2fff4;border:2px solid #b3ffe5;border-radius:18px;background:linear-gradient(135deg,#316d63fa,#102f39fa);box-shadow:0 0 0 5px #81e8c92a,0 0 55px #85ffd852,0 12px 35px #061d34b3}.gust-label{font-size:12px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#ffdda0}.gust-direction{display:flex;align-items:center;justify-content:center;gap:20px}.gust-direction b{font-size:76px;line-height:1;color:#b1ffdf;text-shadow:0 0 22px #69ffcf80}.gust-direction strong{font-size:34px;letter-spacing:3px}.gust-strength{font-size:24px;letter-spacing:3px;color:#ffdc91}.gust-strength small{font-size:11px;font-weight:900;letter-spacing:2px;margin-left:10px}@media(max-width:650px){.wind-flash{top:12%;padding:12px 16px}.gust-direction b{font-size:60px}.gust-direction strong{font-size:28px}}.wind-art{width:145px;height:76px;overflow:visible;stroke-width:initial;filter:drop-shadow(0 3px 0 #123d40) drop-shadow(0 0 12px #9affda45)}.wind-art.wind-left{transform:scaleX(-1)}.wind-indicator{display:flex;align-items:center;gap:9px}.wind-indicator .wind-art{width:42px;height:23px}.hazard-meter{display:inline-flex;gap:5px;vertical-align:middle}.hazard-meter i{width:20px;height:9px;border:1px solid #c7ebca80;border-radius:3px;background:#142f3740;box-shadow:inset 0 1px 2px #041b3340}.hazard-meter i.filled{border-color:#ffeac1;background:linear-gradient(135deg,#fff0bc,#eeb970);box-shadow:0 1px #835333,0 0 8px #ffd79045}.wind-indicator .hazard-meter i{width:11px;height:6px}.gust-help{margin:16px 0 0;font-size:14px;line-height:1.5;color:#f6eed6;letter-spacing:.2px}.tremor-notice{position:absolute;z-index:4;bottom:16%;left:50%;transform:translate(-50%);width:min(370px,calc(100% - 24px));display:flex;gap:12px;align-items:center;padding:16px;border:2px solid #f4bb7a;border-radius:14px;background:linear-gradient(135deg,#67482df7,#322e2af7);box-shadow:0 0 0 4px #d9945320,0 8px 28px #09253770;pointer-events:none}.tremor-art{width:70px;height:64px;flex-shrink:0;filter:drop-shadow(0 3px 2px #201d24)}.tremor-notice strong{display:block;margin:5px 0;color:#ffe1aa;font-size:21px;letter-spacing:2px}.tremor-notice .gust-label{font-size:9px;letter-spacing:1.5px}.tremor-notice p{margin:9px 0 0;font-size:11px;line-height:1.5;color:#f3ddbc}@media(max-width:650px){.gust-direction{gap:10px}.gust-direction .wind-art{width:105px}.gust-help{font-size:12px}.tremor-notice{bottom:12%;padding:12px}}.tremor-notice.compact{top:52px;bottom:auto;width:auto;max-width:calc(100% - 24px);padding:5px 13px;gap:9px;border-width:1px}.tremor-notice.compact .tremor-art{width:29px;height:28px}.tremor-notice.compact .gust-label{letter-spacing:.5px}.tremor-notice.compact strong{display:inline;font-size:10px;margin-left:9px;letter-spacing:.5px}.tremor-notice.compact .hazard-meter,.tremor-notice.compact p{display:none}