:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#203b35;background:#f6f4ed;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:48px;border:1px solid #8ca99b;border-radius:9px;padding:.65em 1em;background:#fffefa;color:#203b35;font-weight:600}button:hover{background:#e8eee7}button:disabled{cursor:default;opacity:.65}.primary{background:#173f39;color:#fff;border-color:#173f39}.primary:hover{background:#24574d}a{color:#225c4f;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad5d12;outline-offset:4px}h1:focus{outline:none}header{max-width:1170px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 30px;gap:16px;border-bottom:1px solid #d6ddd3}.brand{font-weight:800;text-decoration:none;line-height:1.2;font-size:1.2em}.brand span{display:block;font-weight:500;font-size:.85em}nav{display:flex;gap:10px}main{max-width:1110px;margin:0 auto;padding:38px 24px 55px}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-family:Georgia,serif;font-size:clamp(2.5em,5vw,4.3em);font-weight:500;margin:16px 0}h1 em{font-weight:500;color:#37745b}h2{font-size:1.55em}h3{font-size:1.1em}p{margin:12px 0}.lede{font-size:1.35em;color:#405a50}.eyebrow{font-size:.76em;font-weight:750;text-transform:uppercase;letter-spacing:.11em;color:#486157}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;min-height:390px}.intro-grid section>p{max-width:590px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.tags span{font-size:.8em;padding:6px 12px;border:1px solid #a2b5a7;border-radius:99px}.intro-art{background:#dce8dc;border-radius:45% 45% 12px 12px;min-height:340px;display:grid;place-items:center}.paper{width:210px;min-height:270px;background:#fffaf0;transform:rotate(-7deg);box-shadow:16px 22px #b7cec0;padding:25px;border:1px solid #c8b997;text-align:center}.paper small{font-size:10px;letter-spacing:.15em;color:#4d6258}.seal{border:1px solid #618578;border-radius:50%;margin:18px auto;font:48px Georgia;width:78px;height:78px;color:#376752}.paper i{display:block;height:3px;background:#b7bdae;margin:16px}.paper span{font:italic 15px Georgia}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.card{background:#fffefa;border:1px solid #d4dbd0;border-radius:14px;padding:25px}.card h2{margin-top:0}.info-grid .card{font-size:.91em}.launch{margin:28px 0;background:#eef1e7}.places,.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.places button[aria-pressed=true]{background:#173f39;color:#fff}label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}input[type=checkbox]{height:24px;width:24px;flex-shrink:0;accent-color:#173f39}input[type=range]{min-height:44px}select{min-height:46px;border:1px solid #6c8878;border-radius:7px;background:#fff;padding:4px 9px}.small{font-size:.83em;color:#4e655b}.roadmap ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.roadmap li{border-top:2px solid #678b75;padding:16px 0}.roadmap span{display:block;font-size:.85em}.game{max-width:800px}.game h1{font-size:2.8em}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.scene{margin:22px 0}.scene canvas{width:100%;height:auto;border-radius:12px;display:block}.scene figcaption{font-size:.82em;color:#4e655b;text-align:center;margin-top:6px}.task{text-align:center}.stimulus{font-size:3.4em;font-weight:650;letter-spacing:.09em;margin:20px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.options button{font-size:1.8em;min-height:86px}.feedback{min-height:60px}.task .actions{justify-content:center}.settings{max-width:1110px;margin:auto;padding:15px 25px;background:#e5ede3;display:flex;gap:24px;flex-wrap:wrap}.panel{max-width:940px}.panel h1{font-size:2.8em}.panel section{margin-top:24px}.skill{border-bottom:1px solid #d6ddd3;padding:14px 0}.notice,.warning{background:#f4e9cf;padding:12px;border-left:4px solid #966310}.warning{max-width:1050px;margin:15px auto}.danger{color:#8a271d;border-color:#ba746b}.erase{max-width:850px;margin:0 auto 30px;border:2px solid #8a271d}.erase button{margin:8px}summary{cursor:pointer;min-height:44px;padding:10px;font-weight:600}footer{max-width:1110px;margin:auto;padding:25px;border-top:1px solid #d6ddd3;font-size:.82em;color:#4e655b}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:10}.skip:focus{top:8px}.contrast{background:#fff;color:#111}.contrast h1 em,.contrast a,.contrast .eyebrow,.contrast .small,.contrast footer,.contrast figcaption{color:#111}.contrast .card,.contrast .launch{background:#fff;border-color:#111}.contrast button{color:#111;border-color:#111}.contrast .primary,.contrast button[aria-pressed=true]{background:#111;color:#fff}.sober .intro-art{display:none}.sober .intro-grid{display:block;min-height:0}.reduced *{animation:none!important;transition:none!important}@media(max-width:700px){header{padding:16px;align-items:flex-start}.brand{font-size:1em}nav{gap:6px}nav button{font-size:.8em;padding:.55em .7em}main{padding:25px 16px}.intro-grid{grid-template-columns:1fr;gap:24px;min-height:0}.intro-art{min-height:230px}.paper{width:175px;min-height:210px;padding:15px}.seal{height:60px;width:60px;font-size:38px;margin:12px auto}.paper i{margin:12px}.info-grid{grid-template-columns:1fr}.roadmap ol{grid-template-columns:1fr;gap:8px}.game h1,.panel h1{font-size:2.2em}.card{padding:20px}.options{gap:10px}.options button{font-size:1.45em}.stimulus{font-size:3em}.game-top button{font-size:.85em}.settings{gap:8px}.intro-grid h1{font-size:2.7em}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{header,footer,button,.scene,.game-top{display:none}details{display:block}details>*{display:block}main{padding:0}.card{border:0}body{background:#fff}}header,.game-top{flex-wrap:wrap}.brand,nav,.card,.intro-grid>*{min-width:0}nav{flex-wrap:wrap}a,p,h1,h2,h3{overflow-wrap:anywhere}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.options button{padding:.6em .3em;overflow-wrap:anywhere}.phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.phase-grid button,.theme-grid button,.activity-grid button{text-align:left;display:flex;flex-direction:column;gap:7px}.phase-grid strong{font-size:1.3em}.phase-grid small,.activity-grid small{font-weight:400;font-size:.8em}.phase-grid button[aria-pressed=true],.theme-grid button[aria-pressed=true],.activity-grid button[aria-pressed=true]{border:2px solid #173f39;background:#e0eadc;color:#173f39}.theme-grid,.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-grid span,.activity-grid span{font-size:.85em;font-weight:400}.mission-preview{padding:20px;background:#fffaf0;border-left:4px solid #386451;margin:20px 0}.mission-preview h3{font-size:1.4em}.reading-text{font-size:1.25em!important;letter-spacing:0!important;line-height:1.8;text-align:left;font-weight:500!important;border-left:3px solid #a1bba6;padding:15px;background:#f3f5ed}.three-options{grid-template-columns:1fr}.three-options button{font-size:1.1em;min-height:56px;text-align:left;padding:14px}.visual-learning .task{border-top:5px solid #507d61}.visual-learning .stimulus:not(.reading-text){display:inline-block;border:2px solid #7e9a7f;padding:.1em .7em;border-radius:12px;background:#f0f5e8}.visual-learning .options button{border:2px solid #719578}.resume{padding:20px 0;border-top:1px solid #9db0a1;margin-top:24px}.companion{font-size:1.25em}.contrast button[aria-pressed=true]{background:#111;color:#fff}.contrast .reading-text,.contrast .mission-preview{background:#fff;border-color:#111}@media(max-width:700px){.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid,.activity-grid{grid-template-columns:1fr}.reading-text{font-size:1.15em!important}.phase-grid button{padding:.8em .5em}.companion{font-size:1.1em}}.phase-grid button,.theme-grid button,.activity-grid button{overflow-wrap:anywhere;min-width:0}
