html{touch-action:manipulation}.workshop-main{max-width:800px}.intro h1{font-size:clamp(35px,7vw,62px);letter-spacing:-2px;overflow-wrap:anywhere}.intro p{font-size:16px}.workshop-panel{padding:22px;border:1px solid #c8d8cc;border-radius:24px;background:#fff}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#003d29;border-radius:16px;color:white;overflow:hidden}.scoreboard>div{text-align:center;padding:14px 7px}.scoreboard strong{display:block;font-size:30px;font-variant-numeric:tabular-nums}.scoreboard span{font-size:11px;color:#cde7d5}.time-track{height:5px;background:#dbe8dc;border-radius:5px;overflow:hidden;margin:12px 0}.time-track span{display:block;height:100%;width:100%;background:#009b45;transition:width .15s linear}.workshop-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.workshop-tools p{margin:0;font-size:13px}.workshop-status{font-size:13px;min-height:42px;line-height:1.5;margin:12px 0}.bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-radius:19px;background:#c8b79a;box-shadow:inset 0 2px 8px #47392126}.bay{position:relative;aspect-ratio:1.15;border:0;border-radius:13px;background:linear-gradient(#172f27,#284c3c);box-shadow:inset 0 3px 8px #0003,0 3px 0 #9b8767;min-width:0;padding:0;overflow:hidden;color:#003d29;touch-action:manipulation}.bay-number{position:absolute;top:7px;left:9px;color:#b0c7b5;font-size:11px;font-weight:700}.target{position:absolute;inset:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:9px;pointer-events:none}.occupied .target{background:#f7edcf;animation:pop-in .12s ease-out}.target svg{width:68%;height:70%;display:block}.target-label{font-size:12px;font-weight:800;line-height:1.15;text-align:center}.mechanic .target{background:#d6e9f5}.mechanic-art{font-size:clamp(35px,7vw,65px);line-height:1.2}.mechanic .target-label{color:#943820}.tap-feedback{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:900;pointer-events:none;text-shadow:0 1px 0 white}.good-tap{background:#b7ecb6}.good-tap .tap-feedback{color:#00572b}.bad-tap{background:#ffcbc1}.bad-tap .tap-feedback{color:#a6241c}.rules-strip{font-size:13px;line-height:1.6;margin:16px 0 0}.workshop-result{margin-top:22px;padding:24px;border-radius:18px;background:#e6f1dc;text-align:center}.workshop-result h2{font-size:28px;margin:0 0 12px}.workshop-result strong{font-size:40px;color:#007d36}.workshop-result p{font-size:14px}.workshop-footer{margin-top:26px}.workshop-note{font-size:12px}.paused{opacity:.55}[hidden]{display:none!important}@keyframes pop-in{from{transform:translateY(10px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(max-width:550px){.workshop-main{padding:8px 14px 35px}.workshop-panel{padding:12px}.bays{padding:10px;gap:9px}.target{inset:5px}.target-label{font-size:10px}.scoreboard strong{font-size:26px}.workshop-tools .primary,.workshop-tools .secondary{padding:12px;font-size:13px}.intro h1{font-size:39px}.workshop-result h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.occupied .target{animation:none}.time-track span{transition:none}}