.workshop-game,.yard-game{border:1px solid #aebb9a;border-radius:9px;overflow:hidden;background:#efe9d8;margin:22px 0;color:#283c2d}
.workshop-game>.trail-heading{padding:26px 30px 5px}.workshop-game .campaign-levels{margin:0 25px 20px}.workshop-hud{display:flex;align-items:center;gap:20px;padding:15px 22px;background:#263e32;color:#f4ebd3;flex-wrap:wrap;font:14px 'Courier Prime',monospace}.workshop-hud>strong{font:600 19px 'Source Serif 4',Georgia,serif;margin-right:auto}.workshop-hud button{background:transparent;color:inherit;border:1px solid #8fa08a;border-radius:4px;padding:8px 12px;min-height:42px}.workshop-hud button:disabled{opacity:.5}
.workshop-steps{display:flex;list-style:none;gap:4px;margin:0;padding:13px 20px;background:#e1dbc6;font:13px 'Courier Prime',monospace}.workshop-steps li{flex:1;padding:10px;border-bottom:3px solid transparent}.workshop-steps .current{border-color:#ba782f;background:#f4ebd4;color:#294932}
.workshop-bench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:stretch}.workshop-picture{position:relative;display:flex;align-items:center;justify-content:center;background:#e1d1af;min-width:0}.workshop-picture canvas{display:block;width:100%;height:auto}.workshop-caption{position:absolute;left:18px;bottom:14px;font:10px 'Courier Prime',monospace;letter-spacing:.14em;color:#665943}.workshop-tools{padding:24px;min-width:0}.workshop-tools h3{font:600 28px/1.1 'Source Serif 4',Georgia,serif;margin:8px 0 20px}.workshop-tray{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.workshop-tray button{display:flex;flex-direction:column;align-items:center;min-width:0;padding:4px 3px 8px;border:1px solid #b2ae91;border-radius:5px;background:#f7f0dc;color:#304332;font-size:11px;line-height:1.2;min-height:90px}.workshop-tray button canvas{width:100%;height:auto;pointer-events:none}.workshop-tray button[aria-pressed=true]{outline:3px solid #c0863d;background:#fff9e8}.workshop-tray button:disabled{opacity:.35}.workshop-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.workshop-slots button{padding:12px 8px;background:transparent;border:1px dashed #8d9379;border-radius:4px;color:#42533d;font:12px 'Courier Prime',monospace;min-height:44px}.workshop-slots .next-part{border:2px solid #b18c46;background:#eee2be}.workshop-slots button:disabled{border-style:solid;background:#d4dfc5;color:#435735}
.workshop-tools label{display:block;font:14px 'Courier Prime',monospace;margin:20px 0}.workshop-tools input[type=range]{display:block;width:100%;margin:16px 0;accent-color:#536e41}.workshop-tools .btn{margin:12px 0;min-height:46px}.workshop-meter{height:32px;position:relative;background:#c9b98e;border-radius:20px;border:1px solid #b09c68;overflow:hidden;margin:22px 0}.workshop-meter span{position:absolute;height:100%;background:#719052;opacity:.8}.workshop-meter i{position:absolute;top:0;bottom:0;width:5px;background:#314832;transform:translateX(-50%);box-shadow:0 0 0 2px #fff6d3}.test-meter{height:48px}.workshop-feedback,.yard-status{margin:0!important;padding:18px 24px;background:#f9f3df;border-top:1px solid #c9c1a7;min-height:62px;line-height:1.5}.workshop-game>.dino-small{padding:0 24px 15px}.workshop-stars{font-size:36px;color:#a9782f;letter-spacing:.14em}.workshop-levels{grid-template-columns:repeat(4,1fr)}
.yard-levels{grid-template-columns:repeat(3,1fr)}.yard-stage{position:relative;aspect-ratio:1200/680;overflow:hidden;background:#b7c5a9;touch-action:none}.yard-stage canvas{display:block;width:100%;height:100%}.yard-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#20342780;padding:20px}.yard-overlay>div{background:#f8f0d9;border:1px solid #ad9060;border-radius:8px;padding:25px;max-width:460px;box-shadow:0 12px 40px #14292055}.yard-overlay h3{font:600 34px/1.05 'Source Serif 4',Georgia,serif;margin:10px 0}.yard-overlay p{line-height:1.5}.yard-overlay button{padding:11px 16px;background:#334e39;border:0;border-radius:4px;color:#fff3d1;margin:5px;min-height:44px}.yard-wind{position:absolute;top:14px;left:20px;padding:7px 12px;border-radius:16px;background:#f9f0dacc;color:#3e543c;font:12px 'Courier Prime',monospace;pointer-events:none}.yard-controls{display:grid;grid-template-columns:1fr 1fr auto auto;gap:24px;align-items:center;padding:20px 24px;background:#e5dfc9}.yard-controls label{font:14px 'Courier Prime',monospace}.yard-controls output{float:right}.yard-controls input{width:100%;display:block;margin-top:12px;accent-color:#536e41}.yard-controls .btn{white-space:nowrap}.yard-controls kbd{display:block;font-size:10px;margin-top:3px}.yard-game>.campaign-notice{padding:0 24px}.yard-controls button:disabled{opacity:.5}.rig-reference{margin:30px 0}.rig-reference>summary{padding:18px;background:#e5e5d5;border:1px solid #c2c6af;font:17px 'Source Serif 4',Georgia,serif;cursor:pointer}
.workshop-game [hidden],.yard-game [hidden]{display:none!important}.workshop-game button:focus-visible,.yard-game button:focus-visible{outline:3px solid #ce9445;outline-offset:3px}
@media(max-width:850px){.workshop-bench{grid-template-columns:1fr}.workshop-picture{max-height:330px;overflow:hidden}.workshop-picture canvas{width:auto;max-width:100%;max-height:330px}.workshop-levels{grid-template-columns:1fr 1fr}.yard-controls{grid-template-columns:1fr 1fr;gap:18px}.workshop-game .campaign-levels{margin:0 14px 16px}.workshop-tools{padding:20px}.workshop-hud{gap:10px;padding:12px}.workshop-hud>strong{width:100%;margin:0}.workshop-steps{padding:8px;font-size:11px}.workshop-steps li{padding:9px 3px}.yard-overlay>div{padding:16px}.yard-overlay h3{font-size:26px}.yard-stage{min-height:280px;aspect-ratio:auto}.yard-stage canvas{object-fit:contain}.yard-wind{font-size:10px;top:8px;left:8px}}
@media(max-width:450px){.yard-levels{grid-template-columns:1fr 1fr}.yard-overlay{padding:8px}.yard-overlay h3{font-size:23px}.yard-overlay p{font-size:13px;margin:7px 0}.yard-controls{padding:15px;gap:14px}.yard-controls .btn{font-size:13px;padding:12px 8px}.workshop-tray{grid-template-columns:repeat(3,1fr)}.workshop-tools h3{font-size:25px}.game-sound-bar>span{width:100%}.dino-tabs{flex-wrap:wrap}.dino-tabs button{flex:1 1 42%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.yard-game *,.workshop-game *{scroll-behavior:auto;animation:none!important;transition:none!important}}
.workshop-game .trail-heading h2 em{color:#596e3e}.workshop-game .plate,.yard-overlay .plate{color:#76521f}.workshop-game>.dino-small{color:#59614c}.rig-reference>summary{color:#354532}.yard-controls .dino-subtle,.workshop-tools .dino-subtle,.dino-portrait .dino-subtle{color:#52673d}.yard-controls .btn,.workshop-tools .btn{color:#263e32}
.arcade-objective{display:grid;gap:7px;padding:15px 22px;background:#e5dec5;color:#304b39;font:12px/1.5 'Courier Prime',monospace}.arcade-objective strong{font-size:13px}.arcade-objective progress{display:block;width:100%;height:8px;border:0;border-radius:8px;accent-color:#648648;background:#cdcbb2;overflow:hidden}.arcade-objective progress::-webkit-progress-bar{background:#cdcbb2}.arcade-objective progress::-webkit-progress-value{background:#648648;transition:width .2s}.workshop-steps li.done{border-color:#719052;background:#d7e3c5}.workshop-steps li.done::after{content:' ✓';color:#3e6631}.workshop-meter.in-band{box-shadow:0 0 0 3px #65874844}.workshop-tools [data-workshop-result] p{line-height:1.6}.workshop-tools [data-workshop-result] button{display:block;min-height:44px;margin:8px 0}.workshop-confirm{padding:16px;background:#fff6dd;border:1px solid #b4a879;border-radius:8px}.workshop-confirm p{line-height:1.6}.workshop-confirm button{display:block;min-height:44px}.yard-overlay>div{max-height:100%;overflow:auto}.yard-game[data-phase=complete] .arcade-objective,.workshop-game[data-phase=complete] .arcade-objective{background:#d9e5c5}@media(max-width:450px){.arcade-objective{padding:12px;font-size:11px}.arcade-objective strong{font-size:12px}.yard-overlay button{font-size:12px;padding:8px 12px;margin:3px;min-height:42px}.yard-overlay>div{padding:12px}}@media(prefers-reduced-motion:reduce){.arcade-objective progress::-webkit-progress-value{transition:none}}