:root{font-family:Manrope,Arial,sans-serif;color:#ebf4fa;background:#061420;--line:#bddfee26;--muted:#a6bfcd;--accent:#a9eedc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#19464e70,transparent 50%),#061420;min-height:100vh}button,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffbc86;outline-offset:4px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;padding:20px 5vw;border-bottom:1px solid var(--line)}header>span{letter-spacing:.13em;font-size:11px;color:var(--muted)}header>a:last-child{font-size:13px}.brand{font-weight:800;font-size:25px;letter-spacing:-1px}.brand span{color:#ffb981}main{max-width:1300px;margin:auto;padding:50px 5vw}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--accent);line-height:1.8}h1{font-size:clamp(42px,5.7vw,75px);line-height:1.06;font-weight:400;letter-spacing:-.05em;margin:25px 0}em{font-style:normal;color:#ffbd89}.lead{font-size:18px;max-width:650px;line-height:1.7;color:#c0d2dd}.brief{margin-top:35px;border:1px solid var(--line);background:#102837aa;padding:28px;border-radius:14px}.brief>span,.brief>label{display:block;font-size:13px;color:var(--muted);margin-bottom:15px}#scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}#scenarios button{text-align:left;border:1px solid var(--line);background:#09202d;color:white;padding:23px;border-radius:9px;line-height:1.5}#scenarios button[aria-pressed=true]{border-color:var(--accent);background:#21443e}#scenarios small{display:block;color:var(--accent);font-size:10px;letter-spacing:.08em;margin-bottom:10px}select{padding:13px;border:1px solid #6a8b9b;background:#102938;color:white;border-radius:5px;max-width:100%;margin-right:15px}.primary{padding:15px 23px;background:#abead8;color:#05251c;border:0;border-radius:5px;font-weight:700}.secondary{padding:13px 17px;background:transparent;color:#dbebf4;border:1px solid #7b9bab;border-radius:5px}.disclosure{font-size:12px;line-height:1.7;color:var(--muted);max-width:850px;margin:20px 0}.original{font-size:13px;text-decoration:underline;text-underline-offset:5px}#session{display:grid;grid-template-columns:.8fr 1.25fr;gap:45px;align-items:start}aside h2{font-size:35px;line-height:1.15;letter-spacing:-.04em;font-weight:400}aside>p{color:#bed1dd;line-height:1.7;font-size:14px}.objective{border-left:2px solid var(--accent);padding:8px 18px;margin:25px 0}.objective span{font-size:10px;letter-spacing:.1em;color:var(--accent)}.objective p{font-size:15px;line-height:1.6}aside label{font-size:12px;color:var(--muted)}meter{display:block;width:100%;height:15px;margin:10px 0}#stage{font-size:12px;border-top:1px solid var(--line);padding-top:20px}#tension-caption{font-size:12px}.phone{border:1px solid #527180;border-radius:22px;background:#0a202e;box-shadow:0 25px 90px #0005;overflow:hidden}.phone-head{padding:20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#142f3e}.avatar{display:grid;place-items:center;background:#244d58;border-radius:50%;width:43px;height:43px;color:var(--accent);font-size:14px}.phone-head small{display:block;color:#96b6c8;font-size:11px;margin-top:6px}.online{background:#9ce9c9;width:8px;height:8px;border-radius:50%;margin-left:auto}#thread{height:300px;overflow:auto;padding:22px;scroll-behavior:smooth}.bubble{max-width:91%;padding:14px 17px;background:#1d394a;border-radius:14px 14px 14px 2px;line-height:1.65;font-size:14px;margin-bottom:14px}.bubble small{display:block;color:#9dbfce;font-size:10px;margin-bottom:5px}.bubble.me{background:#24594f;margin-left:auto;border-radius:14px 14px 2px 14px}.bubble.me small{color:#b6e5d7}.reply-panel{padding:18px 22px 22px;border-top:1px solid var(--line)}#reply-title{font-size:11px;color:var(--accent);margin:0 0 12px;letter-spacing:.05em}#choices{display:grid;gap:9px}#choices button{text-align:left;background:#142f3e;border:1px solid #456777;border-radius:7px;color:white;padding:13px;line-height:1.55;font-size:13px}#choices button:hover{background:#254958;border-color:#a9eedc}#choices button:disabled{opacity:.55;cursor:wait}#hint{font-size:12px;color:#c8e6d7;line-height:1.7}#bilan h1{font-size:45px}.score{display:flex;align-items:baseline;gap:16px;margin:30px 0}.score strong{font-size:65px;color:var(--accent);font-weight:400}.score span{color:var(--muted)}.rubric{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rubric>div{padding:18px;background:#102e3e;border:1px solid var(--line);border-radius:8px}.rubric strong{display:block;font-size:28px;margin-top:10px;color:var(--accent)}.rubric span{font-size:12px}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;line-height:1.5}details p{font-size:14px;line-height:1.7;color:#c0d2dd}.bilan-actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.teacher-note{font-size:14px;line-height:1.7;color:var(--muted);max-width:820px}footer{text-align:center;padding:30px;font-size:12px;color:#89acbd;border-top:1px solid var(--line)}@media(max-width:760px){header{padding:18px 5vw}header>span{display:none}main{padding-top:30px}#scenarios{grid-template-columns:1fr}#scenarios button{padding:16px}select{width:100%;margin:0 0 15px}.primary{width:100%}.brief{padding:20px}#session{grid-template-columns:1fr;gap:25px}aside h2{font-size:30px;margin-top:10px}#thread{height:280px}.rubric{grid-template-columns:1fr 1fr}#bilan h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{header,footer,.bilan-actions{display:none}body{background:white;color:black}main{padding:0}.rubric>div{background:white;color:black;border-color:#999}.score strong,.rubric strong{color:black}details{display:block}details>p{display:block;color:black}.teacher-note{color:black}}

/* Readable classroom UI at normal and enlarged text sizes. */
aside>p,.bubble{font-size:16px}#choices button{font-size:15px}aside label,#reply-title{font-size:14px}.phone-head small,.bubble small,.eyebrow,#scenarios small,.objective span,.flight-telemetry{font-size:12px}
