@charset "UTF-8";
:root{--paper:#fffdf3;--cream:#f6efd9;--ink:#293c36;--muted:#677167;--red:#cd4d35;--mint:#a3c7b3;--line:#c9cebb;--yellow:#f7d678;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#dcd9c4 .7px,transparent .7px);background-size:8px 8px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b94e2e;outline-offset:4px}button{touch-action:manipulation}a{color:inherit}canvas{display:block;max-width:100%}[hidden]{display:none!important}.toast-page{max-width:1120px;padding:0 32px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;border-bottom:1px solid var(--line)}.topbar a{text-decoration:none;font-weight:700;min-height:30px;display:flex;align-items:center}.topbar span{font-family:monospace;font-weight:700;letter-spacing:.08em}.title-row{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin:46px auto 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--red);margin:0 0 15px}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:900;font-size:clamp(38px,5.4vw,62px);letter-spacing:-.04em;line-height:1.25;margin:0}h1 span{background:linear-gradient(transparent 78%,var(--yellow) 78%,var(--yellow) 94%,transparent 94%)}.issue-stamp{border:2px solid var(--red);border-radius:50%;color:var(--red);width:98px;height:98px;flex:none;display:grid;place-content:center;text-align:center;font-size:15px;font-weight:800;line-height:1.6;transform:rotate(12deg)}.intro{max-width:700px;margin:22px auto 28px;color:var(--muted);font-size:15px;line-height:1.9}.order{max-width:700px;margin:0 auto 42px;display:flex;align-items:center;gap:20px;padding:20px 23px;background:var(--paper);border:1px solid var(--line);box-shadow:3px 4px 0 #dedfc9;position:relative}.order-label{writing-mode:vertical-rl;font-size:11px;letter-spacing:.22em;color:var(--red);font-weight:800;flex:none}.order p{margin:0;font-size:13px;line-height:1.9}.order strong{font-size:17px}.order-sketch{font-family:serif;font-size:50px;color:var(--red);margin-left:auto}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.kitchen-section{position:sticky;top:18px}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:8px}.section-line h2{font-size:16px;margin:0}.section-line>span{font-size:11px;color:var(--muted)}.stage{position:relative;border:2px solid var(--ink);border-radius:16px 16px 4px 4px;overflow:hidden;background:#f6ddaf;box-shadow:5px 5px 0 #dddbc6}.stage canvas{width:100%;height:auto}.scene-badge{position:absolute;top:13px;left:14px;font:700 11px monospace;letter-spacing:.1em;color:#6a795c}.speech{display:flex;gap:12px;align-items:start;background:var(--paper);border:1px solid var(--line);padding:15px 17px;margin-top:15px;min-height:75px;border-radius:4px 15px 15px 15px}.speech p{font-size:13px;line-height:1.7;margin:0;font-weight:650}.robot-dot{width:10px;height:10px;margin-top:6px;background:var(--red);border-radius:50%;flex:none}.state-strip{display:grid;grid-template-columns:1fr 1fr 1fr;margin:18px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.state-strip>div{padding:0 10px;border-right:1px solid var(--line)}.state-strip>div:first-child{padding-left:0}.state-strip>div:last-child{border:0}.state-strip small{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.state-strip strong{font-size:12px;line-height:1.5}.robot-rules,.hint{font-size:12px;color:var(--muted);line-height:1.9}.robot-rules summary,.hint summary{cursor:pointer;min-height:42px;align-content:center;font-weight:700}.robot-rules summary span{float:right;font-size:18px}.robot-rules b{display:block;color:var(--ink)}.recipe-paper{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:16px 17px 8px;box-shadow:4px 4px 0 #dedfc9;position:relative;min-height:118px}.program{list-style:none;counter-reset:step;padding:0;margin:0}.program li{display:flex;align-items:center;gap:8px;border-bottom:1px dashed #cfd0bf;padding:8px 0;min-height:54px}.program li.is-current{background:#fae8bd;margin:0 -7px;padding-left:7px;padding-right:7px}.program li.is-done .step-number{background:var(--mint);color:var(--ink)}.program li.is-skipped{opacity:.5}.step-number{display:grid;place-content:center;width:24px;height:24px;border-radius:50%;background:#e7e8d8;font:800 11px monospace;flex:none}.step-word{font-size:12px;font-weight:800;flex:1;min-width:0}.step-word small{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.5}.step-actions{display:flex;gap:2px;flex:none}.step-actions button{border:0;background:transparent;min-width:30px;height:37px;padding:4px;font-size:17px;border-radius:4px}.step-actions button:hover:not(:disabled){background:#eee8cf}.step-actions .remove{color:var(--red)}.empty-guide{text-align:center;color:#8d9483;font-size:12px;line-height:1.9;padding:18px 0;margin:0}.paper-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:5px}.paper-footer span{font-size:9px;color:var(--muted)}.text-button{border:0;background:transparent;padding:8px 2px;font-size:11px;min-height:37px;text-decoration:underline;text-underline-offset:4px}.palette-label{font-size:12px;font-weight:800;margin:23px 0 11px}.palette-label span{font-size:10px;font-weight:400;color:var(--muted);float:right}.command-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.command-card{background:#fffdf3;border:1px solid var(--line);border-bottom:3px solid #c2c6b4;border-radius:9px;padding:12px 4px 9px;min-height:94px;display:flex;align-items:center;flex-direction:column;gap:5px}.command-card:hover:not(:disabled){background:#fff6cd;transform:translateY(-2px)}.command-card:active:not(:disabled){transform:translateY(1px)}.command-card svg{width:33px;height:30px;display:block}.command-card strong{font-size:11px;line-height:1.4}.command-card small{font-size:9px;color:var(--muted)}.command-card[data-command=serve]{background:#f8e2d4;border-color:#d8aa92}.edit-status{font-size:11px;line-height:1.6;margin:13px 0;min-height:18px;color:var(--muted)}.run-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.button{border:1px solid var(--ink);border-bottom-width:3px;min-height:49px;padding:12px 13px;border-radius:7px;font-size:12px;font-weight:800;line-height:1.5}.button:hover:not(:disabled){filter:brightness(.96)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--red);border-color:#a93c28;color:#fffdf2}.button.light{background:var(--paper);border-color:#aeb7a5}.button.dark{background:var(--ink);color:var(--paper)}.run-actions .primary span{padding-left:9px;font-size:9px}.sub-actions{display:flex;justify-content:space-between;gap:8px;margin-top:3px}.hint{margin-top:8px}.hint p{margin:4px 0 10px;background:#eee9d3;padding:14px;border-radius:6px}.result-section{margin:55px auto 0;max-width:760px;border-top:2px solid var(--ink);padding-top:34px;scroll-margin-top:20px}.result-section>h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(25px,4vw,39px);margin:0 0 15px;line-height:1.4}.result-description{font-size:13px;color:var(--muted);line-height:1.9;max-width:600px}.result-checks{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 32px}.check{font-size:11px;border:1px solid #c6c8b6;border-radius:20px;padding:7px 11px;background:#ede9d8}.check.pass{background:#d9e9d7;border-color:#a0b39a}.comic-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 11px}.comic-heading h3{font-size:14px;margin:0}.comic-heading span{font-size:10px;color:var(--muted)}#comic{width:100%;height:auto;border:1px solid var(--ink);background:var(--paper)}.result-actions{display:flex;gap:9px;margin-top:23px}.result-actions>button{flex:1}.share-actions{display:flex;gap:9px;margin-top:9px}.share-actions>button{flex:1}.save-feedback{font-size:11px;min-height:18px;color:var(--muted)}footer{margin:50px 0 27px;padding-top:23px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.8;text-align:center}footer span{display:block;font-size:9px;margin-top:5px}.common-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 19px;border-radius:30px;font-size:12px;box-shadow:0 4px 16px #0002;z-index:20;max-width:90%;text-align:center}.stage.is-acting{animation:nudge .45s ease}@keyframes nudge{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}}
@media(max-width:760px){.toast-page{max-width:530px;padding:0 19px}.topbar{padding:15px 0}.title-row{margin-top:28px}.eyebrow{font-size:9px;margin-bottom:11px}.issue-stamp{width:76px;height:76px;font-size:12px;margin-right:5px}.intro{font-size:12px;margin-top:17px;margin-bottom:22px}.order{padding:15px 13px;gap:12px;margin-bottom:29px}.order p{font-size:10px}.order strong{font-size:13px}.order-label{font-size:9px}.order-sketch{font-size:33px}.workbench{grid-template-columns:1fr;gap:27px}.kitchen-section{position:static}.stage{box-shadow:3px 3px 0 #dddbc6}.section-line h2{font-size:15px}.section-line>span{font-size:10px}.speech{margin-top:12px;padding:12px 14px;min-height:65px}.speech p{font-size:12px}.state-strip{margin:15px 0 8px;padding-bottom:14px}.robot-rules{font-size:11px}.recipe-paper{padding:12px 12px 5px}.program li{gap:6px;min-height:56px}.step-word{font-size:12px}.step-actions button{min-width:32px;height:40px}.command-cards{gap:7px}.command-card{min-height:94px}.palette-label{margin-top:19px}.button{font-size:11px;padding:12px 9px}.result-section{margin-top:38px;padding-top:28px}.result-actions{flex-direction:column}.comic-heading{gap:5px}.comic-heading h3{font-size:12px}.comic-heading span{font-size:9px}.result-checks{gap:5px}.check{font-size:10px;padding:6px 8px}footer{margin-top:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.jump-link{display:inline-block;margin-top:10px;color:var(--red);font-size:12px;font-weight:800;text-underline-offset:4px;min-height:35px;align-content:center}.step-actions button{min-width:44px;height:44px}#instruction-title{scroll-margin-top:20px}