.adv-nav{display:flex;gap:8px}.adv-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:35px 0}.adv-hero h1{font-size:clamp(2.6rem,6vw,4.5rem);line-height:1.12;margin:12px 0}.adv-hero p{font-size:1.2rem;max-width:550px}.adv-hero img{width:100%;max-height:330px}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adv-card{background:#fff;border:1px solid #dfdfdc;border-radius:24px;padding:24px}.adv-card h2{font-size:1.45rem}.adv-card img{height:110px;width:130px;object-fit:contain}.adv-card button{margin-top:14px}.base{padding:25px;border-radius:28px;background:#e5efeb;margin:25px 0}.base.purple{background:#eae6f5}.base.peach{background:#f8e5db}.buildings{display:flex;gap:12px;flex-wrap:wrap}.building{padding:15px;background:#ffffffc9;border-radius:16px;font-weight:bold}.mission{max-width:780px;margin:25px auto;text-align:center}.mission h1{font-size:clamp(1.8rem,5vw,2.8rem)}.mission p{font-size:1.15rem}.task-stage{background:#eef0fa;border-radius:28px;padding:24px;margin:20px 0}.quantity{font-size:3rem;font-weight:800;color:#34325f}.quantity-row{display:flex;align-items:center;justify-content:center;gap:26px}.quantity-row button{min-width:64px;font-size:2rem;min-height:64px}.units{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:18px 0;min-height:24px}.unit{height:22px;width:22px;border-radius:6px;background:#7672af}.unit.existing{background:#659c85}.bridge-line{height:18px;background:#e0ddef;border-radius:10px;overflow:hidden;margin:20px}.bridge-fill{height:100%;background:#6b9e89;transition:width .2s}.feedback-line{min-height:3rem;font-weight:bold;margin:15px}.adv-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.metric{font-size:2rem;font-weight:bold}.parent-panel label{display:block;margin-top:14px}.parent-panel input,.parent-panel select{font:inherit;padding:12px;max-width:100%;border:1px solid #777;border-radius:10px}.parent-panel fieldset{margin:20px 0;border:1px solid #ccc;border-radius:18px;padding:20px}.parent-panel a{text-decoration:underline}.parent-panel .adv-grid{grid-template-columns:repeat(2,1fr)}.small-note{font-size:.9rem;color:#555;line-height:1.6}dialog{border:0;border-radius:24px;padding:28px;max-width:560px;width:calc(100% - 30px);max-height:85vh;overflow:auto}dialog::backdrop{background:#2228}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5850bd;outline-offset:4px}.high-contrast .task-stage,.high-contrast .base,.high-contrast .adv-card{background:#fff;color:#000;border:2px solid #000}.high-contrast .small-note{color:#111}.reduce-motion *{transition:none!important}.intro-level{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}progress{width:100%;height:12px;accent-color:#7166a5}@media(max-width:650px){.adv-hero{grid-template-columns:1fr;padding:20px 0}.adv-hero img{max-height:190px;grid-row:1}.adv-grid,.parent-panel .adv-grid{grid-template-columns:1fr}.adv-nav .button{padding:10px;font-size:.9rem}.quantity-row{gap:15px}.task-stage{padding:16px}.topbar{gap:10px}.shell{width:calc(100% - 28px)}}
/* Purposeful, brief motion following Emil Kowalski's design engineering guidance. */
:root{--adv-ease:cubic-bezier(.23,1,.32,1)}body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.button{min-height:48px;touch-action:manipulation;transition:transform 160ms var(--adv-ease)}.button:active{transform:scale(.97)}button[aria-pressed=true]{background:#39365b;color:white;border-color:#39365b}.bridge-fill{width:100%;transform-origin:right;transition:none}.scene{height:130px;position:relative;display:flex;align-items:end;justify-content:center;gap:20px;overflow:hidden}.scene img{width:125px;height:110px;object-fit:contain;position:relative;z-index:1;transition:transform 220ms var(--adv-ease)}.scene-blocks{display:flex;gap:8px;align-items:end;padding-bottom:15px}.scene-blocks i{display:block;width:35px;height:36px;background:#9e93cb;border:3px solid #645a90;box-shadow:4px 4px 0 #645a90;border-radius:8px}.scene-blocks i:nth-child(2){height:60px;background:#c6db9f}.scene-blocks i:nth-child(3){height:80px;background:#f0c790}.scene-blocks i:nth-child(4){height:100px;background:#b7d9e2}.scene.done img{transform:translateY(-18px) rotate(-5deg)}.scene.supplies:after{content:'';width:65px;height:100px;border:7px solid #78649f;background:#d7c8f3;border-radius:35px 35px 0 0;transform-origin:right;transition:transform 220ms var(--adv-ease)}.scene.supplies.done:after{transform:perspective(300px) rotateY(-70deg)}.scene.bridge .scene-blocks{gap:5px;align-items:center}.scene.bridge .scene-blocks i{height:22px;width:40px;background:#a0c2ab}.adv-card:first-child{background:#eef0e3}.adv-grid:has(.adv-card:only-child){grid-template-columns:1fr}.adv-grid .adv-card:only-child{display:grid;grid-template-columns:150px 1fr;gap:6px 25px}.adv-grid .adv-card:only-child img{grid-row:1/5;align-self:center}.adv-grid .adv-card:only-child button{justify-self:start}.parent-panel .adv-card{display:block!important}.small-note{max-width:850px}.mission .button{font-size:1.05rem}.adv-hero em{color:#5e7656}.high-contrast .adv-hero em{color:#000}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scene.done img{transform:none}}.reduce-motion .scene.done img{transform:none}.reduce-motion *:after{transition:none!important}body.keyboard *{transition:none!important}body.keyboard .button:active{transform:none}@media(max-width:650px){.adv-grid .adv-card:only-child{display:block}.scene-blocks i{width:25px}.scene{gap:8px}.scene img{width:95px}.scene.bridge .scene-blocks i{width:27px}.adv-hero{gap:0}.adv-hero img{max-height:160px}.parent-panel input{font-size:16px}}@media(max-height:500px) and (orientation:landscape){.adv-hero{grid-template-columns:1.5fr 1fr}.adv-hero img{grid-row:auto}.scene{height:85px}.scene img{height:80px}.mission{margin-top:12px}.task-stage{padding:12px}}@media(hover:hover) and (pointer:fine){.adv-card:hover{border-color:#8d8799}}
/* Readable vowel marks in children's missions; the parent journal keeps its layout. */
.adv-hero h1{line-height:1.25}.mission h1,.adv-card h2,.base h2{line-height:1.4;letter-spacing:0}.mission p,.adv-hero p,.adv-card p{line-height:1.8}.adv-actions .button,.intro-level .button{line-height:1.65}

.adv-hero .learner-picker{max-width:470px;margin:22px 0}.parent-panel>.learner-picker{max-width:520px;margin:24px 0}.mission .scene{max-height:150px}.mission .scene img{max-height:130px}.mission h2{font-size:22px}

.is-learning .parent-notice{display:none}.is-learning .mission{padding-top:14px}@media(max-width:480px){.is-learning .mission h1{font-size:27px;margin:14px 0}.is-learning .mission .scene{height:80px;min-height:0}.is-learning .mission .scene img{height:70px;max-width:100px}.is-learning .scene-blocks{transform:scale(.6)}.is-learning .mission h2{margin:12px 0}.is-learning .learning-context{font-size:12px;margin:6px 0}.is-learning .mission .math-options{margin:12px auto}.is-learning .math-formula{padding:10px 6px}}
.adv-nav{flex-wrap:wrap}.topbar{height:auto;min-height:100px;flex-wrap:wrap}.parent-panel input,.parent-panel select{width:100%;min-width:0}.adv-card,.parent-panel fieldset{min-width:0}dialog h2:focus{outline:3px solid #5850bd;outline-offset:4px}.adv-nav a,.adv-nav button{overflow-wrap:anywhere}