.workshop-page{color:#292d26;background:#f5f3e9;max-width:1240px;margin:0 auto;padding:42px 24px 80px}.workshop-head{border-bottom:3px solid #292d26;justify-content:space-between;align-items:start;gap:28px;padding-bottom:24px;display:flex}.workshop-head h1{margin:5px 0 12px;font:800 clamp(36px,6vw,72px)/.9 Caveat,cursive}.workshop-head h1 em{color:#658337;font-style:normal}.workshop-head p{max-width:630px;font:16px/1.5 Arial,sans-serif}.workshop-head>a{color:#292d26;font:700 13px Arial,sans-serif}.workshop-kicker{letter-spacing:.12em;font:700 12px ui-monospace,monospace}.workshop-steps{gap:22px;margin:0;padding:18px 0;font:700 13px Arial,sans-serif;list-style:none;display:flex}.workshop-steps li{color:#777}.workshop-steps li.active{color:#292d26}.workshop-steps b{border:1px solid;border-radius:50%;place-items:center;width:23px;height:23px;margin-right:5px;display:inline-grid}.workshop-form{background:#e7e5da;border:1px solid #c6c8b9;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:16px;display:grid}.workshop-form label,.workshop-inspector label{gap:5px;font:700 12px Arial,sans-serif;display:grid}.workshop-form small{color:#687064;font-weight:400}.workshop-form input,.workshop-inspector input{color:#292d26;background:#fffdf7;border:1px solid #92998a;border-radius:4px;padding:9px;font:14px Arial}.workshop-layout{grid-template-columns:180px minmax(0,1fr) 190px;gap:14px;margin-top:16px;display:grid}.workshop-tools,.workshop-inspector{background:#fffdf7;border:1px solid #b9bcad;align-self:start;padding:14px}.workshop-tools h2,.workshop-inspector h2,.workshop-paperwork h2{margin:0 0 10px;font:800 20px/1 Caveat,cursive}.workshop-tools button{text-align:left;color:#292d26;background:#f3f1e7;border:1px solid #b9bcad;border-radius:4px;align-items:center;gap:7px;width:100%;margin-top:7px;padding:9px;font:700 12px Arial;display:flex}.workshop-tools button:disabled{opacity:.45}.workshop-budget{background:#d4f76b;padding:8px;font:700 12px ui-monospace,monospace}.workshop-palette{gap:6px;display:grid}.workshop-palette button{gap:2px;display:grid}.workshop-palette button[data-active=true]{background:#dff58e;border-color:#4d6725}.workshop-palette small{color:#687064;font:11px Arial}.workshop-inspector p,.workshop-note{color:#576051;font:13px/1.45 Arial}.plan-canvas{aspect-ratio:1200/650;background:#fbfaf3;border:3px solid #292d26;min-width:0;overflow:hidden;box-shadow:6px 6px #c4c7b7}.plan-canvas svg{touch-action:none;width:100%;height:100%;display:block}.plan-canvas path{stroke:#d8d8cc;stroke-width:1px}.plan-canvas>svg>text{fill:#65705d;font:700 14px ui-monospace,monospace}.plan-draggable{cursor:grab}.plan-draggable path{stroke:#292d26;stroke-width:7px}.plan-draggable circle:first-of-type{fill:#d4f76b;stroke:#292d26;stroke-width:3px}.plan-draggable text,.plan-piece text{fill:#292d26;pointer-events:none;font:700 12px ui-monospace,monospace}.plan-draggable ellipse{fill:#8aaf34;stroke:#292d26;stroke-width:3px}.plan-draggable circle:last-of-type{fill:none;stroke:#8b9582;stroke-dasharray:5 7}.plan-piece{cursor:grab}.plan-piece rect{fill:#dce2d3;stroke:#3f473d;stroke-width:3px}.plan-piece.selected rect{stroke:#d15d42;stroke-width:7px}.plan-band rect{fill:#e8a58b88;stroke:#b04d38;stroke-dasharray:9 5}.workshop-errors{background:#f9d8cc;border-left:5px solid #b34d36;margin-top:14px;padding:10px 14px;font:13px Arial}.workshop-errors p{margin:3px 0}.workshop-actions{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.workshop-actions p{margin:0;font:13px/1.4 Arial}.workshop-primary,.workshop-paper-buttons button{color:#fff;background:#292d26;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font:700 14px Arial;display:inline-flex}.workshop-primary{background:#5e7d2d}.workshop-primary:hover{background:#496621}.workshop-paperwork{background:#e7e5da;border:1px solid #b9bcad;grid-template-columns:1fr auto;gap:16px;margin-top:32px;padding:22px;display:grid}.workshop-paperwork p{margin:4px 0;font:13px/1.4 Arial}.workshop-paper-buttons{flex-wrap:wrap;place-content:start end;gap:8px;display:flex}.workshop-paper-buttons button:disabled{opacity:.45}.workshop-paper-buttons button:nth-child(2),.workshop-paper-buttons button:nth-child(3){color:#292d26;background:#fffdf7;border:1px solid #92998a}.workshop-local{color:#5d6756;grid-column:1/-1;align-items:center;gap:5px;display:flex}.workshop-playbar{color:#fff;background:#292d26;justify-content:space-between;align-items:center;gap:12px;padding:12px;font:13px Arial;display:flex}.workshop-playbar button{color:#d4f76b;background:0 0;border:1px solid #d4f76b;padding:8px 10px;font:700 12px Arial}.workshop-game-frame{background:#292d26}.workshop-game-tools{z-index:3;background:#292d26;min-height:54px;padding:5px 10px;position:relative}.workshop-game-shell.paper-band{background:#f5f3e9;height:min(780px,100vh - 154px);min-height:620px;position:relative;overflow:hidden}.workshop-game-tools{min-height:54px}.workshop-game-shell .band-headline{font-size:32px}@media (max-width:760px){.workshop-page{padding:24px 12px 60px}.workshop-head{display:block}.workshop-head>a{margin-top:8px;display:inline-block}.workshop-form,.workshop-layout,.workshop-paperwork{grid-template-columns:1fr}.workshop-steps{gap:8px;font-size:11px}.workshop-inspector{order:3}.workshop-actions,.workshop-playbar{flex-direction:column;align-items:stretch}.workshop-paper-buttons{justify-content:start}.workshop-paper-buttons button{flex:140px}.plan-canvas{box-shadow:3px 3px #c4c7b7}}.workshop-review-list{gap:12px;display:grid}.workshop-review-card{background:#fffdf7;border:1px solid #b9bcad;justify-content:space-between;gap:20px;padding:18px;display:flex}.workshop-review-card h2{margin:3px 0;font:800 27px/1 Caveat,cursive}.workshop-review-card p{font:13px Arial}.workshop-review-card code{color:#65705d;font-size:11px}.workshop-review-play{color:#292d26;background:#fffdf7;border:1px solid #92998a;border-radius:5px;justify-content:center;align-items:center;padding:12px 16px;font:700 13px Arial;text-decoration:none;display:inline-flex}.workshop-empty{background:#fffdf7;border:1px dashed #92998a;padding:32px;font:14px Arial}@media (max-width:760px){.workshop-review-card{display:block}.workshop-review-card .workshop-paper-buttons{margin-top:14px}}.workshop-profile{color:#d4f76b;margin-left:8px;font-weight:700;display:inline-block}.workshop-coordinates{border-top:1px solid #d7d8cb;gap:7px;margin-top:12px;padding-top:10px;font:700 12px Arial;display:grid}.workshop-coordinates label{grid-template-columns:minmax(0,1fr) 82px;align-items:center;display:grid}.workshop-playbar h2{color:#d4f76b;margin:0;font:800 24px/1 Caveat,cursive}.workshop-status{color:#46513f;grid-column:1/-1;margin:0;font:13px/1.4 Arial}.workshop-local a{color:inherit;font-weight:700}.workshop-playbar{scroll-margin-top:12px}@media (max-width:600px){.workshop-game-shell.paper-band{height:420px;min-height:420px}}@media (max-width:900px) and (orientation:landscape){.workshop-game-shell.paper-band{height:360px;min-height:360px}}.workshop-game-tools .tools{border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.workshop-game-tools button.tool,.workshop-game-tools button.icon-tool,.workshop-game-tools button.launch-button{color:#fff;background:#ffffff12;border:1px solid #fff6;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:44px;height:44px;padding:0 12px;font:700 13px/1 Arial,sans-serif;display:inline-flex}.workshop-game-tools button.tool[aria-pressed=true]{color:#252c25;background:#d4f76b;border-color:#d4f76b}.workshop-game-tools button.icon-tool{width:44px;padding:0}.workshop-game-tools button.launch-button{color:#252c25;background:#d4f76b;border-color:#d4f76b;min-width:156px;margin-left:8px}.workshop-game-tools button:disabled{opacity:.42}.workshop-game-tools .launch-divider{background:#fff4;width:1px;height:28px;margin:0 2px}@media (max-width:600px){.workshop-game-tools{overflow-x:auto}.workshop-game-tools .tools{gap:5px}.workshop-game-tools button.tool{padding:0 8px}.workshop-game-tools button.launch-button{min-width:112px;padding:0 8px}.workshop-game-tools .key-cap{display:none}}.workshop-view-switch{border:1px solid #fff6;border-radius:8px;gap:2px;margin:0;padding:2px;display:flex}.workshop-view-switch button{color:#e9eee1!important;background:0 0!important;border:0!important;border-radius:5px!important;padding:7px 9px!important}.workshop-view-switch button[aria-pressed=true]{color:#252c25!important;background:#d4f76b!important}.workshop-game-tools{align-items:center;gap:8px;display:flex}.workshop-game-tools .tools{flex:0 auto}.workshop-game-tools .launch-divider,.workshop-game-tools button.launch-button{flex:none}@media (min-width:761px){.workshop-game-tools .tools{flex-wrap:nowrap}.workshop-game-tools{white-space:nowrap}}.workshop-page{letter-spacing:.01em;font-family:Slop Print,sans-serif}.workshop-head h1,.workshop-head h1 em,.workshop-tools h2,.workshop-inspector h2,.workshop-paperwork h2,.workshop-review-card h2,.workshop-playbar h2{letter-spacing:0;font-family:Slop Hand,cursive;font-weight:700}.workshop-head h1{line-height:.92}.workshop-head p,.workshop-form label,.workshop-inspector label,.workshop-note,.workshop-inspector p,.workshop-actions p,.workshop-paperwork p,.workshop-review-card p,.workshop-local,.workshop-status,.workshop-empty{font-family:Slop Print,sans-serif}.workshop-kicker,.workshop-budget,.plan-canvas>svg>text,.plan-draggable text,.plan-piece text,.workshop-review-card code{letter-spacing:.07em;font-family:Slop Print,sans-serif}.workshop-form label,.workshop-inspector label,.workshop-coordinates{font-family:Slop Print,sans-serif;font-size:13px;font-weight:700}.workshop-form input,.workshop-inspector input{font-family:Slop Print,sans-serif;font-size:15px;font-weight:500}.workshop-steps{letter-spacing:0;font-family:Slop Hand,cursive;font-size:19px}.workshop-steps b{font-family:Slop Print,sans-serif;font-size:11px}.workshop-tools button,.workshop-primary,.workshop-paper-buttons button,.workshop-review-play,.workshop-review-card button,.workshop-playbar button,.workshop-view-switch button{letter-spacing:0;font-family:Slop Hand,cursive;font-size:18px}.workshop-palette small,.workshop-tools button small{letter-spacing:.03em;font-family:Slop Print,sans-serif;font-size:11px}.workshop-errors{font-family:Slop Print,sans-serif;font-size:14px}.workshop-game-tools button.tool,.workshop-game-tools button.icon-tool,.workshop-game-tools button.launch-button{letter-spacing:0;font-family:Slop Hand,cursive;font-size:19px}.workshop-game-tools .key-cap{font-family:Slop Print,sans-serif;font-size:10px}.workshop-playbar{font-family:Slop Print,sans-serif}.workshop-playbar h2{font-size:30px}.workshop-head>a,.workshop-local a{letter-spacing:0;font-family:Slop Hand,cursive;font-size:18px}@media (max-width:600px){.workshop-head h1{font-size:48px}.workshop-steps,.workshop-form input,.workshop-inspector input{font-size:16px}.workshop-tools button,.workshop-primary,.workshop-paper-buttons button{font-size:17px}.workshop-note,.workshop-actions p,.workshop-paperwork p,.workshop-status{font-size:13px}}.workshop-coordinates input{min-width:0;padding-inline:6px}.workshop-page a.workshop-exit{color:#252c25;cursor:pointer;background:#d4f76b;border:2px solid #292d26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font:700 20px/1.15 Slop Hand,cursive;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:3px 3px #292d26}.workshop-page a.workshop-exit:hover{background:#e4ff9b;transform:translate(-1px,-1px);box-shadow:4px 4px #292d26}.workshop-page a.workshop-exit:focus-visible{outline-offset:4px;outline:3px solid #658337}.workshop-page a.workshop-exit:active{transform:translate(2px,2px);box-shadow:1px 1px #292d26}.workshop-playbar a.workshop-exit{min-height:44px;box-shadow:none;border-color:#d4f76b;padding:8px 12px;font-size:18px}@media (max-width:600px){.workshop-head{flex-wrap:wrap}.workshop-page a.workshop-exit{max-width:100%}}@media (prefers-reduced-motion:reduce){.workshop-page a.workshop-exit{transition:none}}
