#modal.atelier-modal{width:min(760px,calc(100vw - 16px));height:var(--atelier-height,calc(100dvh - 16px));max-height:var(--atelier-height,calc(100dvh - 16px));position:fixed;top:var(--atelier-top,8px);bottom:auto;left:50%;right:auto;transform:translateX(-50%);margin:0;overscroll-behavior:none;padding:0;overflow:hidden;border:2px solid #a58a55;border-radius:3px;background:#202d2c;color:#eee4ca}.atelier-modal #modal-content{height:100%;min-height:0}.atelier-modal #modal-close{top:12px;right:10px;z-index:10;width:34px;height:34px;color:#f2e4bf;background:#283936}.atelier-trial{height:100%;display:flex;flex-direction:column;min-height:0;font:16px/1.35 system-ui,sans-serif}.atelier-trial p{font:inherit;color:inherit;line-height:1.4}.atelier-trial button{font:600 16px/1.2 system-ui,sans-serif;min-height:44px;touch-action:manipulation;border-radius:3px}.atelier-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 53px 11px 16px;border-bottom:1px solid #8c845f;background:#182625;flex:none}.atelier-header span,.atelier-kicker{font:14px/1.2 ChurchPixel,monospace;letter-spacing:1px;color:#b4c2b0}.atelier-header h2{font:700 clamp(22px,4vw,32px)/1.05 ChurchPixel,monospace;letter-spacing:.2px;margin:4px 0 0;color:#f3d99c}.atelier-header button{min-height:36px;padding:6px 9px;white-space:nowrap}.atelier-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;background:#364540;font:16px/1.2 ChurchPixel,monospace;flex:none}.atelier-meta span:last-child{min-width:48px;text-align:right;color:#ffe2a0}.atelier-brief{display:flex;align-items:center;gap:9px;padding:6px 11px;flex:none;background:#e7dcc0;color:#303832;border-bottom:3px solid #ab956b;min-height:70px}.atelier-brief>div>span{font:14px/1.1 ChurchPixel,monospace;letter-spacing:.5px;color:#575945}.atelier-brief p{margin:4px 0 0;font-size:15px;line-height:1.3}.atelier-paper{flex:1;min-height:120px;position:relative;touch-action:none;overscroll-behavior:none;display:grid;place-items:center;overflow:hidden;background:#534836;container-type:size;box-shadow:inset 0 0 30px #161b1a55}#atelier-canvas{display:block;width:min(100cqw,100cqh);height:min(100cqw,100cqh);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#f0e8ce;box-shadow:0 0 30px #0004;outline-offset:-4px}#atelier-canvas:focus-visible{outline:3px solid #167879}.atelier-progress{height:5px;background:#152623;flex:none}.atelier-progress i{display:block;height:100%;background:#8fceae;width:0}.atelier-footer{padding:10px 14px 12px;display:flex;flex-direction:column;gap:9px;flex:none;background:#202e2a;color:#f1e5c6;font:16px/1.3 system-ui,sans-serif;letter-spacing:0}.atelier-footer>button{width:100%}.atelier-instructions{min-height:60px;display:flex;flex-direction:column;gap:3px}.atelier-instructions b{font:600 17px/1.2 ChurchPixel,monospace;color:#f2d49b}.atelier-instructions span{font-size:14px;line-height:1.3;color:#c8d6c4}.atelier-controls{display:flex;align-items:center;gap:12px}.atelier-controls button{min-width:92px;padding:9px 14px}.atelier-controls .primary{width:100%}.atelier-keyboard-hint{font-size:14px;color:#9fac9f}.atelier-pause-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#152c27e8;color:#f4dfae;text-align:center;padding:20px}.atelier-pause-cover[hidden],.atelier-trial [hidden]{display:none!important}.atelier-intro,.atelier-result{flex:1;min-height:0;overflow:auto;padding:22px;background:#eee4c9;color:#313b32;text-align:center;overscroll-behavior:contain}.atelier-intro .atelier-kicker{color:#6a634b}.atelier-intro h3,.atelier-result h3{font:700 clamp(28px,5vw,42px)/1.05 ChurchPixel,monospace;margin:10px 0 17px;color:#293f35}.atelier-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 18px}.atelier-gallery figure{margin:0;min-width:0;border:1px solid #c3b48e;background:#f7efd9;padding:7px 2px;box-shadow:2px 3px 0 #82755422}.atelier-gallery img{width:100%;aspect-ratio:1;object-fit:contain}.atelier-gallery figcaption{font:14px/1.15 ChurchPixel,monospace;color:#64533c;padding:5px 3px}.atelier-intro ul{display:inline-block;text-align:left;padding-left:22px;margin:4px auto;font-size:16px;line-height:1.5;max-width:480px}.atelier-intro li{margin:8px 0}.atelier-trial .atelier-aside{font-size:14px;line-height:1.4;color:#69644f;margin:15px 0 0}.atelier-verdict{display:inline-block;color:#2c745e;border:2px solid currentColor;padding:8px;font:600 17px/1.2 ChurchPixel,monospace;transform:rotate(-2deg);margin:8px 0}.atelier-verdict.is-failed{color:#923d60}.atelier-result>img{width:min(230px,70%);aspect-ratio:1;object-fit:contain}@media(pointer:coarse){.atelier-keyboard-hint{display:none}.atelier-controls button{width:100%}}@media(max-width:500px){.atelier-header{padding-left:11px}.atelier-header h2{font-size:25px}.atelier-header span{font-size:13px}.atelier-intro,.atelier-result{padding:17px 13px}.atelier-intro h3{margin-bottom:12px}.atelier-gallery{gap:5px;margin-block:10px}.atelier-footer{padding:9px 11px}.atelier-brief{padding:8px 11px}.atelier-meta{font-size:15px;padding-inline:11px}}@media(max-height:570px)and (orientation:landscape){.atelier-trial[data-atelier-screen=drawing],.atelier-trial[data-atelier-screen=page-done]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto}.atelier-header{grid-column:1/-1;padding-block:6px}.atelier-meta{grid-column:1/-1}.atelier-paper{grid-column:1;grid-row:3/5;min-height:0}.atelier-brief{grid-column:2;grid-row:3;min-height:0}.atelier-footer{grid-column:2;grid-row:4}.atelier-progress{display:none}.atelier-instructions{min-height:0}.atelier-header h2{font-size:22px}.atelier-keyboard-hint{display:none}}body.atelier-open{overscroll-behavior:none}body.atelier-drawing,body.atelier-drawing #modal,body.atelier-drawing #modal-content,body.atelier-drawing .atelier-trial{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.atelier-trial img{pointer-events:none;-webkit-user-drag:none;user-select:none}.atelier-steve{display:block;flex:none;width:68px;height:68px;background:url(assets/floor2/atelier-v64/steve.webp) 0 0/400% 200% no-repeat;pointer-events:none}.atelier-steve-intro{display:flex;align-items:center;gap:8px;text-align:left;margin:0 0 8px}.atelier-steve-intro>.atelier-steve{width:clamp(110px,23vw,165px);height:clamp(110px,23vw,165px)}.atelier-steve-intro h3{font-size:clamp(25px,5vw,37px);margin:7px 0 8px}.atelier-steve-intro p{font-size:16px;margin:0;line-height:1.35}.atelier-steve-intro .atelier-kicker{font-size:13px;letter-spacing:.5px}.atelier-intro .atelier-gallery{max-width:510px;margin:12px auto}.atelier-intro ul{line-height:1.35;margin:2px auto}.atelier-intro li{margin:7px 0}.atelier-result>.atelier-steve{margin:0 auto;width:110px;height:110px}@media(max-width:500px){.atelier-intro{padding:12px}.atelier-steve-intro{gap:5px}.atelier-steve-intro>.atelier-steve{width:105px;height:105px;background-size:400% 200%;aspect-ratio:1}.atelier-steve-intro p{font-size:15px}.atelier-brief .atelier-steve{width:55px;height:55px}.atelier-intro .atelier-gallery figure{padding:3px}.atelier-intro .atelier-gallery img{max-height:120px}.atelier-intro .atelier-aside{margin-top:9px}}.atelier-trial .atelier-credit{margin:-4px 0 13px;font:13px/1.3 system-ui,sans-serif;color:#675940;text-align:center}
