:root{
  --hull:#18212B; --panel:#212D3A; --panel-2:#2A3848; --line:#3A4A5C;
  --ink:#E8EEF4; --muted:#93A4B7; --amber:#F2A93B; --amber-ink:#1B1406;
  /* 27 sept. 2026, pips "Répartition par composant" façon Erkul : deux tons dérivés de --amber pour
     distinguer, dans une même pile, le pip exactement au palier choisi (--amber, le plus lumineux)
     des pips en-dessous déjà "acquis" (--amber-dim, plus sourd) — voir ships.css .pwmgmt-pip-btn.
     Valeurs choisies à la main pour rester dans la même teinte que --amber sur les deux thèmes,
     pas calculées depuis la palette d'Erkul (jamais recopiée telle quelle). */
  --amber-dim:#B3862F;
  --gain:#62D2A2; --warn:#EE7B5A;
  --display:"Barlow Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
  --body:"Barlow","Segoe UI",system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: light){
  :root[data-theme="auto"]{
    --hull:#EDF0F3; --panel:#FFFFFF; --panel-2:#F3F5F8; --line:#CBD3DC;
    --ink:#17212B; --muted:#5A6B7D; --amber:#B86E00; --amber-ink:#FFFFFF;
    --amber-dim:#8A5300;
    --gain:#0E7C55; --warn:#C2412A;
  }
}
:root[data-theme="light"]{
  --hull:#EDF0F3; --panel:#FFFFFF; --panel-2:#F3F5F8; --line:#CBD3DC;
  --ink:#17212B; --muted:#5A6B7D; --amber:#B86E00; --amber-ink:#FFFFFF;
  --amber-dim:#8A5300;
  --gain:#0E7C55; --warn:#C2412A;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* Filet de sécurité responsive (24 sept. 2026) : empêche un élément isolé qu'on aurait manqué de
   forcer un défilement horizontal de toute la page sur petit écran. N'empêche pas un défilement
   horizontal VOULU à l'intérieur d'un composant (.rail, .ore-table-wrap, .items-wrap, .block-body
   dans ships.css, etc.), qui reste posé sur ce composant précis, pas sur body. */
html,body{overflow-x:hidden}
/* v14 (28 sept. 2026, masonry façon Erkul dans l'onglet Vaisseaux, voir ships.css/ships.js) :
   réserve TOUJOURS la place de la barre de défilement verticale, même quand la page est assez
   courte pour ne pas en avoir besoin. Sans ça, un conteneur mesurant sa propre largeur en JS
   (packMasonry() dans ships.js) peut entrer dans une boucle : sa hauteur change -> la page franchit
   le seuil qui affiche/masque la barre de défilement -> la largeur utile change de la largeur de
   cette barre -> le calage se refait avec une largeur différente -> sa hauteur change à nouveau ->
   la barre réapparaît/disparaît... Constaté en testant la v14 (la page ne finissait plus de
   "rendre", `Claude_Browser__computer{action:"screenshot"}` timeoutait systématiquement), corrigé
   en réservant cette place une fois pour toutes plutôt qu'en la laissant apparaître/disparaître. */
html{scrollbar-gutter:stable}
body{margin:0;background:var(--hull);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}