.construction-scene{height:760px;position:relative;margin-top:35px;overflow:hidden;border:1px solid #5e927a;border-radius:20px;background:radial-gradient(ellipse at 48% 58%,#1e4535,#0d2721 75%);box-shadow:inset 0 0 70px #00190d55}
.scene-heading{display:flex;justify-content:space-between;gap:15px;position:absolute;top:24px;left:28px;right:28px;z-index:3;pointer-events:none}.workshop-stage{position:absolute;inset:48px 12px 64px}.workshop-stage canvas{display:block;width:100%;height:100%}.workshop-label{position:absolute;z-index:2;transform:translate(-50%,16px);text-align:center;white-space:nowrap;pointer-events:none}.workshop-label strong{display:block;width:max-content;margin:0 auto;padding:5px 12px;background:#10251eeb;color:#dde7d2;border:1px solid #667f62;border-radius:5px;font-size:13px}.workshop-label small{display:block;margin-top:6px;font-size:9px;color:#c3d2be}.workshop-label.featured strong{color:var(--mint);font-size:18px;border-color:var(--mint)}.scene-caption{position:absolute;bottom:20px;left:20px;right:20px;padding-top:18px;border-top:1px solid #4b6a4e55;font-size:10px;text-align:center;color:#c5d4be;z-index:3}.scene-caption .status-dot{margin-right:8px}.workshop-fallback{position:absolute;inset:90px 20px 100px;display:flex;justify-content:center;align-items:center;gap:12%;background:linear-gradient(transparent 90%,#62826433 90%)}.workshop-fallback[hidden]{display:none}.fallback-person{--u:5px;position:relative;width:calc(16 * var(--u));height:calc(32 * var(--u));image-rendering:pixelated}.fallback-person.featured{--u:6.3px}.fallback-person span{position:absolute;background-image:var(--skin);background-size:calc(64 * var(--u)) calc(64 * var(--u));image-rendering:pixelated}.fallback-person .f-head{left:calc(4 * var(--u));width:calc(8 * var(--u));height:calc(8 * var(--u));background-position:calc(-8 * var(--u)) calc(-8 * var(--u))}.fallback-person .f-body{left:calc(4 * var(--u));top:calc(8 * var(--u));width:calc(8 * var(--u));height:calc(12 * var(--u));background-position:calc(-20 * var(--u)) calc(-20 * var(--u))}.fallback-person .f-arm-r{top:calc(8 * var(--u));width:calc(4 * var(--u));height:calc(12 * var(--u));background-position:calc(-44 * var(--u)) calc(-20 * var(--u))}.fallback-person .f-arm-l{left:calc(12 * var(--u));top:calc(8 * var(--u));width:calc(4 * var(--u));height:calc(12 * var(--u));background-position:calc(-36 * var(--u)) calc(-52 * var(--u))}.fallback-person .f-leg-r{left:calc(4 * var(--u));top:calc(20 * var(--u));width:calc(4 * var(--u));height:calc(12 * var(--u));background-position:calc(-4 * var(--u)) calc(-20 * var(--u))}.fallback-person .f-leg-l{left:calc(8 * var(--u));top:calc(20 * var(--u));width:calc(4 * var(--u));height:calc(12 * var(--u));background-position:calc(-20 * var(--u)) calc(-52 * var(--u))}.fallback-person b{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);color:var(--mint);font-size:12px}.construction-scene[data-renderer='fallback'] .workshop-label{display:none}
.workshop-stage{inset:52px 10px 135px}.workshop-controls{position:absolute;bottom:77px;left:20px;right:20px;display:flex;justify-content:center;gap:8px;z-index:5}.workshop-controls[hidden]{display:none}.workshop-controls button{background:#0b251f;border:1px solid #426c57;color:#c2d5bb;border-radius:7px;padding:9px 14px;font:inherit;font-size:10px;cursor:pointer;transition:background .15s,border-color .15s}.workshop-controls button[aria-pressed='true']{background:#1f4b3b;border-color:#83dfba;color:#a9fbd7}.workshop-controls button:hover{border-color:#c4eea3}.workshop-controls button:focus-visible{outline:2px solid #a9fbd7;outline-offset:3px}.workshop-controls .workshop-replay{color:#e6bc79}.workshop-label strong{font-size:15px;padding:7px 14px;border-color:#6aa98a;border-radius:7px}.workshop-label.featured strong{font-size:21px;padding:9px 19px}.workshop-label small{font-size:10px;margin-top:8px}.scene-caption{font-size:11px}.scene-heading .eyebrow{letter-spacing:3px}
@media(max-width:780px){.construction-scene{height:650px}.scene-heading{left:20px;right:20px;top:20px}.scene-heading .small-badge{font-size:7px}.workshop-stage{inset:45px 0 127px}.workshop-label strong{font-size:12px;padding:5px 10px}.workshop-label.featured strong{font-size:17px;padding:7px 12px}.workshop-label small{font-size:9px}.fallback-person{--u:3.5px}.fallback-person.featured{--u:4.5px}.workshop-controls button{padding:8px 10px;font-size:9px}}
@media(max-width:480px){.construction-scene{height:480px;margin-top:25px}.scene-heading .small-badge{display:none}.scene-heading .eyebrow{font-size:9px;letter-spacing:2px}.workshop-stage{inset:38px 0 122px}.workshop-label{transform:translate(-50%,12px)}.workshop-label strong{font-size:11px;padding:5px 9px}.workshop-label.featured strong{font-size:15px;padding:7px 12px}.workshop-label small{font-size:8px;max-width:90px;white-space:normal;line-height:1.5}.scene-caption{font-size:9px;left:16px;right:16px;bottom:18px;line-height:1.7}.workshop-controls{left:12px;right:12px;bottom:80px;gap:5px;flex-wrap:wrap}.workshop-controls button{font-size:9px;padding:8px}.workshop-controls .workshop-replay span{display:none}.fallback-person{--u:2.5px}.fallback-person.featured{--u:3.5px}.workshop-fallback{gap:10%}}