#controls{gap:6px}#controls h2{font-size:24px;margin:6px 0}#controls p{margin:0;font-size:16px;line-height:1.4}#controls>.eyebrow{font-size:10px}.world{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}#scene{display:grid!important;grid-template-rows:auto minmax(0,1fr);gap:3px}#scene>svg{width:100%;height:100%;min-height:0}body[data-debug-stage="0"] #scene,body[data-debug-stage="1"] #scene,body[data-debug-stage="6"] #scene,body[data-debug-stage="7"] #scene{display:flex!important;align-items:center;justify-content:center}#scene>.opening-map{height:100%;width:100%;min-height:0;display:flex;flex-direction:column}#scene .opening-map>svg{flex:1;width:100%;min-height:0;height:100%}.map-caption,.map-jobs{display:none}.plan-board{padding:6px 14px;background:#fff8e6;border-bottom:1px solid #d3d8bc}.plan-board h3{font-size:15px;margin:0 0 5px}.plan-board p{display:none}.step-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.step-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fffaf0;border:2px solid #cbd4b8;border-radius:10px;padding:5px;font-size:12px;min-width:0;line-height:1.2}.step-card b{font-size:10px;color:#71846c}.step-card svg{width:32px;height:32px}.step-card.selected{border-color:#5b806b}.step-card.current{background:#f8dfa2;border-color:#bc8d5a}.step-card.diff{border:2px dashed #b16d58;background:#f6dfcf}#trace{padding:4px 14px}.trace-title{display:block;font-size:9px;letter-spacing:1px;margin-bottom:4px}#trace:empty,#evidence:empty{display:none}.trace-empty{font-size:13px;margin:0}#evidence{padding:3px 14px 8px;font-size:15px;line-height:1.3}.result-note{padding:8px;background:#f5ead5;border-radius:10px}.palette{display:flex;gap:6px}.palette button{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;padding:5px;font-size:12px}.palette svg{width:32px;height:32px}.choice-row{display:flex;gap:6px}.choice-row button{flex:1;font-size:12px;padding:7px}.program-label{font-size:13px!important}.repair-note{background:#f1e8cf;padding:9px!important;border-radius:10px}#controls .primary{width:100%;font-size:16px;padding:10px;margin:0}#controls #reset,#controls #stop{font-size:12px;padding:7px}.check-note{font-size:11px!important}.mission-paper{padding:25px;max-width:650px}.mission-header{display:flex;justify-content:space-between;align-items:center}.mission-paper p{font-size:20px;line-height:1.45}.mission-paper h2{font-size:30px}.mission-paper .primary{font-size:20px}.mission-header svg{width:70px;height:70px}#mission-dots{display:flex;gap:5px}#mission-dots span{padding:5px 9px;border-radius:50%;background:#e6ebd6}#mission-dots .active{background:#efc982}#maker-dialog label{display:block;margin:15px 0}#maker-dialog input,#maker-dialog select{display:block;width:100%;padding:12px;margin-top:6px;font:inherit;border:1px solid #cbd4b8;border-radius:10px;background:#fff9ea}#life-page{min-height:0}#lesson:has(.life-card){grid-template-rows:auto minmax(0,1fr) auto}.gallery{padding:16px;width:100%;max-height:100%;overflow:auto}.gallery h2,.finish-paper h2{font-size:26px}.gallery article{border:1px solid #cbd4b8;border-radius:12px;padding:10px;margin:10px 0}.gallery h3{font-size:18px;margin:4px}.gallery p{font-size:13px}.finish-paper{display:flex;flex-direction:column;width:100%;height:100%;padding:12px}.finish-paper .opening-map{flex:1;min-height:0}.finish-paper .opening-map svg{height:100%;width:100%}.finish-paper p{font-size:14px}.world-top #status{font-size:10px;letter-spacing:0;max-width:65%;text-align:right}.debug-scene.blocked .pip-smile{opacity:0}.debug-scene.blocked .pip-frown{opacity:1}.debug-scene.done .pip-eyes{opacity:0}.debug-scene.done .pip-happy-eyes,.debug-scene.done .pip-cheeks{opacity:1}.wave-hand{transform-box:fill-box;transform-origin:center bottom;animation:debug-wave .6s ease-in-out 2}.clap-hands{transform-box:fill-box;transform-origin:center;animation:debug-clap .6s ease-in-out 2}.tile-arrive{animation:debug-tile .6s ease-out}@keyframes debug-wave{50%{transform:rotate(15deg)}}@keyframes debug-clap{50%{transform:scaleX(.6)}}@keyframes debug-tile{from{opacity:0;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1000px){#lesson{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.layout{min-height:0}.world,#controls{height:100%;min-height:0}.heading h1{font-size:clamp(26px,2.4vw,36px)}.heading>p{display:none}#controls{display:flex;flex-direction:column;justify-content:space-between}#controls>*{flex-shrink:0}}@media(min-width:1000px) and (max-height:700px){#controls{gap:3px;padding:9px 12px}#controls p{font-size:13px}.step-card{padding:3px;font-size:10px;gap:1px}.step-card svg{width:26px;height:26px}.plan-board{padding:4px 10px}.plan-board h3{font-size:12px;margin-bottom:3px}.palette svg{height:25px;width:25px}.palette button{font-size:10px;padding:3px}.choice-row button{padding:5px;font-size:10px}#controls .primary{font-size:14px;padding:8px}#trace{padding:3px 10px}#trace .step-card{flex-direction:row;font-size:10px}#trace .step-card svg{height:22px;width:22px}#trace .step-card b{display:none}#evidence{font-size:13px;padding:3px 10px 6px}.world-top{padding-top:6px}.program-label{font-size:11px!important}.check-note{font-size:10px!important}}@media(max-width:999px){#scene{min-height:320px}.world{min-height:500px}#controls{padding:18px}#controls>*{margin:8px 0}.step-card{font-size:11px}#lesson:has(.life-card){display:block}.life-card{margin-top:15px}}@media(prefers-reduced-motion:reduce){.wave-hand,.clap-hands,.tile-arrive{animation:none}}
dialog:not([open]){display:none!important}

.hello-reply .wave-arm{transform-origin:53px 2px;animation:wave .45s ease-in-out 4}.dance-stamp .debug-dancer{animation:debug-stamp .7s ease-out}@keyframes debug-stamp{35%{transform:translateY(-9px)}65%{transform:translateY(3px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hello-reply .wave-arm,.dance-stamp .debug-dancer{animation:none}}