:root{color-scheme:dark;--cyan:#39e6ff;--lime:#baff54;--amber:#ffbf3f;--red:#ff506f;--panel:rgba(5,22,18,.92)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#04100d;color:#effff8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:white;color:black;padding:.7rem}.skip-link:focus{top:1rem}#game-shell,#game-canvas{position:fixed;inset:0;width:100%;height:100%}#game-canvas{display:block;outline:none;touch-action:none}.hud{position:fixed;z-index:5;top:max(.7rem,env(safe-area-inset-top));left:clamp(.7rem,2vw,1.5rem);right:clamp(.7rem,2vw,1.5rem);display:flex;justify-content:space-between;gap:1rem;pointer-events:none}.brand,.meters span,.mission,.status-strip{background:rgba(3,20,17,.84);border:1px solid rgba(57,230,255,.35);backdrop-filter:blur(10px);box-shadow:0 10px 32px #0006,inset 0 0 30px rgba(57,230,255,.04)}.brand{border-left:4px solid var(--lime);padding:.55rem .8rem}.brand small,.meters small,.mission small,.reading small{display:block;color:#91b8aa;font-size:.62rem;font-weight:900;letter-spacing:.12em}.brand strong{font-size:clamp(.82rem,1.5vw,1.15rem);letter-spacing:.05em}.brand em{color:var(--lime);font-style:normal}.meters{display:flex;gap:.4rem}.meters span{min-width:6rem;padding:.5rem .7rem;text-align:center}.meters b{font:900 .95rem ui-monospace,SFMono-Regular,Menlo,monospace}.mission{position:fixed;z-index:5;top:5.25rem;left:50%;transform:translateX(-50%);width:min(45rem,calc(100% - 2rem));padding:.65rem .9rem;text-align:center;pointer-events:none;border-color:rgba(186,255,84,.35)}.mission strong{display:block;font-size:.95rem}.mission span{display:block;color:#abc5ba;font-size:.76rem;margin-top:.2rem}.status-strip{position:fixed;z-index:5;left:50%;bottom:1rem;transform:translateX(-50%);display:flex;gap:1rem;padding:.55rem .8rem;pointer-events:none}.status-strip span{font-size:.62rem;color:#89aa9e;letter-spacing:.08em}.status-strip b{color:#fff;margin-left:.3rem}.reading{position:fixed;z-index:7;right:1.2rem;top:7rem;width:10rem;background:#101912;border:2px solid var(--amber);padding:.7rem;text-align:center;box-shadow:0 0 30px rgba(255,191,63,.18)}.reading[hidden]{display:none}.reading b{display:block;color:var(--amber);font:900 2rem ui-monospace,monospace}.reading span{font-size:.7rem;color:#b9cbbf}.message{position:fixed;z-index:8;left:50%;bottom:6.8rem;transform:translateX(-50%) translateY(1rem);opacity:0;background:rgba(3,18,15,.94);border:1px solid var(--cyan);padding:.65rem 1rem;max-width:min(40rem,88vw);text-align:center;transition:.18s;pointer-events:none}.message.show{opacity:1;transform:translateX(-50%) translateY(0)}.interaction{position:fixed;z-index:7;left:50%;bottom:3.9rem;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;background:#071b16ed;border:1px solid var(--lime);padding:.55rem .75rem;font-weight:800}.interaction[hidden]{display:none}.interaction kbd,.controls kbd{border:1px solid #4a7063;background:#0a251e;border-radius:.25rem;padding:.12rem .35rem;box-shadow:inset 0 -2px #03100c}
.overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 35%,rgba(30,103,72,.45),rgba(2,10,8,.95) 60%)}.overlay[hidden]{display:none}.panel{width:min(47rem,100%);border:1px solid rgba(57,230,255,.48);background:linear-gradient(145deg,rgba(6,31,24,.98),rgba(4,15,13,.98));padding:clamp(1.3rem,4vw,2.8rem);box-shadow:0 28px 90px #000c,inset 0 0 90px rgba(57,230,255,.04)}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.18em;font-size:.73rem}.panel h1{font-size:clamp(3rem,9vw,6.3rem);line-height:.77;letter-spacing:-.06em;margin:.6rem 0 1.25rem}.panel h1 span{color:var(--lime);font-size:.65em}.pitch{color:#c7ddd4;line-height:1.5}.controls{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem;margin:1.2rem 0}.controls span{border:1px solid #255044;padding:.5rem .25rem;text-align:center}.controls small{display:block;color:#91aea3;font-size:.65rem;margin-top:.35rem}.primary{width:100%;border:0;background:linear-gradient(90deg,var(--cyan),var(--lime));color:#03130e;padding:1rem;font-weight:900;cursor:pointer;box-shadow:0 0 30px rgba(57,230,255,.2)}.primary small{display:block;font-size:.66rem;margin-top:.2rem}.note{text-align:center;color:#86a499;font-size:.71rem;margin:.8rem 0 0}.end-panel h2{font-size:clamp(2.7rem,8vw,5.7rem);line-height:.88;margin:.5rem 0;color:var(--lime)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.2rem 0}.stats span{border:1px solid #275145;padding:.8rem;text-align:center}.stats small{display:block;color:#8caa9f;font-size:.63rem}.stats b{font:900 1.5rem ui-monospace,monospace}
.touch-controls{display:none;position:fixed;z-index:10;left:.65rem;right:.65rem;bottom:max(.65rem,env(safe-area-inset-bottom));justify-content:space-between;align-items:end;pointer-events:none}.touch-controls button{pointer-events:auto;border:1px solid rgba(57,230,255,.5);background:rgba(4,24,19,.82);color:#fff;border-radius:.35rem;font-weight:900;touch-action:none}.dpad{width:9.5rem;height:9.5rem;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:.2rem}.dpad [data-control=up]{grid-area:1/2}.dpad [data-control=left]{grid-area:2/1}.dpad [data-control=down]{grid-area:2/2}.dpad [data-control=right]{grid-area:2/3}.touch-actions{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.touch-actions button{padding:.75rem}.touch-actions .act{grid-column:1/3;border-color:var(--lime);padding:1rem}
@media(max-width:760px),(pointer:coarse){.hud{top:max(.35rem,env(safe-area-inset-top));left:.35rem;right:.35rem}.brand{padding:.32rem .45rem}.brand small{display:none}.brand strong{font-size:.67rem;max-width:7rem;display:block}.meters{gap:.18rem}.meters span{min-width:0;padding:.3rem}.meters small{font-size:.45rem}.meters b{font-size:.67rem}.mission{top:3.45rem;padding:.4rem .55rem}.mission strong{font-size:.7rem}.mission span{display:none}.status-strip{bottom:10.6rem;gap:.35rem;width:calc(100% - .7rem);justify-content:center;padding:.4rem}.status-strip span{font-size:.5rem}.status-strip span:nth-child(2){display:none}.message{bottom:13.4rem;font-size:.73rem}.interaction{bottom:10.8rem}.reading{top:6.5rem;right:.45rem;width:7rem;padding:.4rem}.reading b{font-size:1.3rem}.touch-controls{display:flex}.controls{grid-template-columns:repeat(3,1fr)}.controls span:nth-child(n+4){display:none}.panel{padding:1.1rem}.panel h1{font-size:3.4rem}.pitch{font-size:.85rem}.stats b{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Mobile-first hardening: dynamic viewport, safe areas and 44 px tactile targets. */
html,body,#game-shell{height:100%;height:100dvh;overscroll-behavior:none}.overlay{overflow-y:auto;padding-top:max(1rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.primary{min-height:44px}.touch-controls{left:max(.65rem,env(safe-area-inset-left));right:max(.65rem,env(safe-area-inset-right))}.touch-controls button{min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent;user-select:none}.touch-controls button:active{filter:brightness(1.25)}
@media(max-width:380px){.dpad{width:8.4rem;height:8.4rem}.touch-actions button{padding:.5rem;font-size:.72rem}.touch-actions .act{padding:.75rem}.status-strip{bottom:9.55rem}.interaction{bottom:9.7rem}.message{bottom:11.8rem}}
@media(orientation:landscape) and (max-height:520px){.overlay{display:block;padding-top:max(.45rem,env(safe-area-inset-top));padding-bottom:max(.45rem,env(safe-area-inset-bottom))}.overlay[hidden]{display:none}.panel{max-width:43rem;margin:auto;padding:.8rem 1rem}.panel h1{font-size:2.8rem;margin:.35rem 0 .6rem}.pitch{margin:.5rem 0;font-size:.76rem;line-height:1.35}.controls,.note{display:none}.primary{padding:.65rem}.hud{top:max(.25rem,env(safe-area-inset-top))}.mission{top:2.9rem}.dpad{width:8.4rem;height:8.4rem}.touch-controls{bottom:max(.35rem,env(safe-area-inset-bottom))}.touch-actions button{padding:.5rem;font-size:.7rem}.touch-actions .act{padding:.72rem}.status-strip{top:5.25rem;right:.35rem;bottom:auto;left:.35rem;width:auto;transform:none}.message{bottom:9.25rem}.interaction{bottom:8.95rem}.reading{top:5.6rem}.stats{margin:.65rem 0}}

.controls-touch,.touch-cue{display:none}
.controls-touch b{display:block;color:var(--lime);font-size:.76rem}
.touch-actions button{touch-action:manipulation}
.dpad button{touch-action:none}
@media(max-width:760px),(pointer:coarse){
  .controls-keyboard{display:none}
  .controls.controls-touch{display:grid;grid-template-columns:repeat(2,1fr)}
  .keyboard-cue{display:none}
  .touch-cue{display:inline-flex;border:1px solid var(--lime);background:#0b2a20;border-radius:.25rem;padding:.16rem .4rem;box-shadow:inset 0 -2px #04130e;font-size:.7rem}
}

/* Débrief technique : montage, mesure et conséquence observée dans la partie. */
.stats-label{margin:.9rem 0 .35rem;color:#86a499;font-size:.6rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.stats{margin-top:.35rem}.debrief{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1rem 0 1.1rem}.debrief article{border-left:3px solid var(--cyan);background:rgba(57,230,255,.055);padding:.7rem}.debrief b{display:block;color:var(--amber);font-size:.72rem;margin-bottom:.2rem}.debrief span{display:block;color:#bdd5cb;font-size:.74rem;line-height:1.35}
@media(max-width:760px),(pointer:coarse){.debrief{grid-template-columns:1fr}.debrief article{padding:.5rem}.end-panel{margin:auto}}
@media(orientation:landscape) and (max-height:520px){.end-panel h2{font-size:2.1rem}.end-summary,.stats-label{font-size:.65rem}.stats{margin:.45rem 0}.debrief{grid-template-columns:repeat(3,1fr);margin:.45rem 0}.debrief article{padding:.4rem}.debrief span{font-size:.62rem}.debrief b{font-size:.65rem}}