:root{color-scheme:dark;font-family:Arial,sans-serif;color:#e5e9e4;background:#101411;--accent:#ccdfa4}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{padding:22px 5vw;border-bottom:1px solid #ffffff18;display:flex;justify-content:space-between;position:relative;z-index:2;background:#101411}.marque{letter-spacing:3px;font-size:14px;font-weight:800}.marque span{font-weight:400;color:#b2c294;margin-left:8px}header>a:last-child{font-size:12px;color:#a8b3a8}main{max-width:1450px;padding:0 5vw;margin:auto;position:relative}.intro{padding:54px 0 25px}.surtitre{font-size:10px;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(36px,5vw,68px);letter-spacing:-2px;line-height:1.05;margin:20px 0}h1 span{color:#8f9c8e}.intro>p:last-child{font-size:14px;line-height:1.8;color:#a5b0a5}nav{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 24px}nav a,button,select{border:1px solid #3f4c3f;background:#1a231a;color:#d5decf;border-radius:5px;padding:11px 14px;font-size:12px;cursor:pointer}nav a:hover,button:hover{border-color:var(--accent)}.outils{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0;border-block:1px solid #ffffff14}.outils label{font-size:12px;color:#a5b0a5;margin-left:auto}.outils select{padding:9px}button[aria-pressed=true]{background:#c4d897;color:#192014}#statut{font-size:12px;color:#c3d4b1;min-height:20px}.proposition{margin:36px 0 58px;scroll-margin-top:22px}.titre{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.numero{font-size:42px;color:#596653;line-height:1}.titre h2{margin:0 0 9px;font-size:23px;letter-spacing:-.4px}.titre p{margin:0;color:#a5b0a5;font-size:13px;line-height:1.6}.nuancier{display:flex;gap:5px;margin:12px 0}.nuancier i{width:22px;height:5px;border-radius:1px}.vues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.carte{min-width:0;border:1px solid #354035;border-radius:8px;overflow:hidden}.legende{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:#182119;font-size:12px;position:relative;z-index:2}.legende span{color:#8e9e8d;font-size:10px}.vue{height:360px;position:relative;touch-action:pan-y;cursor:grab}.vue:active{cursor:grabbing}.aide{padding:11px 15px;font-size:10px;color:#8b9989;background:#161e17;position:relative;z-index:2}.proposition,nav,.intro,.outils,#statut,footer{position:relative;z-index:2}#rendu{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}footer{padding:0 0 36px;font-size:11px;line-height:1.8;color:#82907f}footer a{text-decoration:underline}.echec{color:#ffb39b!important}@media(min-width:1400px){.vue{height:420px}}@media(max-width:740px){header{padding:18px}.marque{font-size:12px}.intro{padding-top:30px}.intro>p:last-child br{display:none}.vues{grid-template-columns:1fr}.vue{height:400px}.outils label{margin-left:0}.titre h2{font-size:20px}.numero{font-size:34px}nav a{padding:9px 10px}.proposition{margin-top:28px}main{padding:0 18px}}