/* 0.5 — the poster is replaced by a tangible collaborative courtyard. */
.challenge{padding:80px 5.5vw;background:#241046;scroll-margin-top:22px}.challenge-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:35px}.challenge-heading .section-title{font-size:clamp(58px,7.8vw,110px)}.challenge-brief{max-width:520px}.challenge-brief p{font-size:16px;line-height:1.8}.challenge-tag{display:inline-block;background:var(--cyan);color:#16092d;padding:10px 16px;font:900 11px 'Courier New',monospace;rotate:3deg;box-shadow:5px 5px 0 #110822}.challenge .small-note{font-size:11px;color:#c9b5e3;line-height:1.7}.court-workbench{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:25px;align-items:start}.court-view{position:sticky;top:20px;border:5px solid #f0dfff;box-shadow:10px 10px 0 #10061f;rotate:-1deg}.court-scene{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#6129a2,#211343)}.court-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.court-scene:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 70px #1b052a30;background:linear-gradient(#16092d60,transparent 30%)}#court-canvas{width:100%;height:100%;position:absolute;inset:0;z-index:2}.court-scene-top{position:absolute;z-index:5;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:start;gap:12px}.court-scene-top>span{background:#16092de8;padding:10px;font:900 9px/1.5 'Courier New',monospace;letter-spacing:1px;max-width:55%}.court-scene-top button{background:#f6dfff;color:#16092d;min-height:44px;font-size:10px;padding:10px;border:1px solid #190a2d}.court-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.court-hotspots button{position:absolute;pointer-events:auto;border:2px solid #16092d;background:var(--pink);color:#16092d;border-radius:50%;width:46px;height:46px;display:grid;place-content:center;font:900 12px 'Courier New',monospace;box-shadow:4px 4px 0 #16092d;transition:scale .25s}.court-hotspots button:hover{scale:1.12}.court-hotspots button span{position:absolute;top:46px;left:50%;translate:-50% 0;background:#16092d;color:#fff;padding:5px;font-size:9px;white-space:nowrap}.court-hotspots button:nth-child(1){left:17%;top:59%}.court-hotspots button:nth-child(2){left:52%;top:26%}.court-hotspots button:nth-child(3){right:10%;top:65%}.court-stamp{position:absolute;bottom:15px;left:18px;font:900 clamp(20px,2.4vw,36px)/.9 Impact,sans-serif;background:var(--pink);color:#16092d;padding:15px;rotate:-6deg;z-index:3;box-shadow:5px 5px 0 #16092d}.court-caption{background:#f2ddff;color:#16092d;padding:14px 18px;display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:75px}.court-caption p{font-size:12px;line-height:1.6;margin:0;max-width:80%}.court-caption>span{font:900 11px 'Courier New',monospace;white-space:nowrap}.court-controls fieldset{border:0;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid #a680c655;min-width:0}.court-controls legend{font:10px 'Courier New',monospace;color:var(--cyan);letter-spacing:1px}.court-controls h3{font-size:20px;margin:13px 0}.court-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.court-options button{position:relative;background:#321452;color:#f5eaff;padding:16px 28px 16px 14px;text-align:left;min-height:107px;border:1px solid #ae82d3;transition:background .25s,transform .25s,box-shadow .25s}.court-options b{display:block;font-size:13px;line-height:1.4}.court-options small{display:block;font-size:10px;line-height:1.5;margin-top:8px;color:#d5c0e8}.court-options button>span{position:absolute;right:9px;top:12px;font-size:20px}.court-options button[aria-pressed=true]{background:var(--pink);color:#16092d;box-shadow:4px 4px 0 #0d051c;transform:rotate(-1deg)}.court-options button[aria-pressed=true] small{color:#30103d}.court-test{margin-top:40px;background:#100720;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-left:7px solid var(--cyan)}.court-test h3{font:900 36px/.98 Impact,sans-serif;margin:13px 0}.court-test-copy{max-width:700px}.court-test-copy>p{font-size:14px;line-height:1.8;color:#dfcfef}.court-test-actions{min-width:230px;max-width:290px}.court-test-actions .button{width:100%;font-size:12px}.court-test-actions .text-action{display:block}.court-test-actions p{font:10px/1.6 'Courier New',monospace;color:#bfa3d8}.weather-rain{position:absolute;inset:-100% 0;pointer-events:none;z-index:3;opacity:0;background:repeating-linear-gradient(108deg,transparent 0 34px,#b9e6ff99 35px 36px,transparent 37px 70px);mask-image:repeating-linear-gradient(0deg,transparent 0 35px,#000 36px 70px);transition:opacity .8s;animation:rainfall 1.5s linear infinite;animation-play-state:paused}.raining .weather-rain{opacity:.55;animation-play-state:running}.raining{background:#1c173e}.raining>img{filter:brightness(.73) saturate(.95);transition:filter 1s}.celebrating .court-stamp{background:var(--cyan)}.celebrating .court-stamp:after{content:'✓';font-size:32px;margin-left:8px}.court-connections{display:flex;gap:18px;flex-wrap:wrap;margin-top:38px;align-items:stretch}.court-connections>p{width:100%;font-size:14px}.court-connections button{flex:1;display:flex;align-items:center;gap:20px;background:#36185a;padding:20px;border:1px solid #aa80cb;text-align:left;font-size:17px}.court-connections button>span{flex:1}.court-connections small{display:block;font-size:11px;color:#dec9ec;margin-top:8px}.court-connections .product-logo{width:95px;height:95px}.project-card .card-brand{top:0!important;left:0!important;right:0;width:100%!important;height:150px!important;background:#140825ee;border-radius:0;border:0;border-bottom:1px solid #c1a0e466;display:flex;flex-direction:column;gap:7px;padding:9px 12px}.project-card .card-brand .product-logo{width:98px!important;height:98px!important}.card-brand>span{font:900 10px/1.5 'Courier New',monospace;text-align:center;letter-spacing:.6px}.project-card .card-number{top:162px}.project-card{min-height:530px}.world-content #world-label .product-logo{width:100px;height:100px}.world-content #world-label{font-size:12px;padding:14px 0;border-bottom:1px solid #9d77bc55;margin-bottom:23px}.compare-projects article>.product-logo{width:110px;height:110px}.product-family{display:grid;grid-template-columns:1fr 1fr}.product-family>p{grid-column:1/-1;margin:0}.product-family>span{flex-direction:column;align-items:flex-start;font-size:13px}.product-family img{width:92px;height:92px}.parent-dialog dt img{width:80px;height:80px}.trace-grid{grid-template-columns:1fr 1fr}.trace-grid article:last-child{grid-column:auto}.trace-grid article>.product-logo{float:right;width:65px;height:65px;margin:0 0 15px 12px}.closing-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px}.closing-brands button{display:flex;align-items:center;gap:12px;padding:13px;text-align:left;background:#24103a;color:#fff;border:1px solid #24103a;min-width:0}.closing-brands .product-logo{width:68px;height:68px}.closing-brands span{font:900 10px/1.5 'Courier New',monospace}.court-scene.media-missing>img{visibility:hidden}.court-scene.media-missing:before{content:'LE DÉCOR CHARGE MAL. VOS IDÉES, ELLES, RESTENT.';inset:10% 10% auto;font-size:13px;max-width:50%}.court-scene.media-missing{background:linear-gradient(145deg,#7941c6,#2b1747)!important}.paused .weather-rain{animation:none!important}.paused .raining .weather-rain{opacity:.2}
.project-card .card-brand .product-logo{position:relative!important;inset:auto!important;z-index:1!important;opacity:1;flex:none}.project-card.media-missing .card-brand{z-index:2}.project-card.media-missing .product-logo{opacity:1}.court-scene.offstage .weather-rain{animation-play-state:paused!important}
@keyframes rainfall{to{translate:-25px 70px}}
@media(max-width:1100px){.court-workbench{grid-template-columns:1fr}.court-view{position:relative;top:auto;max-width:100%}.court-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.court-options{grid-template-columns:1fr}.court-controls h3{font-size:17px;min-height:42px}.closing-brands{grid-template-columns:1fr 1fr}.project-card .card-brand .product-logo{width:88px!important;height:88px!important}.project-card .card-brand{height:145px!important}.card-brand>span{font-size:9px}}
@media(max-width:760px){.challenge{padding:55px 6vw}.challenge-heading{display:block}.challenge-heading .section-title{font-size:66px}.challenge-brief p{font-size:14px}.court-view{border-width:3px;rotate:0deg;box-shadow:6px 6px 0 #10061f}.court-scene{aspect-ratio:3/2}.court-scene-top{top:6px;left:6px;right:6px;gap:5px}.court-scene-top>span{font-size:7px;padding:7px;max-width:48%}.court-scene-top button{font-size:8px;padding:8px;min-height:44px}.court-hotspots button{width:44px;height:44px;font-size:10px}.court-hotspots button span{display:none}.court-stamp{font-size:15px;padding:9px;bottom:7px;left:9px}.court-caption{padding:12px;gap:8px;min-height:90px}.court-caption p{font-size:10px}.court-caption>span{font-size:9px}.court-controls{grid-template-columns:1fr;gap:0;margin-top:25px}.court-controls h3{min-height:0;font-size:20px}.court-options{grid-template-columns:1fr 1fr}.court-options button{min-height:116px;padding:15px 24px 15px 12px}.court-options b{font-size:12px}.court-test{padding:23px 18px;display:block;border-left-width:4px;margin-top:10px}.court-test-actions{min-width:0;max-width:none}.court-test h3{font-size:33px}.court-test-copy>p{font-size:13px}.court-connections{display:block}.court-connections button{width:100%;margin-top:12px;font-size:14px;gap:15px;padding:14px}.court-connections .product-logo{width:75px;height:75px}.project-card{min-height:420px}.project-card .card-brand{height:130px!important;padding:8px 5px!important}.project-card .card-brand .product-logo{width:85px!important;height:85px!important}.card-brand>span{font-size:8px;letter-spacing:0}.project-card .card-number{top:140px}.world-content #world-label .product-logo{width:82px;height:82px}.world-content #world-label{font-size:11px}.compare-projects article>.product-logo{width:90px;height:90px}.product-family img{width:80px;height:80px}.trace-grid{grid-template-columns:1fr}.parent-dialog dt img{width:70px;height:70px}.closing-brands{gap:9px}.closing-brands button{flex-direction:column;align-items:flex-start;padding:12px}.closing-brands span{font-size:9px}.closing-brands .product-logo{width:76px;height:76px}}
@media(max-width:1100px){.court-view{position:sticky;top:10px;z-index:7}.court-controls{position:relative;z-index:1}}
@media(prefers-reduced-motion:reduce){.weather-rain{animation:none!important}.raining .weather-rain{opacity:.2}}

/* 0.6 — a live diorama; action feedback stays legible outside the moving scene. */
.court-reaction{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#371659;min-height:76px;border-top:1px solid #c195e655}.court-reaction>span{flex:none;font:900 10px 'Courier New',monospace;color:#76e5ff}.court-reaction p{margin:0;font-size:12px;line-height:1.55;color:#f4e6ff}.court-play{position:absolute;right:14px;bottom:15px;z-index:6;background:#8deaff;color:#1b0b32;font:900 12px 'Courier New',monospace;padding:15px 18px;min-height:44px;border:2px solid #24103e;box-shadow:5px 5px 0 #24103e;rotate:2deg}.court-play:hover:not(:disabled){background:#ffb5e6}.court-play:disabled{opacity:.7}.court-play[hidden]{display:none}.court-stamp{font-size:clamp(16px,2vw,29px)}.court-hotspots button:nth-child(1){left:9%;top:65%}.court-hotspots button:nth-child(2){left:47%;top:15%}.court-hotspots button:nth-child(3){right:5%;top:50%}.court-scene>img{transition:filter 1.5s}.court-scene[data-transform=shelter]:not(.raining)>img{filter:saturate(1.12)}
@media(max-width:760px){.court-reaction{min-height:80px;gap:8px;padding:10px}.court-reaction>span{font-size:8px}.court-reaction p{font-size:10px}.court-play{right:9px;bottom:10px;font-size:9px;padding:10px;max-width:60%;box-shadow:3px 3px 0 #24103e}.court-stamp{font-size:13px;padding:8px}.court-caption{min-height:70px}.court-scene-top>span{max-width:49%}.court-hotspots button{width:40px;height:40px;min-width:44px;min-height:44px}}
@media(max-height:740px) and (max-width:1100px){.court-view{position:relative;top:auto}}

/* 0.13 — one visible choice, stable scene, no sticky layer over the controls. */
.court-workbench{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:28px;align-items:start;scroll-margin-top:24px}
.court-active .chapter-nav:not(:focus-within){visibility:hidden;pointer-events:none}
.court-view{position:relative;top:auto;rotate:0deg;z-index:auto;min-width:0}
.court-controls{display:block;margin:0;min-width:0;background:#190c30;padding:22px;border:1px solid #79559c;border-radius:12px}
.court-steps{display:flex;gap:6px;margin-bottom:22px}
.court-steps button{flex:1;min-height:44px;padding:8px 5px;background:#34204b;color:#e9d9ff;border:1px solid #88699e;font:700 12px/1.4 Arial,sans-serif;border-radius:7px}
.court-steps button[aria-pressed=true]{background:#b79aff;color:#1b0a32;border-color:#d4bfff;box-shadow:0 3px 0 #7551ae}
.court-controls fieldset{margin:0;padding:0;border:0}
.court-controls fieldset[hidden],.court-test[hidden],#court-next[hidden]{display:none}
.court-controls h3{min-height:0;margin:12px 0 18px;font-size:24px}
.court-options{grid-template-columns:1fr 1fr}
.court-options button{min-height:112px;transform:none!important;border-radius:8px}
.court-options b{font-size:14px}.court-options small{font-size:12px}
.court-step-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;min-height:46px}
.court-step-nav .button{padding:15px;font-size:12px;box-shadow:3px 3px 0 #100720;min-height:44px}
.court-step-nav button:disabled{opacity:.5;cursor:default}
.court-test{display:block;padding:20px 0 0;margin:0;border:0;border-top:1px solid #73538e;background:transparent}
.court-test h3{font:800 23px/1.2 Arial,sans-serif;margin:8px 0}
.court-test-copy>p{font-size:14px;line-height:1.55;margin:10px 0 18px}
.court-test-actions{min-width:0;max-width:none}
.court-test-actions .text-action{margin-top:12px}
.court-test-actions p{margin-bottom:0}
.court-caption{min-height:72px}.court-caption p{font-size:13px}
.court-reaction{min-height:82px}.court-reaction p{font-size:13px}
.school-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}
.school-notes p{margin:0;padding:20px;border:1px solid #ab8fce;background:#261443;border-radius:12px;line-height:1.6}
.school-notes b{display:block;color:#8deaff;font:900 12px/1.5 'Courier New',monospace;letter-spacing:1px;margin-bottom:8px}
.school-notes span{font-size:15px;color:#fff}
.school-notes img{float:right;width:52px;height:58px;object-fit:contain;margin:0 0 8px 10px}
@media(max-width:900px){
 .court-workbench{grid-template-columns:1fr;max-width:680px;margin:auto;gap:20px}
 .court-view{position:relative;top:auto;z-index:auto;width:100%}
 .court-scene{aspect-ratio:3/2}
 .court-caption{min-height:54px;padding:10px 12px}.court-caption p{font-size:12px}
 .court-reaction{min-height:62px;padding:10px 12px}.court-reaction p{font-size:12px}
 .court-controls{padding:18px}.court-steps{margin-bottom:18px}
 .school-notes{grid-template-columns:1fr}.school-notes p{padding:16px 20px}
}
@media(max-width:420px){
 .challenge-heading .section-title{font-size:58px}.court-controls{padding:14px}
 .court-options button{padding:12px 23px 12px 10px;min-height:115px}
 .court-options b{font-size:13px}.court-options small{font-size:12px}
 .court-scene-top>span{font-size:8px}.court-steps button{font-size:11px}
 .court-step-nav .button{padding:13px 9px;font-size:11px}
}