@charset "UTF-8";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{margin:0;box-sizing:border-box;padding:0}html{overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media(pointer:coarse){html,body{overscroll-behavior:none}body{touch-action:pan-y}.btn,.topic-btn,.option-btn,.map-node{touch-action:manipulation}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html.young-explorer{font-size:112%}html.young-explorer .btn,html.young-explorer .option-btn,html.young-explorer .map-node,html.young-explorer .mission-world-switch__btn{min-height:48px;padding-top:.55rem;padding-bottom:.55rem}html.young-explorer .lang-dropdown__select{min-height:48px;font-size:1rem}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.isolate{isolation:isolate}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.grow{flex-grow:1}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.border{border-width:1px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.mission-board{display:flex;flex-direction:column;gap:1.1rem}.mission-board--map{gap:1.2rem;width:100%}@media(min-width:720px){.mission-intro--candy,.mission-intro--math,.mission-intro--science,.mission-intro--english,.mission-intro--programming{display:grid;grid-template-columns:1fr auto;gap:.5rem 1.6rem;align-items:start}.mission-intro--candy .mission-tag,.mission-intro--math .mission-tag,.mission-intro--science .mission-tag,.mission-intro--english .mission-tag,.mission-intro--programming .mission-tag,.mission-intro--candy .mission-headline,.mission-intro--math .mission-headline,.mission-intro--science .mission-headline,.mission-intro--english .mission-headline,.mission-intro--programming .mission-headline{grid-column:1}.mission-intro--candy .mission-deck,.mission-intro--math .mission-deck,.mission-intro--science .mission-deck,.mission-intro--english .mission-deck,.mission-intro--programming .mission-deck{grid-column:1 / -1;margin-top:.65rem}.mission-intro--candy .mission-stats,.mission-intro--math .mission-stats,.mission-intro--science .mission-stats,.mission-intro--english .mission-stats,.mission-intro--programming .mission-stats{grid-column:2;grid-row:1 / span 2;margin-top:0;flex-direction:column;align-items:flex-end;align-self:start}}.mission-continue{margin-top:.85rem}.mission-continue__btn{font-weight:700;width:100%}@media(min-width:720px){.mission-intro--candy .mission-continue,.mission-intro--math .mission-continue,.mission-intro--science .mission-continue,.mission-intro--english .mission-continue,.mission-intro--programming .mission-continue{grid-column:1 / -1}}.mission-intro{text-align:left}.mission-intro--candy{border-radius:24px;padding:1.4rem 1.35rem 1.55rem;background:linear-gradient(165deg,#fff9fb,#fff0f8 40%,#f0fbff);border:4px solid #c0266d;box-shadow:0 0 0 2px #fde047,0 6px #9d174d,0 14px 28px #9d174d40}.mission-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#be185d;margin:0 0 .45rem}.mission-headline{margin:0;font-size:1.15rem;color:#1c2740;line-height:1.35;font-weight:900}.mission-deck{margin:.65rem 0 0;font-size:.88rem;line-height:1.55;color:#4a5570}.mission-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem}.mission-stat-badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;background:linear-gradient(180deg,#fef3c7,#fde047);border:2px solid #1c2740;font-weight:800;font-size:.82rem;color:#1c2740;box-shadow:0 2px #1c2740}.mission-stat-badge--soft{background:linear-gradient(180deg,#ede9fe,#ddd6fe);border-style:solid;font-weight:700}.mission-stat-celebrate{font-weight:800;color:#15803d;font-size:.88rem}.map-scene{position:relative;border-radius:28px;padding:1rem .75rem 1.35rem;overflow:hidden;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(255,255,255,.55),transparent 52%),linear-gradient(175deg,#7dd3fc,#a78bfa,#f472b6 70%,#fdba74);border:4px solid #1c2740;box-shadow:inset 0 0 0 2px #ffffff59,0 6px #1c2740,0 16px 36px #1c274040}.map-clouds{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(ellipse 45% 35% at 15% 20%,rgba(255,255,255,.95),transparent 50%),radial-gradient(ellipse 40% 30% at 85% 12%,rgba(255,255,255,.88),transparent 50%),radial-gradient(ellipse 38% 28% at 70% 55%,rgba(255,255,255,.65),transparent 50%),radial-gradient(ellipse 35% 26% at 20% 75%,rgba(255,255,255,.55),transparent 50%)}.map-path{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0;padding:.15rem .05rem 0;gap:1rem}.map-zone{margin:0;padding:0 .15rem}.map-zone--locked .map-node-grid{opacity:.97}.map-zone-banner{display:flex;gap:.85rem;align-items:flex-start;margin:.15rem 0 .6rem;padding:.75rem .95rem;border-radius:18px;border:3px solid #1c2740;background:linear-gradient(180deg,#fffffff5,#ffffffd1);box-shadow:0 4px #1c274038;text-align:left}.map-zone-banner--locked{opacity:.9;filter:saturate(.75)}.map-zone-banner--rookie{box-shadow:0 0 0 2px #4ade80,0 4px #1c274038}.map-zone-banner--scout{box-shadow:0 0 0 2px #38bdf8,0 4px #1c274038}.map-zone-banner--ace{box-shadow:0 0 0 2px #facc15,0 4px #1c274038}.map-zone-banner--inspector{box-shadow:0 0 0 2px #a78bfa,0 4px #1c274038}.map-zone-banner--legend{box-shadow:0 0 0 2px #fb923c,0 4px #1c274038}.map-zone-banner__emoji{font-size:1.85rem;line-height:1;flex-shrink:0}.map-zone-banner__text{flex:1;min-width:0}.map-zone-banner__title{margin:0;font-size:.98rem;font-weight:900;color:#1c2740}.map-zone-banner__tagline{margin:.28rem 0 0;font-size:.78rem;line-height:1.4;color:#5c6789}.map-zone-banner__story{margin:.45rem 0 0;font-size:.76rem;line-height:1.5;font-style:italic;color:#374462}.map-zone-banner__track{margin:.45rem 0 0;height:8px;border-radius:999px;background:#1c27401f;overflow:hidden;border:1px solid rgba(28,39,64,.18)}.map-zone-banner__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#22d3ee);transition:width .35s ease}.map-zone-banner__progress{margin:.35rem 0 0;font-size:.74rem;font-weight:700;color:#4a5570}.map-node-grid{list-style:none;margin:0;padding:.2rem .15rem .85rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(3.05rem,3.4rem));gap:.55rem .48rem;justify-content:center}@media(min-width:400px){.map-node-grid{grid-template-columns:repeat(auto-fill,minmax(3.1rem,3.45rem));gap:.6rem .52rem}}@media(min-width:900px){.map-node-grid{grid-template-columns:repeat(auto-fill,minmax(3.15rem,3.5rem));gap:.65rem .55rem}}.map-node-grid__cell{display:flex;align-items:center;justify-content:center;padding:.12rem}.map-node{position:relative;width:3.35rem;height:3.35rem;border-radius:50%;border:3px solid #1c2740;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;flex-shrink:0;background:linear-gradient(160deg,#fef9c3,#fde047 40%,#facc15);box-shadow:0 0 0 1px #ffffffa6,0 4px #854d0e,0 8px 14px #854d0e4d;transition:transform .12s ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.map-node__ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px dashed rgba(28,39,64,.18);pointer-events:none}.map-node:hover:not(:disabled){transform:scale(1.06);filter:brightness(1.04)}.map-node:active:not(:disabled){transform:scale(.98) translateY(2px);box-shadow:0 0 0 1px #ffffff80,0 2px #854d0e,0 4px 10px #854d0e47}.map-node--perfect{background:linear-gradient(165deg,#d1fae5,#6ee7b7 45%,#34d399);box-shadow:0 0 0 1px #ffffffa6,0 4px #047857,0 8px 14px #04785752}.map-node--retry{background:linear-gradient(165deg,#fef3c7,#fcd34d,#f59e0b);box-shadow:0 0 0 1px #fff9,0 4px #b45309,0 8px 14px #b4530947}.map-node--locked{cursor:not-allowed;background:linear-gradient(165deg,#e5e7eb,#9ca3af);box-shadow:0 0 0 1px #ffffff59,0 3px #4b5563,0 6px 12px #4b556338;opacity:.92}.map-node__num{font-weight:900;font-size:.98rem;color:#1c2740;line-height:1}.map-node--locked .map-node__num{color:#374151}.map-node__stars{font-size:.45rem;letter-spacing:-.14em;color:#15803d;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.5)}.map-node__badge{font-size:.72rem;font-weight:900;color:#9a3412;line-height:1}.map-node__play{font-size:.65rem;color:#1c2740;opacity:.85}.map-node__lock{position:absolute;bottom:.2rem;font-size:.65rem;line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}.mission-footer{text-align:left}.mission-footer-note{margin:0 0 .85rem;font-size:.85rem;line-height:1.45;font-weight:700;color:#4a5570}.mission-reset-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.mission-reset-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#1c274080;cursor:pointer}.mission-reset-modal{position:relative;z-index:1;width:100%;max-width:24rem;padding:1.25rem 1.35rem;border-radius:18px;background:#fffef8;border:3px solid #1c2740;box-shadow:0 8px #1c2740,0 16px 40px #1c274033;text-align:left}.mission-reset-modal__title{margin:0 0 .75rem;font-size:1.05rem;color:#1c2740}.mission-reset-modal__body{margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.65rem;font-size:.9rem;line-height:1.5;color:#2a3754}.mission-reset-modal__lead{font-weight:700;color:#5c6789}.mission-reset-modal__confirm{display:block}.mission-reset-modal__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.mission-reset-modal__danger{background:linear-gradient(180deg,#fecaca,#f87171);color:#450a0a;border:2px solid #1c2740}.mission-reset-modal__danger:hover:not(:disabled){filter:brightness(1.03)}.mission-footer--candy{border-radius:24px;padding:1.4rem 1.35rem 1.5rem;background:linear-gradient(165deg,#fce7f3,#e9d5ff,#cffafe);border:4px solid #1c2740;box-shadow:0 0 0 2px #fbcfe8,0 5px #1c2740,0 12px 24px #1c274026}.mission-footer-label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#9d174d}.mission-footer-text{margin:.45rem 0 .95rem;font-size:.88rem;line-height:1.5;color:#3d3d5c}.mission-footer-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-ghost{background:transparent;box-shadow:none;border:2px dashed #9d174d;color:#7c1c6a}.btn-ghost:hover{background:#ffffffbf}.mission-intro--math{border-radius:24px;padding:1.4rem 1.35rem 1.55rem;border:4px solid #0891b2;background:linear-gradient(165deg,#ecfeff,#fae8ff 45%,#fef3c7);box-shadow:0 0 0 2px #fde047,0 6px #0e7490,0 14px 28px #0e749038}.mission-board--math .mission-tag{color:#0e7490}.map-scene--math{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(255,255,255,.55),transparent 52%),linear-gradient(175deg,#06b6d4,#a78bfa 40%,#f472b6 75%,#fbbf24)}.map-zone-banner--math{box-shadow:0 0 0 2px #facc15,0 4px #1c274038}.mission-footer--math{border-radius:24px;padding:1.4rem 1.35rem 1.5rem;background:linear-gradient(165deg,#cffafe,#e9d5ff,#fef9c3);border:4px solid #0891b2;box-shadow:0 0 0 2px #fde047,0 5px #0e7490,0 12px 24px #0e74902e}.mission-footer--math .mission-footer-label{color:#0e7490}.mission-footer--math .btn-ghost{border-color:#0e7490;color:#155e75}.mission-footer--math .btn-ghost:hover{background:#ffffffd9}.mission-intro--science{border-radius:24px;padding:1.4rem 1.35rem 1.55rem;border:4px solid #15803d;background:linear-gradient(165deg,#ecfccb,#d9f99d 35%,#a7f3d0);box-shadow:0 0 0 2px #bef264,0 6px #166534,0 14px 28px #16653438}.mission-board--science .mission-tag{color:#166534}.map-scene--science{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(255,255,255,.55),transparent 52%),linear-gradient(175deg,#34d399,#38bdf8 38%,#4ade80 72%,#84cc16)}.map-zone-banner--science{box-shadow:0 0 0 2px #22c55e,0 4px #1c274038}.mission-footer--science{border-radius:24px;padding:1.4rem 1.35rem 1.5rem;background:linear-gradient(165deg,#d1fae5,#ccfbf1,#ecfccb);border:4px solid #15803d;box-shadow:0 0 0 2px #bef264,0 5px #166534,0 12px 24px #1665342e}.mission-footer--science .mission-footer-label{color:#15803d}.mission-footer--science .btn-ghost{border-color:#166534;color:#14532d}.mission-footer--science .btn-ghost:hover{background:#ffffffd9}.mission-intro--english{border-radius:24px;padding:1.4rem 1.35rem 1.55rem;border:4px solid #6d28d9;background:linear-gradient(165deg,#faf5ff,#e9d5ff 40%,#fef9c3);box-shadow:0 0 0 2px #fcd34d,0 6px #5b21b6,0 14px 28px #5b21b638}.mission-board--english .mission-tag{color:#5b21b6}.map-scene--english{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(255,255,255,.55),transparent 52%),linear-gradient(175deg,#a78bfa,#c084fc,#fbbf24 70%,#38bdf8)}.map-zone-banner--english{box-shadow:0 0 0 2px #c084fc,0 4px #1c274038}.mission-footer--english{border-radius:24px;padding:1.4rem 1.35rem 1.5rem;background:linear-gradient(165deg,#ede9fe,#fce7f3,#fef9c3);border:4px solid #6d28d9;box-shadow:0 0 0 2px #c084fc,0 5px #5b21b6,0 12px 24px #5b21b62e}.mission-footer--english .mission-footer-label{color:#6d28d9}.mission-footer--english .btn-ghost{border-color:#5b21b6;color:#4c1d95}.mission-footer--english .btn-ghost:hover{background:#ffffffd9}.mission-intro--programming{border-radius:24px;padding:1.4rem 1.35rem 1.55rem;border:4px solid #0f766e;background:linear-gradient(165deg,#ecfeff,#ccfbf1 35%,#e0e7ff);box-shadow:0 0 0 2px #5eead4,0 6px #134e4a,0 14px 28px #134e4a38}.mission-board--programming .mission-tag{color:#134e4a}.map-scene--programming{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(255,255,255,.55),transparent 52%),linear-gradient(175deg,#14b8a6,#6366f1 40%,#22d3ee 72%,#334155)}.map-zone-banner--programming{box-shadow:0 0 0 2px #2dd4bf,0 4px #1c274038}.mission-footer--programming{border-radius:24px;padding:1.4rem 1.35rem 1.5rem;background:linear-gradient(165deg,#ccfbf1,#e0e7ff,#f1f5f9);border:4px solid #0f766e;box-shadow:0 0 0 2px #5eead4,0 5px #134e4a,0 12px 24px #134e4a2e}.mission-footer--programming .mission-footer-label{color:#0f766e}.mission-footer--programming .btn-ghost{border-color:#134e4a;color:#134e4a}.mission-footer--programming .btn-ghost:hover{background:#ffffffd9}@media(prefers-reduced-motion:reduce){.map-node:hover:not(:disabled),.map-node:active:not(:disabled){transform:none}}.learning{width:100%;max-width:min(52rem,100% - 1rem);margin:0 auto;padding:.5rem 0 1.5rem}@media(max-width:768px){.learning{max-width:100%;padding:.35rem 0 1.25rem}}.learning--arena{padding:.65rem .75rem 1.75rem;border-radius:22px;background:radial-gradient(ellipse 95% 55% at 50% -5%,rgba(255,230,140,.42),transparent 52%),linear-gradient(168deg,#4f3d8f,#2d6e9a 42%,#1a3550);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -30px 60px #0003,0 12px 40px #14192d59}.learning-banner--arena .learning-banner__top{background:#00000038;border-radius:14px;padding:.4rem .55rem;margin-bottom:.55rem;border:1px solid rgba(255,255,255,.14)}.learning--arena .learning-banner h1{color:#fff9e6;text-shadow:0 2px 0 #1c2740,0 0 24px rgba(255,214,98,.35)}.learning--arena .learning-banner h1+p{color:#fff9e6e6}.learning--arena .learning-banner .btn-secondary{background:#fffffff2}.learning--arena .lang-dropdown__select{background-color:#fffef8f5;border-color:#1c2740}.learning--arena .hub-tab{background:#fffef8f0;box-shadow:0 2px #1c2740}.learning--arena .hub-tab--active{background:#ffcf48}.learning--arena .hub-footer span{color:#fff9e6e0!important}.battle-duel{display:grid;grid-template-columns:1fr 1fr;align-items:end;width:100%;margin:.25rem 0 .7rem;padding:.2rem 0 0;box-sizing:border-box}.battle-duel__side{display:flex;flex-direction:column;min-width:0}.battle-duel__side--opponent{align-items:flex-start;justify-self:start}.battle-duel__side--player{align-items:flex-end;justify-self:end;grid-column:2}.battle-duel--challenger-only{grid-template-columns:1fr;justify-items:start}.battle-duel--challenger-only .battle-duel__side--opponent{justify-self:start}.battle-player-above-moves{display:flex;justify-content:flex-end;width:100%;margin:.35rem 0 .1rem;box-sizing:border-box}.quiz-hint+.battle-player-above-moves{margin-top:.15rem}.topic-header--battle+.battle-duel{margin-top:.05rem}.battle-duel+.battle-clue-box{margin-top:.15rem}.battle-stand__portrait{width:100%;max-width:108px;aspect-ratio:1;border-radius:50%;border:3px solid #1c2740;overflow:hidden;background:#fffef8;box-shadow:0 4px #1c2740,0 0 0 2px #ffd662a6}.battle-stand__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.learning-card--battle{display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(175deg,#fffef8,#eef6ff 55%,#fff8f0);border-width:4px;border-color:#1c2740;box-shadow:0 0 0 2px #ffd54a,0 6px #1c2740,0 20px 44px #00000047}.topic-header--battle{margin-bottom:.85rem}.topic-header--battle h2{font-size:1.22rem}.battle-clue-box{background:linear-gradient(145deg,#ede7ff,#e4f2ff);border-radius:12px 12px 12px 4px;box-shadow:0 2px #1c274026}.battle-dialogue{margin:0 0 .75rem;padding:.95rem 1.05rem;border-radius:10px;background:#fff;border:3px solid #1c2740;box-shadow:inset 0 -5px #0000000d,0 3px #1c27401f}.battle-dialogue__prompt{margin:0;font-size:1.06rem;font-weight:800;line-height:1.45;color:#1c2740;text-align:left;overflow-wrap:anywhere}.battle-moves-legend{margin:0 0 .45rem;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5c4a9e;text-align:left}.battle-moves{display:grid;grid-template-columns:1fr;gap:.6rem}.battle-moves--typed{grid-template-columns:1fr}.battle-moves.battle-moves--mc-arming{pointer-events:none}.quiz-typed-answer{grid-column:1 / -1;text-align:left}.quiz-typed-answer__input{width:100%;box-sizing:border-box;padding:.75rem .9rem;margin-bottom:.5rem;border-radius:14px;border:3px solid #1c2740;font:inherit;font-size:1rem}.quiz-typed-answer__input:focus{outline:none;box-shadow:0 0 0 3px #7ce0c3}.quiz-typed-answer__input:disabled{opacity:.75;background:#f3f4f6}.quiz-typed-answer__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.quiz-typed-answer__count{margin:0}@media(min-width:420px){.battle-moves:not(.battle-moves--typed){grid-template-columns:1fr 1fr}.battle-moves .option-btn{min-height:3.25rem;display:flex;align-items:center}}.option-btn{position:relative}.learning-card--battle .option-btn:hover:not(:disabled){background:linear-gradient(180deg,#e8f6ff,#dff5e8)}.feedback-box--battle{background:linear-gradient(145deg,#f0f4ff,#fff6e4);border-width:3px}.story-slide--battle{background:linear-gradient(145deg,#e8f4ff,#fff6e4);border-style:solid;border-width:3px}.battle-win-message{text-align:center;line-height:1.5}.battle-hub-blurb{color:#2a3754}.case-chrome--battle{background:linear-gradient(135deg,#fff8edf7,#e0f2fff7);border-style:solid;border-width:3px;box-shadow:0 3px #1c274033}@keyframes learning-card-enter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progress-dot-pulse{0%,to{box-shadow:0 0 #7ce0c373}50%{box-shadow:0 0 0 5px #7ce0c300}}.learning-banner{text-align:center;margin-bottom:1.25rem}.learning-banner__top{margin-bottom:.4rem}.learning-banner__actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem 1rem;width:100%}.learning-banner__left{flex:0 0 auto}.learning-banner__right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem 1rem;flex:1 1 auto;min-width:0}.learning-banner__actions .btn.learning-banner__logout{box-sizing:border-box;height:2.5rem;min-height:unset;padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;line-height:1}.learning-banner__lang{flex:0 0 auto}.learning-banner__hero{display:flex;align-items:center;gap:1rem 1.45rem;text-align:left}.learning-banner__avatar-wrap{flex:0 0 auto;margin-inline-start:.95rem}.learning-banner__avatar{width:8.25rem;height:8.25rem;border-radius:50%;border:3px solid #1c2740;overflow:hidden;background:#fffef8;box-shadow:0 4px #1c2740,0 0 0 2px #ffd54ad9;box-sizing:border-box}.learning-banner__avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.learning-banner__hero-text{flex:1;min-width:0;text-align:left}.learning-banner__signed-in{margin:.35rem 0 0;font-size:.82rem;font-weight:700;color:#4a5570}.learning-banner__rewards{margin-top:.55rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;font-size:.82rem;line-height:1.4;color:#2a3754}.learning-banner__reward-rank{display:inline-flex;align-items:center;gap:.3rem;font-weight:800;color:#1c2740}.learning-banner__reward-emoji{font-size:1rem;line-height:1}.learning-banner__reward-dot{opacity:.55;font-weight:700}.learning-banner__reward-merit{font-weight:700;color:#5c2d91}.learning-banner__reward-next{flex:1 1 100%;margin:.05rem 0 0;font-size:.78rem;font-weight:600;color:#5c6789}.learning-banner__reward-next--max{color:#15803d}.learning--arena .learning-banner__signed-in{color:#fff9e6e0}.learning--arena .learning-banner__rewards{color:#fff9e6eb}.learning--arena .learning-banner__reward-rank{color:#fff9e6}.learning--arena .learning-banner__reward-merit{color:#e9d5ff}.learning--arena .learning-banner__reward-next{color:#fff9e6c7}.learning--arena .learning-banner__reward-next--max{color:#86efac}.learning--arena .learning-banner__avatar{border-color:#1c2740f2;box-shadow:0 4px #1c2740d9,0 0 0 2px #ffd54abf}.auth-gate{width:100%}.auth-gate-loading{text-align:center;padding:2rem;color:#5c6789;font-weight:600}.auth-card{max-width:22rem;margin:0 auto}.auth-card-title{margin:0 0 .35rem;font-size:1.2rem;color:#1c2740}.auth-card-hint{margin:0 0 1rem;font-size:.9rem;color:#5c6789;line-height:1.4}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-label{display:flex;flex-direction:column;gap:.25rem;text-align:left;font-size:.82rem;font-weight:700;color:#2a3754}.auth-input{font:inherit;padding:.55rem .65rem;border-radius:10px;border:2px solid #1c2740;background:#fffef8}.auth-input:focus{outline:none;box-shadow:0 0 0 3px #7ce0c3}.auth-error{margin:0;font-size:.85rem;font-weight:600;color:#a33}.auth-submit{margin-top:.25rem}.auth-switch{width:100%;margin-top:.85rem;font-size:.88rem}.lang-dropdown{display:flex;align-items:flex-end;justify-content:flex-end}.lang-dropdown__select{box-sizing:border-box;height:2.5rem;min-height:2.5rem;font:inherit;font-size:.88rem;font-weight:700;padding:0 2rem 0 .65rem;border-radius:10px;border:2px solid #1c2740;background:#fffef8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231c2740' d='M3 4.5 6 8l3-3.5z'/%3E%3C/svg%3E") no-repeat right .55rem center;color:#1c2740;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:9.5rem;line-height:normal;transition:box-shadow .15s ease,transform .12s ease}.lang-dropdown__select:hover{box-shadow:0 2px #1c2740;transform:translateY(-1px)}.lang-dropdown__select:focus{outline:none;box-shadow:0 0 0 3px #7ce0c3}.learning-banner h1{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.02em;color:#1c2740}.learning-banner h1+p{margin:.35rem 0 0;font-size:.95rem;color:#4a5570}.api-pill{display:inline-block;max-width:100%;margin-top:.75rem;padding:.35rem .85rem;border-radius:999px;background:linear-gradient(120deg,#e8f4ff,#fff4e6);border:1px solid rgba(28,39,64,.12);font-size:.85rem;color:#2a3754;text-align:center;overflow-wrap:anywhere;word-break:break-word}.learning-card{background:#fffef8;border-radius:24px;padding:1.5rem 1.35rem;box-shadow:0 4px #1c2740,0 12px 32px #1c27401f;border:3px solid #1c2740;animation:learning-card-enter .42s cubic-bezier(.22,1,.36,1) both}.topic-grid{display:grid;gap:.85rem}.topic-btn{display:flex;align-items:center;gap:1rem;width:100%;min-height:3.25rem;padding:.9rem 1rem;border-radius:18px;border:3px solid #1c2740;background:#fff;cursor:pointer;text-align:left;font:inherit;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 3px #1c2740;-webkit-tap-highlight-color:transparent}.topic-btn:hover{transform:translateY(-2px);box-shadow:0 5px #1c2740}.topic-btn:active{transform:translateY(2px);box-shadow:0 1px #1c2740}.topic-btn-emoji{font-size:2rem;line-height:1}.topic-btn-text strong{display:block;font-size:1.05rem;color:#1c2740}.topic-btn-text span{display:block;margin-top:.2rem;font-size:.88rem;color:#5c6789;font-weight:500;overflow-wrap:anywhere}.topic-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.topic-header-emoji{font-size:2.25rem;line-height:1}.emph-text{display:inline;min-width:0}.battle-moves .option-btn .emph-text{flex:1 1 auto;text-align:inherit}.emph-text-strong{color:#6b21a8;font-weight:inherit;font-style:normal}.emph-text-soft{color:#0d9488;font-weight:inherit;font-style:normal}.learning-card--battle .emph-text-strong{color:#5b21b6}.learning-card--battle .emph-text-soft{color:#0f766e}.topic-header h2{margin:0;font-size:1.35rem;color:#1c2740}.topic-header p{margin:.25rem 0 0;font-size:.9rem;color:#5c6789}.story-slide{background:linear-gradient(145deg,#e4f8f2,#fff6e4);border-radius:18px;padding:1.25rem;border:2px dashed #1c2740;min-height:8rem}.story-slide h3{margin:0 0 .5rem;font-size:1.1rem;color:#1c2740}.story-slide .emoji-big{font-size:2.5rem;display:block;margin-bottom:.5rem}.story-slide p{margin:0;font-size:1rem;line-height:1.55;color:#2a3754;text-align:left}.story-nav,.hub-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.1rem;gap:.75rem}.btn{padding:.65rem .85rem;min-height:2.75rem;border-radius:12px;border:3px solid #1c2740;background:#ffcf48;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 3px #1c2740;color:#1c2740;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:0 1px #1c2740}.btn-secondary{background:#fff}.progress-dots{display:flex;gap:.35rem}.progress-dots span{width:9px;height:9px;border-radius:50%;background:#c8d0e4;border:2px solid #1c2740}.progress-dots span.active{background:#7ce0c3;animation:progress-dot-pulse 2.2s ease-in-out infinite}.quiz-question{font-size:1.05rem;font-weight:700;color:#1c2740;margin:0 0 .75rem;text-align:left;overflow-wrap:anywhere}.quiz-hint{font-size:.88rem;color:#5c6789;margin:-.25rem 0 .85rem;text-align:left;font-style:italic}.options{display:flex;flex-direction:column;gap:.65rem}.option-btn{padding:.85rem 1rem;min-height:2.875rem;border-radius:14px;border:3px solid #1c2740;background:#fff;font-size:.95rem;text-align:left;cursor:pointer;line-height:1.4;color:#1c2740;box-shadow:0 2px #1c2740;transition:background .15s ease,transform .12s ease,box-shadow .12s ease;overflow-wrap:anywhere;word-break:break-word;-webkit-tap-highlight-color:transparent}.option-btn:hover:not(:disabled){background:#e8f4ff;transform:translateY(-2px);box-shadow:0 4px #1c2740}.option-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #1c2740}.option-btn:disabled{cursor:default;opacity:.85}.option-btn.correct{background:#b8f5d4}.option-btn.wrong{background:#ffd4d4}.feedback-box{margin-top:1rem;padding:1rem;border-radius:14px;border:2px solid #1c2740;background:#f0f4ff;text-align:left;font-size:.95rem;line-height:1.5;color:#2a3754}.ai-bubble{margin-bottom:1rem;padding:1rem;border-radius:14px 14px 14px 4px;background:#ede7ff;border:2px solid #1c2740;text-align:left}.ai-bubble-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#6b5ca8;margin-bottom:.35rem}.ai-bubble p{margin:0;font-size:1rem;line-height:1.5;color:#1c2740}.imagine textarea,.silly-chat textarea,.quiz-your-turn textarea{width:100%;max-width:100%;min-height:8rem;padding:.85rem;border-radius:14px;border:3px solid #1c2740;font:inherit;font-size:1rem;resize:vertical;box-sizing:border-box;margin-bottom:.75rem}.quiz-your-turn textarea{min-height:5.5rem}@media(max-width:480px){.imagine textarea,.silly-chat textarea,.quiz-your-turn textarea{min-height:7rem;font-size:1rem}.quiz-your-turn textarea{min-height:5rem}}.imagine textarea:focus,.silly-chat textarea:focus,.quiz-your-turn textarea:focus{outline:none;box-shadow:0 0 0 3px #7ce0c3}.quiz-your-turn{margin-top:.85rem;text-align:left}.quiz-your-turn__label{margin:0 0 .45rem;font-size:.95rem;font-weight:700;line-height:1.45;color:#1c2740}.quiz-your-turn__badge{display:inline-block;padding:.15rem .45rem;margin-right:.25rem;border-radius:8px;background:linear-gradient(180deg,#e9d5ff,#ddd6fe);border:2px solid #1c2740;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#5b21b6;vertical-align:middle}.quiz-your-turn__hint{margin:.35rem 0 0;font-size:.82rem;font-weight:600;color:#9a3412}.quiz-your-turn .char-count{margin:-.45rem 0 .35rem}.cheer{margin-top:.75rem;padding:.85rem;border-radius:14px;background:#fff4bf;border:2px solid #1c2740;font-weight:700;color:#1c2740}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.silly-meta{font-size:.82rem;color:#5c6789;text-align:left;line-height:1.45;margin:0 0 .85rem}.char-count{font-size:.78rem;color:#7a849e;text-align:right;margin:-.35rem 0 .5rem}.buddy-reply{margin-top:1rem;padding:1rem 1.1rem;border-radius:16px 16px 16px 4px;background:#e8f8ff;border:3px solid #1c2740;text-align:left;min-height:3.5rem}.buddy-reply-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#2a7a9b;margin-bottom:.4rem}.buddy-reply p{margin:0;font-size:1.02rem;line-height:1.55;color:#1c2740}.buddy-thinking{display:flex;align-items:center;gap:.35rem;font-style:italic;color:#5c6789}.dot{width:7px;height:7px;border-radius:50%;background:#1c2740;animation:bounce .7s ease-in-out infinite alternate}.dot:nth-child(2){animation-delay:.12s}.dot:nth-child(3){animation-delay:.24s}@keyframes bounce{to{transform:translateY(-5px);opacity:.6}}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media(max-width:640px){.learning-banner__hero{gap:.85rem 1.15rem}.learning-banner__avatar-wrap{margin-inline-start:.65rem}.learning-banner__avatar{width:6.25rem;height:6.25rem}.learning-banner h1{font-size:clamp(1.35rem,7vw,1.85rem)}.learning-banner p{font-size:.9rem;padding:0}.learning-banner__hero-text p{padding:0}.learning-card{padding:1rem .9rem;border-radius:18px}.topic-header h2{font-size:1.15rem}.story-slide{padding:1rem;min-height:0}.story-nav,.hub-footer{flex-wrap:wrap;justify-content:center;row-gap:.65rem}.story-nav .progress-dots{order:-1;flex:1 1 100%;justify-content:center}.story-nav .btn{flex:1 1 calc(50% - .5rem);min-width:0;min-height:3rem;padding-left:.65rem;padding-right:.65rem;font-size:.88rem}.hub-footer{text-align:center}.hub-footer span{flex:1 1 100%;padding:0 .25rem}.imagine .story-nav,.silly-chat .story-nav{flex-direction:column;align-items:stretch}.imagine .story-nav .btn,.silly-chat .story-nav .btn{flex:none;width:100%}.feedback-box,.ai-bubble p,.buddy-reply p{overflow-wrap:anywhere}}@media(max-width:480px){.topic-btn{flex-direction:row;align-items:center}.topic-btn-emoji{flex-shrink:0}.quiz-question{font-size:1rem}.option-btn{font-size:.92rem}}.hub-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.hub-tab{padding:.5rem 1rem;border-radius:999px;border:2px solid #1c2740;background:#fff;font-weight:700;font-size:.88rem;cursor:pointer;color:#1c2740;box-shadow:0 1px #1c2740;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;-webkit-tap-highlight-color:transparent}.hub-tab:hover{transform:translateY(-2px);box-shadow:0 3px #1c2740}.hub-tab:active{transform:translateY(1px);box-shadow:0 1px #1c2740}.hub-tab--active{background:#ffcf48;box-shadow:0 3px #1c2740}.hub-tab--active:hover{transform:translateY(-1px);box-shadow:0 4px #1c2740}.mission-world-switch{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:0 0 1rem}.mission-world-switch__btn{padding:.4rem .85rem;border-radius:999px;border:2px dashed #5c6789;background:#ffffffe6;font-weight:700;font-size:.78rem;cursor:pointer;color:#374151;transition:background .12s ease,border-color .12s ease}.mission-world-switch__btn:hover{background:#f9fafb;border-color:#1c2740}.mission-world-switch__btn--active{border-style:solid;border-color:#1c2740;background:#e0e7ff;color:#1c2740;box-shadow:0 2px #1c2740}.case-chrome{background:linear-gradient(135deg,#fff8ed,#e8f6ff);border-radius:18px;border:2px dashed #1c2740;padding:1rem 1.1rem;margin-bottom:1rem;text-align:left}.case-chrome-top{margin-bottom:.65rem}.case-file-label{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:#8b4519;margin:0 0 .2rem}.case-briefing{margin:0;font-size:.95rem;line-height:1.5;color:#1c2740}.chief-panel{margin-top:.75rem;padding:.75rem .85rem;border-radius:12px;background:#ffffffd9;border:2px solid #1c2740}.chief-panel summary{cursor:pointer;font-weight:800;font-size:.88rem;color:#2a7a9b;list-style:none}.chief-panel summary::-webkit-details-marker{display:none}.chief-panel summary:before{content:"▸ "}.chief-panel[open] summary:before{content:"▾ "}.chief-tip-body{margin:.55rem 0 0;font-size:.88rem;line-height:1.45;color:#2a3754}.nudge-box{margin-top:.65rem;padding:.65rem .85rem;border-radius:10px;background:#fff4d4;border:2px solid #c9a227;font-size:.88rem;line-height:1.45;color:#5c4300}.learning-banner__avatar-btn{display:block;margin:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;line-height:0}.learning-banner__avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7ce0c3}.learning-banner__avatar-btn:disabled{cursor:not-allowed;opacity:.88}.user-profile{max-width:40rem;margin:0 auto 1.5rem;text-align:left}.user-profile__header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.user-profile__title{margin:.75rem 0 .15rem;font-size:1.35rem}.user-profile__username{margin:0;font-weight:700;color:#4a5570}.user-profile__open-password{margin-top:.85rem;align-self:flex-start}.user-profile__inline-success{margin-top:.5rem}.user-profile--password .user-profile__header{margin-bottom:.5rem}.user-profile--password .user-profile__section{margin-top:0;padding-top:0;border-top:none}.user-profile__section{margin-top:1.25rem;padding-top:1rem;border-top:2px solid rgba(28,39,64,.12)}.user-profile__section h3{margin:0 0 .65rem;font-size:1rem}.user-profile__form{display:flex;flex-direction:column;gap:.65rem;max-width:22rem}.user-profile__label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:700;color:#1c2740}.user-profile__label input{font:inherit;padding:.55rem .65rem;border-radius:10px;border:2px solid #1c2740}.user-profile__alert{margin:0;font-size:.86rem;font-weight:600}.user-profile__alert--error{color:#9a3412}.user-profile__alert--ok{color:#15803d}.user-profile__achievements{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.85rem}.user-profile__achievement{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.user-profile__achievement-image-wrap{position:relative;border-radius:14px;overflow:hidden;border:3px solid #1c2740;background:#f8fafc}.user-profile__achievement--locked .user-profile__achievement-image-wrap img{opacity:.35;filter:grayscale(1)}.user-profile__achievement-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#1c2740b8}.user-profile__achievement-name{font-size:.78rem;font-weight:700;line-height:1.3;color:#1c2740}.battle-persona-caption{margin:.35rem 0 0;max-width:14rem;font-size:.72rem;line-height:1.35;color:#fff9e6eb;text-align:left}.battle-persona-caption__label{font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#ffcf48}.learning-banner__streak{margin:.35rem 0 0;font-size:.82rem;font-weight:800;color:#fff9e6f2}.learning-banner__title-equipped{margin:.2rem 0 0;font-size:.78rem;font-weight:800;color:#ffcf48}.user-profile__engagement-grid{display:flex;flex-direction:column;gap:.85rem}.user-profile__toggle{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;font-weight:600;color:#1c2740}.user-profile__toggle input{margin-top:.2rem;width:1.1rem;height:1.1rem}.user-profile__toggle-hint{display:block;margin:.2rem 0 0;font-size:.78rem;font-weight:500;color:#5c6789}.user-profile__parent-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.user-profile__privacy{margin-top:.5rem;font-size:.82rem;line-height:1.55;color:#374462}.nudge-box--strategy{border-color:#34d3998c;background:#ecfdf5f2}.btn-quiz-reset-wrong{background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff;border:2px solid rgba(0,0,0,.2);box-shadow:0 4px #7f1d1d,0 6px 16px #7f1d1d59;font-weight:800}.btn-quiz-reset-wrong:hover:not(:disabled){filter:brightness(1.06)}.btn-quiz-reset-wrong:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #7f1d1d}.mission-transition-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:180;display:flex;align-items:center;gap:.65rem;padding:.65rem 1.15rem;border-radius:999px;background:#0f172aeb;color:#f8fafc;font-size:.88rem;font-weight:700;box-shadow:0 8px 28px #00000059;border:1px solid rgba(255,255,255,.12)}.mission-transition-toast__spinner{width:1.1rem;height:1.1rem;border:2px solid rgba(248,250,252,.35);border-top-color:#fde047;border-radius:50%;animation:mission-toast-spin .7s linear infinite}@keyframes mission-toast-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mission-transition-toast__spinner{animation:none;border-top-color:#f8fafc99}.dot,.learning-card,.progress-dots span.active{animation:none}.topic-btn,.btn,.option-btn,.hub-tab,.lang-dropdown__select{transition:none}.topic-btn:hover,.btn:hover,.option-btn:hover:not(:disabled),.hub-tab:hover,.lang-dropdown__select:hover{transform:none}.option-btn:active:not(:disabled),.hub-tab:active,.topic-btn:active,.btn:active{transform:none}}@keyframes app-bg-drift{0%{background-position:0% 40%}to{background-position:100% 60%}}.App{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:max(1.25rem,env(safe-area-inset-top,0px));padding-bottom:max(2rem,env(safe-area-inset-bottom,0px));padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));background:linear-gradient(165deg,#fff4e0,#e4fff4 45%,#dfe8ff);background-size:200% 200%;background-attachment:fixed;animation:app-bg-drift 22s ease-in-out infinite alternate;color:#1c2740}@media(max-width:768px){.App{background-attachment:scroll;padding-top:max(.5rem,env(safe-area-inset-top,0px));padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));padding-left:max(.5rem,env(safe-area-inset-left,0px));padding-right:max(.5rem,env(safe-area-inset-right,0px))}}@media(prefers-reduced-motion:reduce){.App{background-size:auto;background-attachment:scroll;animation:none}}