/* link.deadland.org : charte « Patine » (comme staff/app/static/style.css), une colonne, pensée pour le téléphone. */
@font-face { font-family: "Barlow Condensed"; src: url("/static/fonts/BarlowCondensed-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: Arimo; src: url("/static/fonts/Arimo.ttf") format("truetype"); font-weight: 400 700; font-display: swap; }
:root { --charbon: #1C2021; --panneau: #292E30; --olive: #56604B; --acier: #667075; --ivoire: #E5DFCE;
  --orange: #D66B2B; --sable: #C4AE8A; --display: "Barlow Condensed", Impact, sans-serif; --body: Arimo, Arial, sans-serif;
  color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--charbon); color: var(--ivoire); font: 16px/1.55 var(--body);
  display: flex; justify-content: center; }
main { width: 100%; max-width: 420px; padding: 32px 20px; display: flex; flex-direction: column; gap: 16px; }
.logo { display: block; margin: 0 auto 8px; height: auto; max-width: 70%; }
h1 { font: 700 32px/1.05 var(--display); letter-spacing: .03em; margin: 0; text-align: center; }
p { margin: 0; color: #C9C3B4; text-align: center; }
.card { background: var(--panneau); border-left: 3px solid var(--orange); padding: 12px 16px; display: flex;
  flex-direction: column; }
.card span { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--acier); }
.card b { font: 700 24px/1.2 var(--display); color: var(--sable); }
.btn { display: block; text-align: center; padding: 14px; font: 700 20px/1 var(--display); letter-spacing: .06em;
  text-transform: uppercase; text-decoration: none; background: var(--orange); color: var(--charbon); }
.btn.discord { background: #5865F2; color: #fff; }