.creative-main{max-width:960px}.creative-lead{font-size:20px;color:#526976}.creative-steps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.creative-steps span{padding:8px 13px;border-radius:16px;background:#e7eae3;font-size:14px}.creative-steps [aria-current=step]{background:#d9ece7;color:#21594f;font-weight:800}.creative-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.creative-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:155px;font-size:20px;background:#fffdf6;border:2px solid #b3c9c4;box-shadow:0 5px 0 #d0dfd8;border-radius:24px}.creative-choice svg{width:120px;height:115px}.creative-choice .picture{font-size:52px}.creative-choice[aria-pressed=true]{outline:3px solid #1b716b;outline-offset:2px;background:#e8f7e9}.creative-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.creative-actions>*{flex:1;min-width:130px}.creative-actions a,.mission-world{display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border-radius:16px;border:2px solid #9ebeb6;text-decoration:none;font-weight:700;background:#fff}.creative-scene{margin:20px 0 12px;border-radius:24px;overflow:hidden;line-height:0;box-shadow:0 5px 20px #22463312}.creative-scene svg{display:block;width:100%;height:auto}.story-text{font-size:clamp(23px,4vw,32px);line-height:1.6;max-width:32em}.creative-canvas{display:block;width:100%;height:auto;background:#fffdf5;border:3px solid #b3c9c4;border-radius:22px;touch-action:none}.creative-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.creative-tools button{min-width:72px}.creative-detail{padding:16px 0;line-height:1.7}.creative-detail summary{min-height:48px;font-weight:700;cursor:pointer}.creative-summary{padding:22px;background:#fff0c9;border-radius:24px;margin-top:24px}.creative-summary h2{margin-top:0}.mission-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.mission-map button{text-align:left;min-height:160px;background:#fffdf7;border-radius:24px;padding:22px;box-shadow:0 5px 0 #d0dfd8}.mission-map strong{display:block;font-size:24px;margin:10px 0}.mission-map span{font-size:38px}.mission-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.mission-stage{border-radius:28px;background:#edf4ef;border:2px solid #bdd6cb;padding:24px;margin:18px 0;text-align:center}.mission-stage .creative-choices{margin-bottom:0}.mission-tokens{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:18px 0}.mission-token{width:84px;min-height:84px;font-size:32px}.mission-token:disabled{opacity:1;background:#d9f0d9;border-color:#6e9d75}.mission-token small{display:block;font-size:16px}.mission-pattern{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:37px}.mission-pattern span{display:grid;place-items:center;width:65px;height:65px;background:#fff;border:2px solid #b3c9c4;border-radius:18px}.mission-model{font-size:22px;line-height:1.6}.mission-hint{outline:4px solid #a86814!important;outline-offset:4px}.mission-key.lit{background:#ffe1a0;outline:4px solid #976314;outline-offset:3px}.mission-tools{display:flex;gap:10px;flex-wrap:wrap}.mission-tools button{flex:1}.mission-stage .robot-portrait{max-width:190px;display:block;margin:auto}.mission-progress{font-weight:700;color:#3e6465}.parent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.parent-grid section{padding:22px;background:#fff;border:1px solid #ccdcd5;border-radius:24px}.parent-grid h2{margin-top:0}.parent-grid a{display:inline-block;padding:8px 0;min-height:44px}.parent-note{padding:18px;background:#e5f2eb;border-radius:20px;line-height:1.7}.story-read-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.story-read-tools span{font-weight:700}.story-download{display:block;margin:14px 0}.creative-main h1:focus,.creative-main h2:focus{outline:0}@media(max-width:540px){.creative-choices{gap:10px}.creative-choice{min-height:130px;padding:12px 6px;font-size:17px}.creative-choice svg{width:85px;height:90px}.creative-choice .picture{font-size:40px}.mission-map{grid-template-columns:1fr}.mission-stage{padding:18px 12px}.mission-pattern span{width:50px;height:56px;font-size:30px}.mission-token{width:72px;min-height:80px}.parent-grid{grid-template-columns:1fr}.story-text{font-size:24px}.creative-steps span{font-size:12px;padding:7px 10px}}
.creative-main h1,.creative-main h2{scroll-margin-top:150px}