html,body{overflow:hidden}.cinder-job-shell,.cinder-job-world{width:100%;height:100svh;overflow:hidden}.cinder-job-world{position:relative;isolation:isolate;background:#4e3531}.cinder-job-scene{--scene-ratio:1.7777778;position:absolute;left:50%;top:50%;width:min(100%,calc(100svh * var(--scene-ratio)));aspect-ratio:16/9;overflow:clip;isolation:isolate;transform:translate(-50%,-50%)}.cinder-job-art{position:absolute;z-index:0;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat;transform:scale(1.004)}body[data-cinder-job="forge"] .cinder-job-art{background-image:var(--pw-cinder-forge-bg,url('/cinder/backgrounds/glowglass-forge-background.webp'))}body[data-cinder-job="repair"] .cinder-job-art{background-image:var(--pw-cinder-repair-bg,url('/cinder/backgrounds/steamworks-repair-yard-background.webp'))}body[data-cinder-job="market"] .cinder-job-art{background-image:var(--pw-cinder-market-bg,url('/cinder/backgrounds/emberlight-market-background.webp'))}.cinder-customer{left:5%;top:31%;width:15%;height:29%;transform:translate(var(--character-drag-x,0),var(--character-drag-y,0))}.cinder-order{left:3%;top:13%;width:29%}body[data-cinder-job="market"] .cinder-customer{left:auto;right:4%;top:34%;width:16%;height:30%}body[data-cinder-job="market"] .cinder-order{left:auto;right:3%;top:14%;width:30%}.cinder-choice-rack{position:absolute;z-index:26;left:4%;bottom:1.2%;width:48%;height:27%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(5px,.7vw,12px);padding:0 1%;pointer-events:none}.cinder-choice{position:relative;flex:1 1 0;max-width:135px;height:100%;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:transform .18s,filter .18s}.cinder-choice:active{transform:translateY(4px) scale(.98)}.cinder-choice[aria-pressed="true"]{transform:translateY(-10px);filter:drop-shadow(0 0 14px #ffd25d)}.choice-art{position:absolute;z-index:0;left:0;right:0;top:0;bottom:15%;background-repeat:no-repeat;background-position:var(--art-position,0%) center;background-size:300% 100%;filter:drop-shadow(0 7px 4px rgba(38,21,19,.32))}.choice-copy{position:absolute;z-index:2;left:50%;bottom:0;min-width:94%;padding:5px 6px;border:3px solid #ffe7a1;border-radius:13px;background:rgba(61,43,38,.93);box-shadow:0 4px 0 rgba(32,23,20,.3);color:#fff8df;text-align:center;line-height:1.03;transform:translateX(-50%)}.choice-copy strong{display:block;font-size:clamp(15px,1.15vw,20px)}.choice-copy small{display:block;font-size:clamp(11px,.75vw,14px);font-weight:900}.cinder-work-target{position:absolute;z-index:18;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation}.cinder-work-target::after{content:"";position:absolute;inset:25%;border-radius:50%;box-shadow:0 0 0 0 rgba(255,210,85,.84);animation:workPulse 2.2s ease-out infinite}.cinder-work-target[data-ready="false"]::after{opacity:.25;animation:none}.cinder-work-target:focus-visible{outline:5px solid #fff0a6;outline-offset:-6px}body[data-cinder-job="forge"] .cinder-work-target{left:43%;top:15%;width:22%;height:39%}body[data-cinder-job="repair"] .cinder-work-target{left:34%;top:23%;width:37%;height:43%}body[data-cinder-job="market"] .cinder-work-target{left:18%;top:19%;width:48%;height:39%;border-radius:20%}.cinder-installed{position:absolute;z-index:27;left:50%;top:48%;width:13%;height:17%;background-repeat:no-repeat;background-position:var(--art-position,50%) center;background-size:300% 100%;filter:drop-shadow(0 7px 4px rgba(38,21,19,.34));opacity:0;transform:translate(-50%,30%) scale(.55);transition:.45s}.cinder-installed.visible{opacity:1;transform:translate(-50%,0) scale(1)}body[data-cinder-job="repair"] .cinder-installed{left:51%;top:38%;width:12%;height:19%}body[data-cinder-job="market"] .cinder-installed{left:43%;top:28%;width:30%;height:24%;background-size:300% 100%}.cinder-result-art{position:absolute;z-index:24;right:2%;bottom:1%;width:32%;height:25%;background:url('/cinder/objects/glowglass-products-cooling-tray.webp') center/contain no-repeat;filter:drop-shadow(0 8px 5px rgba(39,23,20,.3));opacity:0;transform:translateY(25%);transition:.45s}.cinder-result-art.visible{opacity:1;transform:none}body[data-cinder-job="market"] .cinder-result-art{left:28%;right:auto;top:24%;bottom:auto;width:34%;height:31%;background-image:url('/cinder/objects/market-wholesale-crates-strip.webp');background-size:300% 100%;background-position:50% center}.cinder-sign-rack{position:absolute;z-index:34;left:18%;top:20%;width:49%;height:31%;display:flex;gap:2%;align-items:center;justify-content:center}.cinder-sign{position:relative;width:31%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.cinder-sign::before{content:"";position:absolute;inset:0;background:url('/cinder/objects/market-signboards-blank-strip.webp') var(--art-position,0%) center/300% 100% no-repeat;filter:drop-shadow(0 7px 4px rgba(38,21,19,.33))}.cinder-sign span{position:absolute;z-index:2;left:50%;top:48%;width:68%;color:#4b2f25;font-size:clamp(13px,1.15vw,20px);font-weight:1000;line-height:1.08;text-align:center;transform:translate(-50%,-50%) rotate(var(--sign-tilt,0deg))}.cinder-sign[aria-pressed="true"]{filter:drop-shadow(0 0 15px #ffd25d);transform:translateY(-6px)}.cinder-service-bell{position:absolute;z-index:37;right:24%;bottom:20%;width:8.5%;height:13%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.cinder-service-bell img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 3px rgba(38,21,19,.3))}.cinder-service-bell::after{content:"";position:absolute;inset:20%;border-radius:50%;box-shadow:0 0 0 0 rgba(255,219,106,.8);animation:workPulse 2s ease-out infinite}.cinder-payment{position:absolute;z-index:39;right:6%;top:52%;width:10%;height:15%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.cinder-payment img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(36,22,20,.32))}.cinder-payment strong{position:absolute;left:50%;top:50%;padding:4px 8px;border-radius:999px;background:#fff5c8;color:#55392a;font-size:18px;transform:translate(-50%,-50%)}.cinder-answer-panel{position:absolute;z-index:50;left:50%;bottom:4%;width:min(600px,53%);padding:13px 16px;border:4px solid #f5d17d;border-radius:24px;background:rgba(50,35,33,.94);box-shadow:0 7px 0 rgba(31,22,20,.3);color:#fff;text-align:center;transform:translateX(-50%)}.cinder-answer-panel>strong{display:block;margin-bottom:10px;font-size:clamp(18px,1.3vw,23px);line-height:1.16}.cinder-job-scene[data-phase="answer"] .cinder-choice-rack,.cinder-job-scene[data-phase="sign"] .cinder-choice-rack{opacity:.18;pointer-events:none}.cinder-job-scene.is-firing .cinder-job-art{animation:forgeGlow 1.15s ease}.cinder-job-scene.is-testing .cinder-work-target{animation:machineTest .9s ease}.cinder-job-scene.is-opening .cinder-service-bell{animation:bellRing .75s ease}.cinder-customer:focus,.cinder-customer:focus-visible{outline:0!important}.cinder-customer:focus-visible .cinder-sprite{filter:drop-shadow(0 0 12px #fff1a8)}@keyframes workPulse{100%{box-shadow:0 0 0 25px rgba(255,210,85,0)}}@keyframes forgeGlow{45%{filter:brightness(1.14) saturate(1.12)}}@keyframes machineTest{35%{transform:rotate(-3deg) scale(1.04)}70%{transform:rotate(3deg) scale(1.04)}}@keyframes bellRing{25%{transform:rotate(-9deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}}@media(orientation:portrait){.cinder-job-scene{left:0;top:0;width:100%;height:100svh;max-width:none;aspect-ratio:auto;transform:none;background:#3c2d2c}.cinder-job-art{height:56.25vw;background-size:100% 100%;background-position:top center;transform:none}.cinder-customer{top:22%;width:18%;height:17%}.cinder-order{top:17%;width:31%;font-size:16px}.cinder-choice-rack{left:5%;right:5%;bottom:7%;width:90%;height:26%}.cinder-work-target{top:13%!important;height:23%!important}.cinder-installed{top:30%!important}.cinder-result-art{bottom:34%;height:15%}.cinder-sign-rack{top:20%;height:20%}.cinder-service-bell{bottom:38%;width:11%;height:10%}.cinder-payment{top:34%;width:12%;height:10%}.cinder-answer-panel{bottom:5%;width:74%}.cinder-feedback{bottom:34%}body[data-cinder-job="market"] .cinder-customer{top:23%;height:17%}body[data-cinder-job="market"] .cinder-order{top:17%}}html[data-motion="reduced"] .cinder-work-target::after,html[data-motion="reduced"] .cinder-service-bell::after{animation:none!important}
/* Keep finished workbench choices visually quiet while the child completes the result steps. */
.cinder-job-scene[data-phase="open"] .cinder-choice-rack,
.cinder-job-scene[data-phase="payment"] .cinder-choice-rack{opacity:.18;pointer-events:none}
.cinder-result-art{background-image:var(--pw-cinder-forge-products,url('/cinder/objects/glowglass-products-cooling-tray.webp'))}
body[data-cinder-job="market"] .cinder-result-art{background-image:var(--pw-cinder-market-crates,url('/cinder/objects/market-wholesale-crates-strip.webp'))}
.cinder-sign::before{background-image:var(--pw-cinder-market-signs,url('/cinder/objects/market-signboards-blank-strip.webp'))}

/* Keep the repair summary comfortably below the centred instruction banner. */
@media(orientation:landscape){body[data-cinder-job="repair"] .cinder-order{top:16%}}

/* Preserve the full-height 16:9 playfield on 4:3 iPads and crop only decorative edges. */
@media(orientation:landscape) and (max-aspect-ratio:5/3){
  .cinder-job-scene{width:calc(100svh * var(--scene-ratio));height:100svh;max-width:none;aspect-ratio:auto}
  .cinder-back{left:calc((100% - 100vw)/2 + 14px)}
  .cinder-wallet{right:calc((100% - 100vw)/2 + 14px)}
  .cinder-customer{left:14%;width:12%}
  .cinder-order{left:14%;width:23%;min-width:0}
  body[data-cinder-job="market"] .cinder-customer{left:auto;right:14%;width:12%}
  body[data-cinder-job="market"] .cinder-order{left:auto;right:14%;width:23%}
  .cinder-choice-rack{left:13.5%;width:37%}
  .cinder-result-art{right:13%;width:25%}
  body[data-cinder-job="market"] .cinder-result-art{left:33%;right:auto;width:26%}
  .cinder-sign-rack{left:26%;width:37%}
  .cinder-payment{right:14%;width:8%}
  .cinder-service-bell{right:29%;width:7%}
  .cinder-answer-panel{width:40%}
}