*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Apple SD Gothic Neo,Noto Sans KR,Pretendard,"Apple Color Emoji","Segoe UI Emoji",system-ui,sans-serif;color:#1f2f3f;background:linear-gradient(180deg,#dff5ff,#fff0d9 45%,#e6f7e2)}.app-shell{width:min(1120px,calc(100vw - 2rem));margin:0 auto;min-height:100vh;display:grid;gap:1rem;align-content:start;justify-items:stretch;padding:1.25rem 0 2rem;text-align:left}.app-shell.is-classroom-mode{width:min(1280px,calc(100vw - 2rem));gap:1.15rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.app-shell h1{margin:0;color:#0f3f5f;font-size:2rem;line-height:1.2}.app-shell.is-classroom-mode h1{font-size:2.35rem}.app-shell p{margin:0;color:#3b4b5f}.classroom-mode-toggle{border:1px solid #9fc7e8;border-radius:8px;background:#fff;color:#154767;min-height:2.6rem;padding:0 1rem;font-weight:800;cursor:pointer;white-space:nowrap}.classroom-mode-toggle:hover,.classroom-mode-toggle:focus-visible{background:#eef7ff;border-color:#5c9bd0;outline:none}.classroom-mode-toggle:focus-visible{box-shadow:0 0 0 3px #387cbf38}.classroom-mode-toggle[aria-pressed=true]{background:#154767;border-color:#154767;color:#fff}.mission-panel,.teacher-weather-builder,.classroom-guide,.mission-checklist,.character-stage,.wardrobe-panel,.action-bar,.feedback-dialog{background:#fff;border:1px solid #d9e2ef;border-radius:8px;box-shadow:0 10px 20px #17486614}.mission-panel{padding:1rem;display:grid;gap:.65rem}.mission-weather{display:flex;align-items:center;gap:.75rem}.weather-icon{width:52px;height:52px;border-radius:50%;background:#e6f3ff;border:1px solid #b8d9f3;display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem}.mission-subtitle{margin:0;color:#44607d;font-size:.96rem}.mission-title{margin:0;font-size:1.35rem;color:#083d63}.mission-description{margin:0;color:#2f4255;background:#f7fbff;border-radius:8px;padding:.75rem;border:1px solid #d6e5f7;line-height:1.55}.mission-rule{border:1px solid #cfe5cc;border-radius:8px;background:#f8fff7;color:#254b33;overflow:hidden}.mission-rule summary{padding:.72rem .8rem;font-weight:800;cursor:pointer}.mission-rule summary:focus-visible{outline:3px solid rgb(62 132 83 / 28%);outline-offset:-3px}.mission-rule p{padding:0 .8rem .75rem;color:#284b35;line-height:1.55}.mission-rule .teacher-prompt{color:#425d4b;font-weight:700}.mission-select-label{margin-top:.25rem;font-weight:700;color:#0d3c61}.mission-panel select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;border:1px solid #a8c4e2;background:#f7fbff;color:#1f2f3f;padding:.72rem 2.5rem .72rem .75rem;font-size:1rem;width:100%;max-width:420px;background-image:linear-gradient(45deg,transparent 50%,#2f6f9d 50%),linear-gradient(135deg,#2f6f9d 50%,transparent 50%),linear-gradient(to right,#2f6f9d,#2f6f9d);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,calc(100% - 2.4rem) 50%;background-size:6px 6px,6px 6px,1px 50%;background-repeat:no-repeat;cursor:pointer}.mission-panel select:focus-visible,.mission-panel select:hover{outline:none;border-color:#2e6da2;background-color:#eef6ff}.teacher-weather-builder{padding:1rem;display:grid;gap:.85rem;border-color:#cfe5cc;background:linear-gradient(180deg,#fff,#f8fff7)}.teacher-weather-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.teacher-weather-eyebrow{margin:0 0 .2rem;color:#44607d;font-size:.9rem;font-weight:800}.teacher-weather-builder h2{margin:0;color:#0d3c61;font-size:1.25rem;line-height:1.2}.teacher-weather-create{border:1px solid #2f855a;border-radius:8px;background:#1f8a4c;color:#fff;min-height:2.55rem;padding:0 1rem;font-weight:900;cursor:pointer;white-space:nowrap}.teacher-weather-create:hover,.teacher-weather-create:focus-visible{background:#16653a;outline:none}.teacher-weather-create:focus-visible{box-shadow:0 0 0 3px #1f8a4c38}.teacher-weather-create:disabled{background:#dbe7dd;border-color:#c1d4c5;color:#5c725f;cursor:not-allowed}.weather-condition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem}.weather-condition-toggle{min-height:4.7rem;border:1px solid #b8d9f3;border-radius:8px;background:#fff;color:#1e3045;padding:.62rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.62rem;text-align:left;cursor:pointer}.weather-condition-toggle:hover,.weather-condition-toggle:focus-visible{background:#f0f9ff;border-color:#75a9de;outline:none}.weather-condition-toggle:focus-visible{box-shadow:0 0 0 3px #387cbf38}.weather-condition-toggle[aria-pressed=true]{background:#eefbf2;border-color:#57b879;box-shadow:inset 0 0 0 2px #57b8792e}.weather-condition-icon{width:2.5rem;height:2.5rem;border-radius:999px;background:#eef8ff;display:inline-grid;place-items:center;font-size:1.35rem;box-shadow:inset 0 -3px #0f3f5f12}.weather-condition-copy{min-width:0;display:grid;gap:.18rem}.weather-condition-label{color:#102f45;font-weight:900}.weather-condition-description{color:#4a6278;font-size:.88rem;line-height:1.35}.teacher-weather-preview{border:1px solid #d7e4f3;border-radius:8px;background:#fafcff;padding:.72rem;display:grid;gap:.7rem}.teacher-weather-preview-title{display:grid;gap:.18rem}.teacher-weather-preview-title p,.teacher-weather-empty{margin:0;color:#44607d;font-weight:700}.teacher-weather-preview-title strong{color:#0d3c61;line-height:1.35}.teacher-weather-preview-group{display:grid;gap:.45rem}.teacher-weather-preview-group h3{margin:0;color:#27445c;font-size:.95rem;line-height:1.25}.teacher-weather-preview-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.teacher-weather-preview-items li{min-height:2.5rem;display:inline-flex;align-items:center;gap:.42rem;border:1px solid #b6d2eb;border-radius:999px;background:#fff;color:#17405f;padding:.32rem .68rem .32rem .38rem;font-weight:800}.teacher-weather-item-icon{width:1.8rem;height:1.8rem;flex:0 0 auto;border-radius:999px;background:#fff9e8;display:inline-grid;place-items:center}.classroom-guide{padding:1rem;display:grid;gap:.9rem;border-color:#b9d9f1;background:linear-gradient(180deg,#fff,#f3fbff)}.classroom-guide-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.classroom-guide-eyebrow{margin:0 0 .2rem;color:#44607d;font-size:.9rem;font-weight:800}.classroom-guide h2{margin:0;color:#0d3c61;font-size:1.25rem;line-height:1.2}.classroom-guide-count{margin:0;min-width:4.4rem;min-height:2.4rem;border-radius:999px;background:#fff7e6;border:1px solid #f1cb7f;color:#7a4a04;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.classroom-progress{width:100%;height:.75rem;border:1px solid #b8d9f3;border-radius:999px;background:#eaf5ff;overflow:hidden}.classroom-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#22c55e);transition:width .18s ease-out}.classroom-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.classroom-step{min-height:3.25rem;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.55rem;border:1px solid #c8d9eb;border-radius:8px;background:#fff;padding:.5rem .62rem}.classroom-step-number{width:2rem;height:2rem;border-radius:999px;background:#eef8ff;color:#0d4d76;display:inline-grid;place-items:center;font-weight:900}.classroom-step-label{color:#1e3045;font-weight:800;min-width:0}.classroom-step-status{border-radius:999px;padding:.22rem .48rem;color:#17405f;background:#eaf5ff;font-size:.84rem;font-weight:900}.classroom-step.is-complete{background:#f0fbf4;border-color:#93d7aa}.classroom-step.is-complete .classroom-step-number,.classroom-step.is-complete .classroom-step-status{color:#14532d;background:#dcfce7}.classroom-step.is-active{background:#fffaf0;border-color:#f0c879;box-shadow:0 0 0 3px #f0c8792e}.classroom-step.is-active .classroom-step-number,.classroom-step.is-active .classroom-step-status{color:#7c4a03;background:#fef3c7}.discussion-cards{display:grid;gap:.65rem}.discussion-cards h3{margin:0;color:#0d3c61;font-size:1.08rem;line-height:1.2}.discussion-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.discussion-card{min-height:5rem;border:1px solid #cfe5cc;border-radius:8px;background:#f8fff7;padding:.72rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.58rem}.discussion-card-number{width:2.25rem;height:2.25rem;border-radius:999px;background:#dcfce7;color:#14532d;display:inline-grid;place-items:center;font-size:.82rem;font-weight:900}.discussion-card p{margin:0;color:#294b36;font-weight:800;line-height:1.45}.mission-checklist{padding:1rem;display:grid;gap:.8rem}.mission-checklist-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.mission-checklist-eyebrow{margin:0 0 .2rem;color:#44607d;font-size:.9rem;font-weight:700}.mission-checklist h2{margin:0;color:#0d3c61;font-size:1.25rem;line-height:1.2}.mission-checklist-count{margin:0;min-width:4.4rem;min-height:2.4rem;border-radius:999px;background:#eef8ff;border:1px solid #b8d9f3;color:#0e4f78;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.mission-checklist-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.mission-checklist-item{min-height:3.35rem;display:grid;grid-template-columns:2.15rem minmax(0,1fr) auto;align-items:center;gap:.55rem;border:1px solid #c8d9eb;border-radius:8px;background:#fff;padding:.48rem .62rem}.mission-checklist-item.is-complete{background:#f0fbf4;border-color:#93d7aa}.mission-checklist-item.is-missing{background:#fffaf0;border-color:#edd39b}.checklist-item-icon{width:2.15rem;height:2.15rem;display:inline-grid;place-items:center;border-radius:999px;background:#fff9e8;box-shadow:inset 0 -3px #0f3f5f12}.checklist-item-label{color:#1e3045;font-weight:800;min-width:0}.checklist-item-status{border-radius:999px;padding:.24rem .52rem;color:#17405f;background:#eaf5ff;font-size:.86rem;font-weight:900}.mission-checklist-item.is-complete .checklist-item-status{color:#14532d;background:#dcfce7}.mission-checklist-item.is-missing .checklist-item-status{color:#7c4a03;background:#fef3c7}.mission-checklist-warning{border:1px solid #f4b7a3;border-radius:8px;background:#fff4ef;color:#7a2f1a;padding:.65rem .75rem;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.mission-checklist-warning strong{color:#7a2f1a}.game-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1rem;align-items:start}.character-stage{min-height:430px;padding:1rem;display:grid;gap:.9rem}.character-area{min-height:292px;border:2px dashed #8db5d7;border-radius:8px;background:radial-gradient(circle at 50% 76%,#d6edff 0 18%,transparent 19%),linear-gradient(180deg,#f1f8ff,#fff9ec);display:grid;align-content:center;justify-items:center;padding:.75rem;gap:.25rem;overflow:hidden}.character-svg{width:min(310px,100%);height:auto;display:block;filter:drop-shadow(0 12px 18px rgb(45 84 113 / 16%))}.character-svg path,.character-svg circle,.character-svg ellipse,.item-illustration path,.item-illustration circle,.item-illustration ellipse{vector-effect:non-scaling-stroke}.character-hint{margin:0;text-align:center;color:#32516c;font-size:.95rem}.avatar-shadow{fill:#3a638424}.avatar-backpack{fill:#fbbf24;stroke:#a16207;stroke-width:4}.avatar-backpack-strap{fill:none;stroke:#0f3f5f;stroke-width:7;stroke-linecap:round}.avatar-neck,.avatar-head,.avatar-ear,.avatar-leg,.avatar-hand{fill:#ffd99c;stroke:#d69a52;stroke-width:3}.avatar-hair{fill:#5a3328}.avatar-hair-pin{fill:none;stroke:#ff7ab6;stroke-width:7;stroke-linecap:round}.avatar-eye{fill:#233a53}.avatar-eye-shine{fill:#fff}.avatar-cheek{fill:#ff9eb5;opacity:.7}.avatar-smile{fill:none;stroke:#233a53;stroke-width:5;stroke-linecap:round}.avatar-arm{fill:none;stroke:#ffd99c;stroke-width:22;stroke-linecap:round}.avatar-arm-left,.avatar-arm-right{filter:drop-shadow(0 2px 0 rgb(166 116 70 / 24%))}.avatar-shirt{fill:#8dd7ff;stroke:#2f79b4;stroke-width:3}.avatar-collar{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.avatar-pocket{fill:#e0f2fe;stroke:#2f79b4;stroke-width:3;stroke-linejoin:round}.avatar-heart{fill:#fb7185}.avatar-shorts{fill:#667eea;stroke:#4155b6;stroke-width:3}.avatar-sock{fill:#eef6ff}.avatar-shoe{fill:#334155}.character-layer{animation:outfit-pop .18s ease-out;transform-box:fill-box;transform-origin:center}.shirt-short,.shirt-short-body{fill:#fb7185;stroke:#be3e58;stroke-width:3}.shirt-short-body{fill:#fda4af}.shirt-heart{fill:#fff;stroke:#be3e58;stroke-width:2}.jacket-light{fill:#86efac;stroke:#2f855a;stroke-width:4}.jacket-light-panel,.jacket-pocket,.jacket-zip{fill:none;stroke:#f7fff9;stroke-width:4;stroke-linecap:round}.windbreaker{fill:#38bdf8;stroke:#0f6e98;stroke-width:4}.windbreaker-panel{fill:#bae6fd;stroke:#0f6e98;stroke-width:3}.windbreaker-zip{fill:none;stroke:#0f6e98;stroke-width:4;stroke-linecap:round}.windbreaker-rainbow{fill:none;stroke:#e0f7ff;stroke-width:5;stroke-linecap:round}.padded-coat{fill:#f59e0b;stroke:#a15c07;stroke-width:4}.padded-hood{fill:none;stroke:#ffe6a9;stroke-width:8;stroke-linecap:round}.padded-band,.padded-zip,.padded-pocket{fill:none;stroke:#ffe6a9;stroke-width:5;stroke-linecap:round}.rain-boot{fill:#22c55e;stroke:#13763a;stroke-width:4}.boot-stripe{fill:none;stroke:#dcfce7;stroke-width:4;stroke-linecap:round}.boot-heart{fill:#fb923c}.sandal-sole,.sandal-strap{fill:none;stroke:#d97706;stroke-width:7;stroke-linecap:round}.sandal-strap{stroke-width:5}.sandal-flower{fill:#fde68a;stroke:#d97706;stroke-width:2}.scarf-wrap,.scarf-tail{fill:#ef4444;stroke:#991b1b;stroke-width:3}.scarf-line{fill:none;stroke:#fecaca;stroke-width:4;stroke-linecap:round}.glove{fill:#6366f1;stroke:#36369f;stroke-width:3}.glove-cuff{fill:none;stroke:#c7d2fe;stroke-width:5;stroke-linecap:round}.mask-band{fill:none;stroke:#6b93b7;stroke-width:3;stroke-linecap:round}.face-mask{fill:#eff6ff;stroke:#6b93b7;stroke-width:3}.mask-line{fill:none;stroke:#9bb7ce;stroke-width:3;stroke-linecap:round}.cap-crown{fill:#facc15;stroke:#b77900;stroke-width:4}.cap-brim{fill:#f59e0b;stroke:#b77900;stroke-width:4}.cap-star{fill:#fff7ad;stroke:#b77900;stroke-width:2;stroke-linejoin:round}.water-bottle{fill:#bfdbfe;stroke:#2f79b4;stroke-width:4}.water-cap{fill:#3b82f6;stroke:#1d4ed8;stroke-width:3}.water-label{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round}.water-drop{fill:#7dd3fc;opacity:.75}.water-spark{fill:#7dd3fc;stroke:#0891b2;stroke-width:2}.umbrella-stick,.umbrella-rib{fill:none;stroke:#5d4037;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.umbrella-top{fill:#60a5fa;stroke:#1d4ed8;stroke-width:4;stroke-linejoin:round}.umbrella-rib{stroke:#dbeafe;stroke-width:3}.umbrella-heart{fill:#fef3c7;stroke:#1d4ed8;stroke-width:2}@keyframes outfit-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stage-items{min-height:98px;border:1px solid #d7e4f3;border-radius:8px;background:#fafcff;padding:.7rem;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.empty-prompt{margin:0;color:#526a81;width:100%;font-weight:500}.worn-item-chip{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid #b6d2eb;background:#eaf5ff;color:#124067;min-height:2.8rem;padding:.42rem .78rem .42rem .52rem;font-size:.95rem;line-height:1.2;cursor:pointer;border-bottom:3px solid #9bc2e4}.worn-item-chip:hover,.worn-item-chip:focus-visible{background:#d8ebff;border-color:#79a8d9;outline:none}.worn-item-chip:focus-visible{box-shadow:0 0 0 3px #387cbf40}.wardrobe-panel{min-height:320px;padding:1rem;display:grid;gap:.75rem}.wardrobe-panel h2{margin:0;color:#0e3f63;font-size:1.2rem}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.wardrobe-item{display:inline-flex;align-items:center;justify-content:flex-start;gap:.7rem;border:1px solid #b7d0e8;border-radius:8px;min-height:3.65rem;padding:.58rem .75rem .58rem .6rem;background:#fff;color:#1e3045;cursor:pointer;text-align:left;font-weight:700}.wardrobe-item:hover,.wardrobe-item:focus-visible{background:#eff6ff;border-color:#75a9de;outline:none}.wardrobe-item:focus-visible{box-shadow:0 0 0 3px #387cbf38}.wardrobe-item[aria-pressed=true]{background:#f0f9ff;border-color:#428fd0;border-bottom-color:#2d77bc}.wardrobe-item[aria-pressed=true] .wardrobe-item-icon{transform:rotate(-2deg) scale(1.06)}.wardrobe-item:active{transform:translateY(1px)}.wardrobe-item-icon{width:2.4rem;height:2.4rem;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:999px;background:#fff9e8;box-shadow:inset 0 -3px #0f3f5f12}.worn-item-icon{width:1.95rem;height:1.95rem;flex:0 0 auto;display:inline-grid;place-items:center}.item-illustration{width:100%;height:100%;display:block;overflow:visible}.item-shadow{fill:none;stroke:#1e405729;stroke-width:5;stroke-linecap:round}.item-stroke{stroke:#17405f;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.item-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.item-light{stroke:#fff7d6}.item-deep{stroke:#14607f}.item-muted{stroke:#91adc4}.item-wood{fill:none;stroke:#6b442e}.item-umbrella-canopy{fill:#74b9ff;stroke:#1d4ed8}.item-umbrella-panel{stroke:#dbeafe}.item-boot{fill:#34d399;stroke:#08764b}.item-boot-pair{fill:#22c55e}.item-windbreaker{fill:#38bdf8;stroke:#0f6e98}.item-windbreaker-panel{fill:#bae6fd;stroke:#0f6e98}.item-shirt{fill:#fb7185;stroke:#be3e58}.item-cap{fill:#60a5fa;stroke:#1d4ed8}.item-cap-brim{fill:#facc15;stroke:#b77900}.item-water-cap{fill:#3b82f6;stroke:#1d4ed8}.item-water-bottle{fill:#bfdbfe;stroke:#2f79b4}.item-padded{fill:#f59e0b;stroke:#a15c07}.item-scarf,.item-scarf-tail{fill:#ef4444;stroke:#991b1b}.item-glove{fill:#6366f1;stroke:#36369f}.item-glove-pair{fill:#818cf8}.item-sandal{stroke:#d97706;stroke-width:6}.item-sandal-strap{stroke:#14b8a6;stroke-width:4.5}.item-mask-band{stroke:#6b93b7;stroke-width:3}.item-mask{fill:#eff6ff;stroke:#6b93b7}.item-light-jacket{fill:#86efac;stroke:#2f855a}.item-fallback{fill:#fde68a;stroke:#b77900}.item-heart{fill:#fb7185;stroke:#be3e58;stroke-width:1.6;stroke-linejoin:round}.item-drop{fill:#7dd3fc;stroke:#0891b2;stroke-width:1.5}.item-spark{fill:#fde68a;stroke:#f59e0b;stroke-width:1.5}.action-bar{padding:.85rem 1rem;display:grid;gap:.75rem;align-items:center;grid-template-columns:1fr auto}.action-bar [role=status]{margin:0;color:#1f435f;min-height:1.9rem;display:inline-flex;align-items:center}.action-bar button{border:0;border-radius:8px;background:#2f79b4;color:#fff;min-height:2.6rem;padding:0 1.15rem;font-weight:700;cursor:pointer;white-space:nowrap}.action-bar button:hover,.action-bar button:focus-visible{background:#23679e;outline:none}.action-bar button:focus-visible{box-shadow:0 0 0 3px #ffffffb3,0 0 0 6px #2f79b447}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1e3273;display:grid;align-items:center;justify-items:center;padding:1rem .9rem;z-index:50;pointer-events:auto}.feedback-dialog{position:relative;width:min(540px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:1.4rem 1.5rem 1.5rem;display:grid;gap:.85rem;background:#fff;border:1px solid #d9e2ef;border-radius:8px;box-shadow:0 16px 35px #0b23393d;text-align:center;overflow:auto}.feedback-dialog>*{width:min(480px,100%);margin:0}.feedback-dialog h3{color:#0c3e63;font-size:1.45rem;line-height:1.25}.feedback-dialog p{color:#29455d;line-height:1.5}.feedback-dialog button{justify-self:center;border:0;border-radius:8px;background:#2f79b4;color:#fff;height:2.65rem;padding:0 1.4rem;font-weight:700;cursor:pointer}.dialog-actions{justify-self:center;display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.feedback-dialog .secondary-action{border:1px solid #b7cfe5;background:#f3f8fc;color:#1c4e72}.feedback-dialog button:hover,.feedback-dialog button:focus-visible{background:#246495;outline:none}.feedback-dialog button:focus-visible{box-shadow:0 0 0 3px #ffffffb8,0 0 0 6px #2f79b447}.feedback-dialog .secondary-action:hover,.feedback-dialog .secondary-action:focus-visible{background:#e5f1fb}@media(max-width:860px){.app-shell{width:calc(100vw - 1.4rem);padding-top:1rem;gap:.85rem}.app-shell.is-classroom-mode{width:calc(100vw - 1.4rem)}.app-header{align-items:flex-start;flex-direction:column}.game-layout{grid-template-columns:1fr}.wardrobe-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.character-stage{min-height:410px}.action-bar{grid-template-columns:1fr}.action-bar button{width:100%;justify-self:stretch}}@media(max-width:520px){.app-shell{width:calc(100vw - .9rem);padding:.85rem 0 1.5rem;gap:.75rem}.app-shell h1{font-size:1.55rem}.app-shell.is-classroom-mode h1{font-size:1.75rem}.classroom-mode-toggle{width:100%}.mission-panel,.teacher-weather-builder,.classroom-guide,.mission-checklist,.character-stage,.wardrobe-panel,.action-bar,.feedback-dialog>*{border-radius:8px}.mission-description{padding:.7rem}.weather-icon{width:46px;height:46px;font-size:1.45rem}.mission-title{font-size:1.18rem;line-height:1.35}.teacher-weather-header{align-items:stretch;flex-direction:column}.teacher-weather-create{width:100%}.weather-condition-grid{grid-template-columns:1fr}.classroom-guide-header,.mission-checklist-header{align-items:flex-start;flex-direction:column}.classroom-guide-count,.mission-checklist-count{min-width:100%}.classroom-step{grid-template-columns:2rem minmax(0,1fr)}.classroom-step-status{grid-column:2;justify-self:start}.character-area{min-height:260px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-item{min-height:3rem}.feedback-dialog{width:min(540px,calc(100vw - .9rem));max-height:calc(100dvh - 1rem);padding:1.1rem 1rem 1.2rem;text-align:center}.feedback-dialog>h3,.feedback-dialog>p,.feedback-dialog>.dialog-actions{width:100%}.dialog-actions,.dialog-actions button{width:100%}.dialog-backdrop{align-items:end;padding-bottom:1rem}}@media(prefers-reduced-motion:reduce){.character-layer{animation:none}.classroom-progress-fill{transition:none}}