/* Les pages simples de BzzBot (connexion, accueil du serveur, erreurs, accès refusé) : une carte au milieu du fond du
   moment du jeu (fond.css), au style de l'admin (panneau au dégradé du thème, liseré brun, titre Roboto Condensed). */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
    display: flex; align-items: center; justify-content: center; padding: 20px; color: #dcd1bb;
    font-family: Roboto, 'Segoe UI', sans-serif; background: transparent;
}
.carte {
    position: relative; width: 400px; max-width: 100%; padding: 30px 34px 26px; text-align: center;
    background: linear-gradient(110deg, rgba(37, 31, 24, .92), rgba(18, 16, 13, .95)); border: 1px solid rgba(102, 84, 58, .6);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
}
.carte-logo { width: 150px; display: block; margin: 0 auto 8px; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .6)); }
.carte-image { width: 160px; height: 160px; object-fit: contain; display: block; margin: 0 auto 14px; }
.carte h1 { font: 700 34px/1.05 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #dcd1bb; }
.carte .carte-sub { margin-top: 6px; font: 500 12px 'Roboto Condensed', sans-serif; text-transform: uppercase; letter-spacing: .24em; color: #a99e8e; }
.carte .carte-kicker { margin-bottom: 10px; color: #e5ae49; font: 700 13px 'Roboto Condensed', sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.carte p { margin: 18px 0 20px; color: #b7aa96; font-size: 14px; line-height: 1.6; }
.carte p strong { color: #e3bc81; }
.carte-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px; text-decoration: none;
    background: linear-gradient(160deg, #d7963c, #9a5f22); border: 1px solid #d99a3c; color: #160f07; font: 700 16px 'Roboto Condensed', sans-serif;
}
.carte-btn:hover { background: linear-gradient(160deg, #e3a44a, #a8692a); }
.carte-btn svg { width: 22px; height: 22px; }
.carte footer { margin-top: 18px; color: #a99e8e; font-size: 12px; }