:root{--paper:#f7f7fc}.teacher-mode{--purple:#177e75;--bg:#f5f8f6;--border:#e1e9e4;--ink:#263c37}.teacher-mode .brandmark{background:#177e75}.teacher-mode .badge{color:#177e75;background:#e9f4ef}.teacher-mode .buddy,.teacher-mode .examples button,.teacher-mode .secondary{background:#edf7f1;color:#27796b}.teacher-mode .share-callout{background:#edf5ef}.mode-nav{display:flex;gap:5px;margin-left:auto}.mode-nav a{padding:8px 13px;font-size:12px;border-radius:8px;color:#89899c}.mode-nav a[aria-current]{background:#eeebfc;color:var(--purple);font-weight:700}.teacher-mode .mode-nav a[aria-current]{background:#e9f4ef}.hub-intro{padding:68px 10px 28px;text-align:center}.hub-intro h1{font-size:48px}.hub-intro p{color:var(--muted);line-height:1.9}.doors{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:950px;margin:20px auto 30px}.door{padding:38px;border:1px solid #e6e1f8;border-radius:22px;background:white;transition:.2s}.door:hover{transform:translateY(-4px)}.door>span{font-size:13px;font-weight:700;color:#8270d0}.door h2{font-size:29px;line-height:1.6;margin:18px 0}.door p{font-size:12px;color:#8a849c}.door b{display:block;color:var(--purple);margin-top:28px}.teacher-door{background:#eff6f0;border-color:#d5e5d9}.teacher-door>span,.teacher-door b{color:#177e75}.hub-note{max-width:950px;margin:auto;padding:22px 26px;background:#eeedf7;border-radius:14px;color:#69647d;font-size:12px}.hub-note p{line-height:1.8;margin-bottom:0}.class-intro{display:flex;justify-content:space-between;align-items:center;padding:40px 6px 28px}.class-intro h1{font-size:38px}.class-intro p{line-height:1.9;color:var(--muted);font-size:13px}.intro-ticket{background:white;border:1px solid var(--border);border-radius:20px;padding:25px;text-align:center;min-width:245px;transform:rotate(3deg)}.intro-ticket>span{display:block;font-size:50px;color:var(--purple);font-weight:900;line-height:1.2}.intro-ticket b{display:block;font-size:13px;margin:5px}.intro-ticket small{font-size:10px;color:var(--muted)}.mission-strip{padding:20px 24px;margin:0 0 25px}.mission-strip h2{font-size:15px;margin-top:7px}.mission-strip>small{color:#9b97ac;font-size:10px;display:block;margin-top:12px}#missions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.mission-chip{display:flex;gap:7px;align-items:center;border-radius:8px;border:1px solid var(--border);padding:9px 10px;font-size:11px;color:#8a849c;background:#faf9fd}.mission-chip .check{color:#aba4c7}.mission-chip.done{color:var(--purple);background:#f1effc;border-color:#d8d1f8}.mission-chip.done .check{color:var(--purple)}.mission-chip span:last-child{font-size:9px;opacity:.7}.templates.four{grid-template-columns:repeat(4,1fr);gap:12px}.four .template-art{min-width:66px;height:77px}.four .template-art>span{font-size:37px}.four .template{gap:10px}.four .template-info b{font-size:13px}.school{background:#e6ecfd}.lesson-picker{padding:22px 24px;margin-bottom:25px}.lesson-picker h2{font-size:16px;margin-top:5px}.lesson-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.lesson-buttons button{display:flex;gap:9px;align-items:center;padding:12px 15px;text-align:left;border-radius:10px;border:1px solid var(--border);background:#fcfbff;color:var(--ink)}.lesson-buttons b{font-size:12px}.lesson-buttons small{display:block;font-size:9px;margin-top:4px;color:#908ba1}.lesson-buttons button>span{font-size:24px}.lesson-picker>p{font-size:10px;line-height:1.8;color:#9c96ac}.workspace{grid-template-columns: .86fr 1.14fr}.prompt-helper,.change-log{margin:0 22px 15px;font-size:11px;color:#79738d}.prompt-helper summary,.change-log summary{cursor:pointer;font-weight:700;padding:5px 0}.prompt-helper>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 0}.prompt-helper input{max-width:70px}.prompt-helper small{font-size:9px;color:#9a94a7}.prompt-helper input,.prompt-helper select,.setting input[type=number],.setting select{padding:7px;border:1px solid var(--border);border-radius:6px;min-width:0}.setting input[type=number]{width:75px}.setting select{max-width:170px}.change-log li{padding:7px 0;line-height:1.7}.file-tools{display:flex;justify-content:center;gap:4px;padding:0 10px 17px;flex-wrap:wrap}.file-label{cursor:pointer;display:inline-block}.quiz-player{margin:18px 22px;padding:22px;border-radius:12px;background:#f5f3fc;border:1px solid #e6e0f5;min-height:300px}.quiz-topline{display:flex;justify-content:space-between;font-size:11px;color:#9083ba}.quiz-player h3{font-size:20px;line-height:1.6;margin:24px 0 18px;color:#3f355d}.quiz-options{display:grid;gap:9px}.quiz-option{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:12px;background:white;border:1px solid #e4dff0;border-radius:9px;color:#565068;font-size:13px;min-height:48px}.quiz-option b{width:25px;height:25px;display:grid;place-items:center;background:#f1edf9;border-radius:6px;color:#8d80b4;font-size:11px;flex-shrink:0}.quiz-option:hover{border-color:var(--purple)}.quiz-option.correct{background:#e7f5ec;border-color:#8ac7a2;opacity:1}.quiz-feedback{font-size:12px;line-height:1.8;color:#796995;margin:16px 0;white-space:pre-wrap}.quiz-player>.primary{margin-right:8px}.quiz-editor,.reflection{padding:25px;margin-top:25px}.quiz-editor>p{font-size:12px;color:var(--muted);line-height:1.8}.question-card{border:1px solid var(--border);padding:18px;border-radius:12px;margin:15px 0;background:#fcfbff}.question-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-card header b{font-size:13px}.question-card label{display:block;font-size:10px;color:#898095;margin-bottom:6px}.question-card input,.question-card textarea,.question-card select{border:1px solid #e0dbea;border-radius:7px;padding:10px;font:inherit;font-size:12px;width:100%;background:white;color:var(--ink)}.question-card textarea{resize:vertical;min-height:55px}.option-editors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.question-end{display:grid;grid-template-columns:140px 1fr;gap:15px}.editor-actions{display:flex;gap:15px;align-items:center}.editor-actions span{font-size:11px;color:var(--purple)}.material-input{border-top:1px solid var(--border);padding:18px 0;margin-top:20px;font-size:12px}.material-input summary{font-weight:700;cursor:pointer}.material-input p{line-height:1.8;color:var(--muted);font-size:11px}.material-input code{font-size:10px;background:#f4f1fb;padding:8px;display:block;overflow-wrap:anywhere}.material-input textarea{display:block;width:100%;min-height:120px;border:1px solid var(--border);border-radius:8px;padding:12px;margin:12px 0;font:inherit;font-size:12px}.material-input span{display:block;margin:10px;color:var(--purple);font-size:11px}.review-check{background:#f0f7ef;border-radius:10px;padding:16px;display:flex;gap:10px;align-items:flex-start;flex-direction:column;font-size:12px;color:#59836a}.review-check label{display:flex;align-items:center;gap:9px}.review-check span{font-size:10px}.reflection{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.reflection h2{font-size:19px;margin:10px 0}.reflection p{font-size:12px;color:var(--muted);line-height:1.9}.reflection label{display:block;font-size:11px;color:#81778c;margin-bottom:8px}.reflection textarea{width:100%;min-height:75px;padding:12px;border:1px solid var(--border);border-radius:9px;font:inherit;font-size:12px;margin-bottom:15px;resize:vertical}.peer-check{display:flex!important;align-items:center;gap:8px;font-size:12px!important}.training{padding:25px;margin-bottom:25px}.training-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.training-head h2{font-size:20px;margin-top:7px}.training p{font-size:12px;color:var(--muted);line-height:1.8}.training-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;margin-top:18px}.training h3{font-size:13px;margin:0 0 15px}.training-step{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--border)}.training-step>span{font-size:10px;color:#478675;min-width:35px;font-weight:700}.training-step b{font-size:12px}.training-step p{font-size:11px;margin:4px 0}.design-note{background:#f3f7f3;padding:18px;border-radius:10px}.design-note label{display:block;font-size:10px;color:#78927d;margin-bottom:6px}.design-note input,.design-note textarea,.design-note select{width:100%;padding:9px;border:1px solid #dce7dd;border-radius:7px;font:inherit;font-size:11px;margin-bottom:12px}.design-note textarea{min-height:60px;resize:vertical}.design-note small{color:#97a399;font-size:9px;line-height:1.8}.workshop-timer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#f0f5ef;padding:12px;border-radius:10px;margin-top:16px;font-size:11px}.workshop-timer input{width:44px;padding:7px;border:1px solid #dbe7dc;border-radius:5px}.workshop-timer output{font:bold 23px monospace;color:#257c70;margin-left:auto}.workshop-timer button{font-size:10px;padding:8px}.reference-panel{margin:24px 0;font-size:12px;color:#898293}.reference-panel summary{cursor:pointer;padding:16px;border:1px solid var(--border);border-radius:10px;background:white}.reference-panel>div{background:white;padding:20px;border:1px solid var(--border);border-radius:10px;margin-top:10px}.reference-panel p,.reference-panel li{line-height:1.9;font-size:11px}.reference-panel a{color:var(--purple);text-decoration:underline}.family-mode .mode-nav{display:none}.family-mode .file-tools,.family-mode .quiz-editor,.family-mode .little-tip{display:none!important}.family-mode #familyMount{max-width:740px}.family-mode .quiz-player{margin:20px}.family-mode .brand{margin:auto}.teacher-mode .mission-chip.done{background:#e8f4ed;border-color:#cce3d1}.toast{white-space:pre-wrap;line-height:1.7}.form-error{color:#be3c50!important}.home-mode #myGames,.play-mode #myGames{display:none}.quiz-edit-dirty{color:#b07930}.training-print{display:none}
@media(max-width:1050px){.templates.four{grid-template-columns:repeat(2,1fr)}.intro-ticket{min-width:210px}.mode-nav a{font-size:11px;padding:7px}.four .template{flex-direction:row;text-align:left}.four .template-info small{display:block}.training-layout{gap:20px}}
@media(max-width:760px){.mode-nav{gap:0}.mode-nav a{font-size:9px;padding:6px}.brand b{display:none}.topbar{gap:5px}.topbar #myGames{font-size:10px;padding:6px}.class-intro{padding:30px 2px 22px;gap:20px}.class-intro h1{font-size:28px}.class-intro p{font-size:11px}.class-intro .eyebrow{font-size:8px;letter-spacing:1px}.intro-ticket{min-width:100px;max-width:110px;padding:16px 10px}.intro-ticket>span{font-size:35px}.intro-ticket b{font-size:10px}.intro-ticket small{font-size:8px;line-height:1.6;display:block}.mission-strip{padding:17px}.mission-strip h2{font-size:13px}.mission-chip{font-size:9px;padding:8px;flex:1 1 45%}.mission-chip span:last-child{font-size:8px}.lesson-picker{padding:18px}.lesson-buttons{gap:7px}.lesson-buttons button{flex:1 1 45%;padding:10px}.lesson-buttons b{font-size:10px}.lesson-buttons button>span{font-size:20px}.lesson-picker p{font-size:9px}.quiz-editor,.reflection,.training{padding:18px}.quiz-editor .section-heading{display:flex;gap:12px}.quiz-editor h2{font-size:15px}.quiz-editor .eyebrow{font-size:8px;letter-spacing:0}.quiz-editor .secondary{font-size:10px;padding:9px}.question-card{padding:13px}.question-end{grid-template-columns:1fr;gap:10px}.reflection{grid-template-columns:1fr;gap:20px}.training-head{display:block}.training-head h2{font-size:17px}.training-head>.secondary{margin-top:5px}.training-layout{grid-template-columns:1fr;gap:20px}.training-step p{font-size:10px}.training-step b{font-size:11px}.doors{grid-template-columns:1fr;gap:15px}.door{padding:25px}.door h2{font-size:24px}.hub-intro{padding:38px 0 15px}.hub-intro h1{font-size:31px}.hub-intro p{font-size:12px}.hub-note{padding:18px;font-size:11px}.four .template-art{min-width:52px;height:65px}.four .template-info b{font-size:11px}.four .template-info small{font-size:9px}.four .template-info em{font-size:9px}.quiz-player{padding:17px;margin:16px 14px}.quiz-player h3{font-size:17px}.quiz-option{font-size:12px}.editor-actions{flex-wrap:wrap}.review-check{padding:12px;font-size:11px}.share-callout .primary{padding:10px;font-size:10px}}
@media print{body{background:white;color:#222}.topbar,.class-intro,.mission-strip,.choose,.lesson-picker,.workspace,.quiz-editor,.file-tools,.reference-panel,footer,#hub,#player,dialog,.toast,.workshop-timer button,.training-head button,.reflection button{display:none!important}#studio{display:block!important}.training,.reflection{border:0;box-shadow:none;padding:0;margin:15px 0;break-inside:avoid}.training-layout{display:block}.design-note{margin-top:15px;background:white}.training-step{padding:8px}.reflection{display:block}.reflection textarea,.design-note textarea,.design-note input{border:0;padding:0;resize:none;font-size:12px;color:#222}.reflection label,.design-note label{font-size:12px;color:#222}body:not(.teacher-mode) .reference-panel{display:block!important}.training-print{display:block}}

.question-card>summary{cursor:pointer;font-weight:700;font-size:13px;line-height:1.7;color:var(--ink)}.question-card[open]>summary{margin-bottom:16px}.question-card label{margin:10px 0}.mission-chip{cursor:pointer}.family-mode #familyMount{max-width:760px;margin:auto}.library-item{display:block;width:100%;padding:15px;text-align:left;border:1px solid var(--border);border-radius:8px;margin:8px 0;background:white;color:var(--ink)}

.book-section,.kit{margin:28px 0;padding:26px}.book-section>p,.kit>p{color:var(--muted);line-height:1.8}.book-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.book-card{border:1px solid #e2dff1;background:#faf9ff;border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.book-card small{color:#61568e}.book-card h3{margin:12px 0 8px}.book-card p{line-height:1.7;flex:1}.book-card button{margin-top:12px}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kit-grid label{display:flex;flex-direction:column;gap:8px;font-weight:600}.kit-grid input,.kit-grid textarea{width:100%;padding:12px;border:1px solid #dcd9e9;border-radius:10px;background:white;font:inherit;box-sizing:border-box}.kit-grid textarea{min-height:90px;resize:vertical}.kit-request,.kit-teacher{margin-top:18px;padding:16px;background:#f6f5fb;border-radius:12px;line-height:1.8}.kit-request input{width:80px;margin:8px;padding:8px}.kit-teacher ol{padding-left:25px}.quiz-scene{padding:12px;background:#ffffffa0;border-radius:14px;margin:16px 0}.quiz-scene p{font-size:14px}.scene-track{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.scene-step{display:grid;place-items:center;width:38px;height:40px;border:1px dashed #b4a3cf;border-radius:9px;font-size:22px}.scene-step.current{border:2px solid #6356e8;background:#eeeaff;transform:translateY(-3px)}.scene-step.passed{background:#d9f4e2;color:#137149}.teacher-mode .book-card{background:#f4fcfa;border-color:#bce0d6}.student-mode .kit-teacher{display:none}
@media(max-width:760px){.book-cards,.kit-grid{grid-template-columns:1fr}.book-section,.kit{padding:20px}.book-card{padding:16px}.scene-step{width:32px}.kit-request button{display:block;margin-top:8px}}
@media print{.book-section,.kit{break-inside:avoid}.kit-request,.book-card button,#exportKit{display:none}.kit-teacher{display:block!important}}
.scene-track.rescue{flex-direction:column;align-items:center}.rescue .scene-step{width:130px;height:30px;font-size:20px}.rescue .scene-step.current{transform:none}

/* Mumuclass visual identity: purple night, turquoise light, original pixel mascots. */
:root{--purple:#5742b7;--muted:#686479;--border:#ded8ef;--bg:#120923}body{background-color:#120923;background-image:radial-gradient(ellipse at 70% 0%,#392056 0,transparent 55%),linear-gradient(#a580e908 1px,transparent 1px),linear-gradient(90deg,#a580e908 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}.topbar{background:#100820ed;border-bottom:1px solid #56e6df5c;color:#f5f0ff;position:relative;z-index:2;height:88px}.brand{gap:12px}.brandmark{background:transparent;color:#53e9e0;border:1px solid #53e9e080;border-radius:7px;text-shadow:0 0 12px #53e9e080;font-size:30px}.brand-name{font-size:17px;line-height:1.3}.brand-name>span{color:#55e9e1}.brand-name small{display:block;font:9px monospace;color:#baaed2;letter-spacing:2px;margin-top:4px}.brand b{font-size:12px;color:#b9add3;border-left:1px solid #493656;padding-left:12px}.mode-nav a{color:#c7bddc;border:1px solid transparent}.mode-nav a:hover,.mode-nav a[aria-current=page]{color:#70f7ef!important;background:#153a41!important;border-color:#3cded57a}.topbar .quiet{color:#dcd1ef;border:1px solid #625079}.class-intro,.hub-intro{color:#f7f1ff;position:relative;gap:24px}.class-intro h1 span,.hub-intro h1 span{color:#64f0e8;text-shadow:0 0 20px #28d6d944}.class-intro p,.hub-intro p{color:#c2b3dc}.class-intro .eyebrow,.hub-intro .eyebrow{color:#92f6ec}.class-intro{min-height:320px}.brand-hero-art{position:relative;min-width:230px;align-self:center;text-align:center;padding:15px 10px 0}.brand-hero-art:before{content:'';position:absolute;inset:30px -5px 10px;border:1px solid #26e7dc44;box-shadow:0 0 40px #15d2d821;border-radius:14px;background:linear-gradient(145deg,#37184f80,#11112680);z-index:-1}.brand-hero-art img{width:220px;height:auto;display:block;max-width:100%;filter:drop-shadow(0 10px 14px #05001580);image-rendering:pixelated}.pixel-note{font:9px monospace;letter-spacing:2px;color:#85f6ed;display:block;margin-bottom:8px}.hero-spark{position:absolute;right:8px;top:36px;color:#f6d97a;font-size:25px}.intro-ticket{background:#24113b!important;border:1px solid #7857a5!important;box-shadow:5px 5px 0 #080513;padding:20px!important;min-width:140px}.intro-ticket>span{color:#78f6e9!important;font-family:monospace}.intro-ticket b{color:#f5ecff}.intro-ticket small{color:#baa9d5!important}.choose>.section-heading{color:#f5ecff}.choose>.section-heading>span{color:#baa9d5}.template{border-radius:10px;box-shadow:0 4px 0 #060311}.template.selected{border-color:#38cabf!important;box-shadow:0 0 0 3px #28ddcb40!important}.template-art{border-radius:6px;border:2px solid #58446d}.template-art.space,.template-art.school{background:#221535;background-image:linear-gradient(#51e4d21a 1px,transparent 1px),linear-gradient(90deg,#51e4d21a 1px,transparent 1px);background-size:12px 12px}.template-art.garden{background:#cee9df;border-color:#599d87}.template-art.candy{background:#f9e0a4;border-color:#bd9146}.panel{box-shadow:0 8px 22px #06031320;border-radius:14px}.book-section{border-top:3px solid #46cbbc}.teacher-mode .book-section{border-top-color:#e7bc55}.primary{background:#226f71!important;color:#fff!important}.primary:hover{background:#165a61!important}.teacher-mode .primary{background:#765319!important}.teacher-mode .primary:hover{background:#604313!important}.buddy{background:#e9e3f5;overflow:hidden}.buddy img{object-fit:contain;image-rendering:pixelated}.book-card{border-radius:10px}.book-card h3{color:#332244}.book-card small{color:#6a4b83}.book-card button{background:#e7def5;color:#48327c;border:1px solid #c9b9e3}.teacher-mode .book-card button{background:#f5ead1;color:#765319;border-color:#e4cea2}.branded-hub{padding-right:290px;min-height:300px}.branded-hub .brand-hero-art{position:absolute;right:25px;top:40px}.door{background:#faf8ff;border:1px solid #7e649f}.student-door{border-top:3px solid #53dacf}.teacher-door{border-top:3px solid #e6be66}.hub-note{background:#24173a;color:#f0e8ff;border-color:#654983}.hub-note p{color:#c7b9db}footer{color:#b9acd0}footer a{color:#72e7da}.reference-panel{background:#f9f7fe;padding:18px;border-radius:12px}.family-heading{color:#f6edff}.family-heading p{color:#c6b8db}.family-heading .eyebrow{color:#6cebdd}.family-mode .reactions{color:#f2eaff}.family-mode .reactions p{color:#c2b3d9}.advanced{margin:28px 0;padding:26px;border-top:3px solid #dfbc6b}.advanced summary{cursor:pointer;list-style:none}.advanced summary:after{content:'실무 문서와 검증 예시 펼치기 ＋';display:block;margin-top:12px;color:#765319;font-size:12px}.advanced details[open] summary:after{content:'접기 −'}.advanced p{line-height:1.85;color:#625969}.doc-table{overflow:auto}.doc-table table{width:100%;border-collapse:collapse;font-size:12px}.doc-table th,.doc-table td{padding:12px;text-align:left;border-bottom:1px solid #e3deec;vertical-align:top;line-height:1.65}.doc-table th{background:#f3edf8}.doc-table td:first-child{font-weight:800;color:#584179}.requirement-example{background:#f7f0df;padding:18px;margin:20px 0;border-radius:10px}.advanced label{display:block;font-weight:600;margin:16px 0 7px}.advanced textarea{width:100%;padding:12px;min-height:85px;border:1px solid #d6cde5;border-radius:8px;font:inherit}.advanced small{display:block;color:#786b82;margin:10px 0}.advanced a{color:#584179;text-decoration:underline}
@media(max-width:1050px){.class-intro{gap:18px}.class-intro h1{font-size:32px}.brand-hero-art{min-width:160px}.brand-hero-art img{width:170px}.intro-ticket{min-width:110px!important}}
@media(max-width:760px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:14px 18px;gap:10px}.brand{flex:1}.brand-name{font-size:14px}.brand-name small{font-size:8px;letter-spacing:1px}.brandmark{width:30px;height:30px;font-size:25px}.mode-nav{order:3;width:100%;justify-content:flex-start;gap:8px}.mode-nav a{font-size:11px;padding:8px 12px}.class-intro{display:grid;grid-template-columns:1fr 105px;gap:16px;min-height:0;padding:30px 0}.class-intro>div:first-child{grid-column:1/-1}.class-intro h1{font-size:30px}.class-intro p{font-size:13px;line-height:1.8}.class-intro .eyebrow{font-size:9px;line-height:1.6}.brand-hero-art{min-width:0;width:180px;max-width:100%;justify-self:center;padding-top:5px}.brand-hero-art img{width:150px;margin:auto}.pixel-note{font-size:8px;letter-spacing:1px}.intro-ticket{justify-self:end;margin:0;min-width:100px!important}.intro-ticket>span{font-size:40px}.intro-ticket small{font-size:9px}.branded-hub{padding:35px 0 15px}.branded-hub .brand-hero-art{position:relative;right:auto;top:auto;margin:20px auto}.hub-intro h1{font-size:30px}.choose>.section-heading{display:block}.choose>.section-heading>span{display:block;margin-top:8px;font-size:11px}.advanced{padding:20px}.advanced h2{font-size:17px}.doc-table table{font-size:11px}.doc-table th,.doc-table td{padding:9px;min-width:75px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white!important}.brand-hero-art{display:none}.advanced{border:0;color:#222;box-shadow:none;padding:0;break-inside:avoid}.advanced details>summary:after{display:none}.advanced textarea{color:#222;background:white}.advanced{display:block}footer{color:#222}}

/* Classroom polish: legible controls, clear route through the workshop. */
:root{--muted:#686276}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #18a69f;outline-offset:4px}button{min-height:40px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-actions .primary{background:#73f1e3!important;color:#152c36!important;font-size:14px;padding:12px 22px;box-shadow:0 4px 0 #071a25;border-radius:9px;min-height:46px}.hero-secondary{color:#f0e5ff;background:#ffffff0b;border:1px solid #8872a2;border-radius:9px;padding:12px 18px}.work-nav{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px;background:#160e2bf2;border:1px solid #78608c;border-radius:12px;backdrop-filter:blur(12px);box-shadow:0 8px 24px #05011160;margin:4px 0 26px}.work-nav button{color:#e0d5ed;background:transparent;border-radius:7px;font-size:12px;min-height:44px;white-space:nowrap}.work-nav button span{font:10px monospace;color:#92dcd8;margin-right:5px}.work-nav button:hover,.work-nav button[aria-current]{background:#294047;color:#90fff0}.work-nav button[aria-current]{box-shadow:inset 0 -2px #6ef2df}#choose,#kit,#make,#preview,#share,#reflection,#quizEditor{scroll-margin-top:88px}.panel-heading{gap:12px}.panel-heading h2{font-size:16px}.focus-toggle{font-size:12px;padding:9px 12px;white-space:nowrap}.maker-footer{flex-wrap:wrap;gap:6px}.maker-footer #saveStatus{flex-basis:100%;padding-top:5px;color:#665d74;font-size:12px}.quiet{font-size:12px;color:#64596f}.badge{font-size:11px}.examples button{font-size:12px;padding:10px 12px;min-height:42px;color:#584780}.buddy-message p,.mode-note{color:#71687e;font-size:12px;line-height:1.8}.buddy-message b{font-size:14px}.reply,.user-message{font-size:13px;line-height:1.8}.input-wrap input{font-size:15px;padding:10px}.input-wrap button{width:42px;height:42px;min-width:42px}.input-wrap{background:white}.controls summary,.setting,.prompt-helper summary{font-size:13px}.controls input[type=number],.controls select{font-size:14px;min-height:38px}.swatches button{min-height:30px}.lesson-buttons button{font-size:13px;min-height:44px;line-height:1.7}.lesson-picker p,.book-section>small{font-size:12px;line-height:1.8;color:#736881}.mission-strip>small{font-size:12px;line-height:1.8}.mission-chip{font-size:12px;min-height:42px}.book-card p{font-size:14px}.book-card small{font-size:11px}.share-readiness{padding:18px 22px 6px;border-top:1px solid #e9e1f0;margin-top:12px}.share-readiness>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.share-readiness #readyCount{color:#70667e}#shareChecklist{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.readiness-item{background:#f6f2fb;color:#695777;font-size:11px;border:1px solid #e6ddeb;border-radius:7px;padding:8px 10px;min-height:38px}.readiness-item.complete{background:#ebf8f2;border-color:#b1ddca;color:#276653}.share-callout #publish.ready{box-shadow:0 0 0 3px #65c4b333}.share-callout p{font-size:12px;line-height:1.8}.library-item{display:flex;flex-direction:column;gap:7px;padding:17px}.library-item b{font-size:15px}.library-item small{font-size:12px;color:#796a86}.library-item:hover{border-color:#79609e;background:#faf7ff}.library-empty{padding:24px;background:#f7f3fc;border-radius:12px;line-height:1.9}.dialog-close{min-width:42px;min-height:42px}.quiz-option{min-height:54px}.play-controls button{min-width:44px;min-height:44px}.preview-focus .topbar,.preview-focus #studio>section:not(.workspace),.preview-focus .work-nav,.preview-focus #studio>.reference-panel,.preview-focus #studio>footer,.preview-focus .maker{display:none!important}.preview-focus #studio{max-width:1080px;padding-top:24px}.preview-focus .workspace{grid-template-columns:1fr}.preview-focus .preview{width:100%;margin:0 auto 32px}.preview-focus .file-tools,.preview-focus .share-readiness,.preview-focus #share,.preview-focus .little-tip{display:none}.preview-focus .game-shell{max-height:none}.preview-focus .quiz-player{max-width:850px;margin:22px auto}.preview-focus #preview{scroll-margin-top:12px}.preview-focus .game-title-row input{font-size:22px}.preview-focus .panel-heading{background:#f8f4fd}.teacher-mode .advanced label,.teacher-mode .design-note label{font-size:13px}.question-card>summary{min-height:40px;display:flex;align-items:center}button:disabled{opacity:.45}
@media(max-width:760px){.work-nav{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:20px;padding:5px}.work-nav button{font-size:11px;min-height:38px}.work-nav button span{font-size:9px}#choose,#kit,#make,#preview,#share,#reflection,#quizEditor{scroll-margin-top:105px}.hero-actions{margin-top:20px}.hero-actions button{font-size:13px;min-height:44px}.mission-chip{font-size:11px}.mission-strip>small{font-size:11px}.mission-strip h2{font-size:16px;line-height:1.6}.class-intro p{font-size:14px}.four .template-info b{font-size:13px}.four .template-info small{font-size:11px}.four .template-info em{font-size:11px}.four .template{padding:12px;gap:10px}.four .template-art{min-width:48px;width:48px;height:62px}.lesson-buttons button{font-size:12px}.lesson-picker p{font-size:11px}.kit-grid input,.kit-grid textarea,.advanced textarea,.question-card input,.question-card textarea{font-size:16px}.panel-heading{padding:16px;flex-wrap:wrap}.panel-heading h2{font-size:15px}.share-readiness{padding:16px 14px 4px}.share-callout{flex-direction:column;align-items:stretch;gap:12px}.share-callout #publish{min-height:46px;font-size:14px}.preview-focus #studio{padding:12px}.preview-focus .quiz-player{margin:14px}.file-tools{gap:5px;flex-wrap:wrap}.file-tools button,.file-tools label{font-size:12px}.book-card .secondary{min-height:44px}.training-step p{font-size:12px;line-height:1.8}.training-step b{font-size:13px}.reflection label,.reflection p{font-size:13px;line-height:1.8}.mode-note{font-size:11px}.question-card label{font-size:13px}}
@media print{.work-nav,.hero-actions,.share-readiness,.focus-toggle{display:none!important}}