:root{--ink:#101b33;--ink-soft:#59677f;--violet:#5546a8;--violet-pale:#f1effb;--coral:#ec7665;--gold:#dda63b;--teal:#39aaa3;--line:#dce2ef;--surface:#fff;--paper:#f6f7fb}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #5546a847}.app-shell{min-height:100vh;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1220px;margin:0 auto;padding:24px 32px 10px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:900;display:flex}.brand small{color:#8591a8;letter-spacing:.02em;margin-left:8px;font-size:11px;font-weight:700}.brand-mark{color:#fff;background:var(--violet);border-radius:9px;place-items:center;width:31px;height:31px;font-size:16px;display:grid}.header-actions{align-items:center;gap:8px;display:flex}.quiet-button,.soft,.copy,.text-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:800}.quiet-button{color:#53617a;background:0 0}.quiet-button:hover,.soft:hover,.copy:hover{border-color:var(--violet);color:var(--violet)}.compact-nav{scrollbar-width:thin;border-bottom:1px solid var(--line);gap:2px;max-width:1220px;margin:0 auto 26px;padding:4px 32px 14px;display:flex;overflow-x:auto}.compact-nav button{color:#8290a7;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 10px 10px;font-size:12px;font-weight:800}.compact-nav button span{color:#a3adbe;letter-spacing:.07em;margin-right:6px;font-size:10px}.compact-nav button.active{color:var(--ink);border-bottom-color:var(--coral)}.compact-nav button.active span{color:var(--coral)}.hero-page,.page-grid{max-width:1220px;margin:0 auto;padding:34px 32px 56px}.hero-page{padding-top:40px}.eyebrow,.kicker{color:var(--coral);letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:900;display:block}.kicker{color:var(--violet)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;max-width:850px;margin-bottom:15px;font-size:clamp(35px,5.2vw,62px);line-height:.98}h1 em{color:var(--violet);font-style:normal}.lead,.page-heading>p:last-child{max-width:780px;color:var(--ink-soft);font-size:17px;line-height:1.55}.page-heading{margin-bottom:27px}.page-heading h1{max-width:860px;font-size:clamp(33px,4.6vw,54px)}.mission-card,.activity-card,.guided-card,.image-lab,.challenge-card,.method-section,.export-panel,.oral-question{border:1px solid var(--line);background:var(--surface);border-radius:18px}.mission-card{grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:28px;padding:24px;display:grid}.mission-card h2{letter-spacing:-.035em;margin:0 0 7px;font-size:24px}.mission-card p{max-width:650px;color:var(--ink-soft);margin:0;line-height:1.5}.role-choice{border-left:1px solid var(--line);min-width:250px;padding-left:24px}.role-choice>span,.decision-area>span,.parameter-choice>span{color:var(--ink-soft);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.role-choice button,.decision-area button,.parameter-choice button{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:8px;margin:0 5px 5px 0;padding:8px 10px;font-size:12px;font-weight:800}button.chosen{border-color:var(--violet);background:var(--violet-pale);color:var(--violet)}.role-choice small{color:#8995ab;margin-top:7px;font-size:11px;display:block}.mission-grid,.two-col{grid-template-columns:1fr 1fr;gap:17px;margin-top:18px;display:grid}.notion-card,.video-card,.document,.v1-card,.v2-card,.control-card,.example-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:23px}.notion-card h2,.video-card h2,.control-card h2,.example-card h2{letter-spacing:-.035em;margin-bottom:11px;font-size:23px}.notion-card p,.notion-card li,.control-card p,.control-card li,.example-card dd{color:var(--ink-soft);line-height:1.52}.notion-card ul{margin:0 0 15px;padding-left:20px}.video-card{background:var(--ink);border-color:var(--ink);color:#fff}.video-card .kicker{color:var(--gold)}.video-card iframe{aspect-ratio:16/9;border:0;border-radius:10px;width:100%;display:block}.text-button{color:var(--violet);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.action-row{justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.action-row>span{max-width:620px;color:var(--ink-soft);font-size:13px;line-height:1.45}.primary{background:var(--ink);color:#fff;white-space:nowrap;border:0;border-radius:10px;padding:13px 17px;font-weight:900}.primary:hover{background:var(--violet)}.primary span{color:var(--gold);margin-left:9px}.copy{color:var(--violet);background:var(--violet-pale);border-color:#cfc9ee;align-self:flex-start}.document{min-height:246px}.document span{color:var(--violet);font-size:12px;font-weight:900}.document p,.document li{line-height:1.54}.document ul{margin:14px 0 0;padding-left:19px}.document.dark{background:var(--ink);border-color:var(--ink);color:#fff}.document.dark span{color:var(--gold)}.document.dark p{font-size:19px;line-height:1.52}.inline-help,.role-details,.fallback,.reference{background:#fafbff;border:1px solid #d8dcef;border-radius:10px;margin:15px 0 0}.inline-help summary,.role-details summary,.fallback summary,.reference summary{cursor:pointer;color:var(--violet);padding:11px 13px;font-size:13px;font-weight:900}.inline-help p,.inline-help ul,.fallback p,.reference pre{color:var(--ink-soft);white-space:pre-wrap;margin:0;padding:0 13px 13px;font-family:inherit;font-size:13px;line-height:1.5}.inline-help ul{padding-left:31px}.source-reminder{z-index:8;background:#fffffff7;border:1px solid #ccd4e8;border-radius:10px;margin:13px 0;position:sticky;top:10px;box-shadow:0 8px 22px #1b2a4e17}.source-reminder summary{cursor:pointer;color:var(--ink-soft);padding:10px 13px;font-size:12px;font-weight:800}.source-reminder summary span{color:var(--violet);margin-right:8px;font-weight:900}.source-reminder>div{grid-template-columns:.8fr 1.2fr;gap:14px;padding:0 13px 13px;display:grid}.source-reminder p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.48}.source-reminder b{color:var(--ink)}.activity-card{margin-top:17px;padding:24px}.activity-card h2,.oral-question h2{letter-spacing:-.04em;margin-bottom:8px;font-size:27px}.activity-card>p{color:var(--ink-soft);margin-bottom:15px;line-height:1.45}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:8px 18px;margin:15px 0;font-size:12px;line-height:1.4;display:flex}.legend span{border-left:2px solid var(--line);padding-left:9px}.legend span:first-child{border-color:var(--teal)}.legend span:nth-child(2){border-color:var(--gold)}.legend span:nth-child(3){border-color:var(--coral)}.legend b{color:var(--ink)}.diagnostic-board{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.diagnostic-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;min-height:142px;padding:14px}.diagnostic-item>span{color:var(--coral);font-size:11px;font-weight:900}.diagnostic-item p{color:var(--ink);margin:7px 0 14px;font-size:14px;font-weight:700;line-height:1.37}.diagnostic-item em{color:#8b97aa;font-size:12px;font-style:normal}.diagnostic-item.confirmé{border-color:var(--teal);background:#f0fbfa}.diagnostic-item.à-clarifier{border-color:var(--gold);background:#fff9e9}.diagnostic-item.ne-pas-inventer{border-color:var(--coral);background:#fff4f2}.debrief-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.debrief-grid article{border-left:2px solid var(--teal);padding:7px 0 7px 10px}.debrief-grid b{color:#237c78;font-size:12px}.debrief-grid p{color:var(--ink-soft);margin:5px 0 0;font-size:12px;line-height:1.42}.oral-question{background:#f6f4ff;border-color:#d9d3f4;grid-template-columns:1fr .9fr;align-items:center;gap:24px;margin-top:17px;padding:22px;display:grid}.oral-question p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.field,.area{margin:13px 0;display:block}.field span,.area span{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:900;display:block}.field input,.area textarea,.prompt-editor,.v1-card textarea,.v2-card textarea,.control-card textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fcfdff;border-radius:9px;padding:11px 12px;line-height:1.45}.area textarea{resize:vertical;min-height:104px}.prompt-editor{resize:vertical;min-height:250px;font-size:13px;display:block}.guided-card,.image-lab,.challenge-card{overflow:hidden}.scene-marker{background:var(--ink);color:#fff;letter-spacing:.1em;justify-content:space-between;gap:20px;padding:12px 22px;font-size:11px;font-weight:900;display:flex}.scene-marker small{color:#bdc8dc;letter-spacing:0;font-size:11px;font-weight:700}.scene{max-width:790px;padding:30px 28px}.scene h2{letter-spacing:-.045em;margin-bottom:9px;font-size:30px}.scene>p,.scene-note{color:var(--ink-soft);line-height:1.5}.scene .primary{margin-top:8px}.scene-v1{border-top:1px solid var(--line);background:#f8fffe}.scene-back{padding:0 28px 24px}.button-pair{flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;display:flex}.button-pair .primary{margin-top:0}.role-details{padding-bottom:1px}.role-details .field{padding:0 13px}.image-lab{background:#fbfcff}.image-scene{max-width:990px}.image-scene blockquote{background:var(--ink);color:#fff;border-radius:11px;margin:18px 0;padding:17px 18px;font-size:18px;font-weight:800;line-height:1.42}.flash-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.flash-card{text-align:left;background:#f7f5ff;border:1px solid #d9d4f5;border-radius:12px;min-height:132px;padding:14px}.flash-card small,.lever-grid small{color:var(--violet);margin-bottom:7px;font-size:11px;font-weight:900;display:block}.flash-card b{color:var(--ink);font-size:14px;line-height:1.35;display:block}.flash-card span{color:#8b83bc;margin-top:12px;font-size:11px;font-weight:800;display:block}.flash-card.open{border-color:var(--violet);background:#fff}.statement-grid{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.statement{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px;display:flex}.statement span{max-width:80%;color:var(--ink);font-size:13px;line-height:1.4}.statement em{color:#8994a7;white-space:nowrap;font-size:11px;font-style:normal}.statement.utile{border-color:var(--teal);background:#f0fbfa}.statement.vague{border-color:var(--gold);background:#fff9e9}.statement.decorative{border-color:var(--coral);background:#fff4f2}.lever-grid{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.lever-grid button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:10px;padding:12px;font-size:13px;line-height:1.42}.lever-grid button.chosen{border-color:var(--violet);background:var(--violet-pale)}.image-note{border-left:3px solid var(--coral);background:#fff5f2;margin-top:18px;padding:12px;font-size:13px}.iteration-layout{grid-template-columns:1.05fr .9fr 1.05fr;align-items:start;gap:17px;display:grid}.v1-card{background:var(--ink);border-color:var(--ink);color:#fff}.v1-card .kicker{color:var(--gold)}.v1-card h2,.v2-card h2{letter-spacing:-.04em;margin-bottom:13px;font-size:24px}.v1-card textarea{color:#fff;resize:vertical;background:#19243a;border-color:#48546e;min-height:328px;font-size:13px}.v1-card small{color:#c2cee3;margin-top:11px;font-size:12px;line-height:1.42;display:block}.compact-card{padding:22px}.compact-card h2{letter-spacing:-.04em;margin-bottom:8px;font-size:25px}.compact-card>p{color:var(--ink-soft);font-size:13px;line-height:1.45}.v2-card{background:#f0fbfa;border-color:#bfe8e2}.v2-card textarea{resize:vertical;min-height:190px;font-size:13px}.control-layout{grid-template-columns:.9fr 1.15fr .9fr;gap:17px;display:grid}.control-card textarea{resize:vertical;min-height:390px;font-size:13px}.example-card dl{margin:0}.example-card dt{color:var(--ink);margin-bottom:10px;font-weight:900;line-height:1.4}.example-card dd{border-left:2px solid var(--coral);margin:0 0 8px;padding-left:11px;font-size:13px}.decision-area{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.challenge-card{max-width:890px}.privacy-check{color:var(--ink);align-items:flex-start;gap:9px;margin:14px 0;font-size:13px;font-weight:800;line-height:1.45;display:flex}.privacy-check input{accent-color:var(--violet);margin-top:2px}.method-section{background:var(--violet-pale);border-color:#d8d1f2;padding:25px}.method-question{max-width:750px;color:var(--ink);letter-spacing:-.035em;margin-bottom:20px;font-size:23px;font-weight:900;line-height:1.25}.method-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.method-grid .area{border:1px solid var(--line);background:#fff;border-radius:11px;margin:0;padding:13px}.method-grid textarea{background:#fcfdff;min-height:146px}.method-summary{background:#fff;border-radius:11px;margin-top:16px;padding:16px}.method-summary p{color:var(--ink-soft);margin:6px 0 14px;font-size:13px;line-height:1.45}.skill-reveal{background:#f0fbfa;border:1px solid #bfe8e2;border-radius:12px;margin-top:15px;padding:19px}.skill-reveal h2{color:#277b77;letter-spacing:-.04em;margin-bottom:7px;font-size:25px}.skill-reveal p{color:var(--ink-soft);margin:0;line-height:1.5}.export-panel{border-color:var(--ink);background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:22px;display:flex}.export-panel .kicker{color:var(--gold)}.export-panel h2{letter-spacing:-.04em;margin-bottom:5px;font-size:24px}.export-panel p{color:#c7d2e7;margin:0;font-size:13px}.export-panel .primary{background:var(--coral)}.modal-backdrop{z-index:20;background:#101b3375;justify-content:end;display:grid;position:fixed;inset:0}.drawer{background:#fff;width:min(460px,94vw);height:100%;padding:30px;overflow-y:auto;box-shadow:-18px 0 50px #101b3333}.drawer-wide{width:min(780px,96vw)}.drawer-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.drawer-top h2{letter-spacing:-.05em;margin-bottom:14px;font-size:29px}.modal-close{width:34px;height:34px;color:var(--ink);background:#eff2f8;border:0;border-radius:50%;font-size:23px}.drawer-intro{color:var(--ink-soft);font-size:14px;line-height:1.5}.context-resource{background:var(--violet-pale);border-radius:12px;margin:16px 0;padding:17px}.context-resource h3{margin:5px 0;font-size:19px}.context-resource p{color:var(--ink-soft);margin:0;line-height:1.46}.resource-list{border-top:1px solid var(--line);margin-top:24px}.resource-list a{border-bottom:1px solid var(--line);color:var(--ink);padding:16px 0;font-size:14px;font-weight:900;text-decoration:none;display:block}.resource-list small{color:var(--ink-soft);margin-top:4px;font-size:12px;font-weight:400;display:block}.playground-tabs{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.playground-tabs button{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:900}.playground-tabs button.active{border-color:var(--violet);background:var(--violet-pale);color:var(--violet)}.play-activity{border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:21px}.play-activity h3{letter-spacing:-.04em;margin-bottom:8px;font-size:24px}.play-activity>p{color:var(--ink-soft);line-height:1.5}.battle-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.battle-grid button,.choice-list button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:10px;padding:13px;line-height:1.45}.battle-grid b{color:var(--coral);margin-bottom:6px;display:block}.choice-list{gap:8px;display:grid}.play-debrief{border-left:3px solid var(--teal);color:var(--ink-soft);background:#f0fbfa;margin:16px 0 0;padding:13px;font-size:13px}.quiz-modal{background:#fff;border-radius:18px;place-self:center;width:min(620px,100vw - 38px);padding:30px;position:relative}.quiz-modal h2{letter-spacing:-.045em;margin:9px 35px 20px 0;font-size:28px}.quiz-options button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:10px;gap:11px;margin:8px 0;padding:13px;display:flex}.quiz-options b{color:var(--coral)}.quiz-options .correct{border-color:var(--teal);background:#effbf9}.quiz-options .incorrect{border-color:var(--coral);background:#fff4f2}.quiz-debrief{background:var(--violet-pale);border-radius:10px;margin-top:16px;padding:14px}.quiz-debrief p{color:var(--ink-soft);margin:5px 0 0;line-height:1.48}footer{color:#77849a;flex-wrap:wrap;gap:8px;max-width:1220px;margin:0 auto;padding:24px 32px 32px;font-size:12px;display:flex}footer a{color:#596780;text-decoration:none}footer a:hover{color:var(--violet)}footer b{color:#fff;background:#63708a;border-radius:4px;place-items:center;width:15px;height:15px;font-size:10px;display:inline-grid}@media (width<=960px){.mission-grid,.two-col,.iteration-layout,.control-layout,.oral-question,.source-reminder>div{grid-template-columns:1fr}.diagnostic-board{grid-template-columns:repeat(2,1fr)}.debrief-grid,.method-grid{grid-template-columns:1fr 1fr}.v1-card textarea{min-height:220px}}@media (width<=680px){.topbar,.hero-page,.page-grid,footer{padding-left:20px;padding-right:20px}.topbar{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.brand small{display:none}.compact-nav{margin-bottom:15px;padding-left:20px;padding-right:20px}.compact-nav button{padding-left:8px;padding-right:8px}.mission-card,.export-panel{grid-template-columns:1fr;display:grid}.role-choice{border-top:1px solid var(--line);border-left:0;padding:17px 0 0}.diagnostic-board,.debrief-grid,.flash-grid,.statement-grid,.lever-grid,.method-grid,.battle-grid{grid-template-columns:1fr}.scene{padding:23px 19px}.scene-marker{padding-left:19px;padding-right:19px}.scene h2,.method-question{font-size:25px}.action-row,.export-panel{flex-direction:column;align-items:flex-start}.action-row .primary,.export-panel .primary{width:100%}.drawer{padding:24px 20px}}@media print{.topbar,.compact-nav,footer,.action-row,.primary,.soft,.copy,.quiet-button{display:none!important}.app-shell{background:#fff}.page-grid{max-width:none;padding:0}.method-section,.export-panel{color:var(--ink);background:#fff;border-color:#d9d9d9}.export-panel p{color:var(--ink-soft)}}