:root{
    --bg:#0d0b10;
    --panel:#1a1620;
    --panel-edge:#2e2738;
    --ink:#d8d2c8;
    --ink-dim:#8a8294;
    --accent:#e0a83c;      /* or des torches */
    --accent-dim:#8a6a28;
    --target:#5cc8d8;      /* cyan de ciblage */
    --danger:#c05040;
    --ok:#5fae6e;
    font-size:16px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html,body{height:100%;overflow:hidden}
  /* Sur mobile, "100%"/"100vh" se calent sur le viewport LAYOUT (souvent la
     taille barre d'adresse MASQUÉE) plutôt que le viewport RÉELLEMENT visible
     à l'instant : avec overflow:hidden, tout ce qui est ancré en bas (barre
     de sort, journal…) peut alors se retrouver sous le bord visible tant que
     la barre d'adresse est affichée — inaccessible sans pouvoir défiler pour
     l'atteindre. 100dvh (dynamic viewport height) suit le viewport RÉEL en
     continu ; en repli silencieux sur 100% pour les navigateurs qui ne le
     supportent pas encore. */
  @supports (height:100dvh){
    html,body{height:100dvh}
  }
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:"Trebuchet MS", Verdana, sans-serif;
    display:flex; flex-direction:column;
  }