/* Styles du module « Comptes Minecraft » (préfixe aml-). Variables à adapter à la charte du site ; clair et sombre pris en charge. */
.aml {
  --aml-fond: #ffffff; --aml-carte: #f6f7fb; --aml-texte: #1b2030; --aml-doux: #5a6275; --aml-bord: #d9dde8;
  --aml-accent: #d6336c; --aml-accent-texte: #ffffff; --aml-danger: #c92a2a; --aml-ok: #2b8a3e; --aml-info: #1c7ed6;
  color: var(--aml-texte); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; max-width: 42rem;
}
@media (prefers-color-scheme: dark) {
  .aml { --aml-fond: #12141c; --aml-carte: #1b1f2b; --aml-texte: #eef0f7; --aml-doux: #a3aabd; --aml-bord: #323951; --aml-accent: #ff6b9a; --aml-accent-texte: #1b0a12; --aml-danger: #ff8787; --aml-ok: #69db7c; --aml-info: #74c0fc; }
}
.aml * { box-sizing: border-box; }
.aml-titre { margin: 0 0 .5rem; font-size: 1.4rem; }
.aml-sous-titre { margin: 1.5rem 0 .5rem; font-size: 1.05rem; }
.aml-declare, .aml-aide, .aml-info, .aml-expire, .aml-etape { color: var(--aml-doux); margin: .25rem 0 .75rem; }
.aml-declare strong { color: var(--aml-texte); }
.aml-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.aml-compte { display: flex; gap: .75rem; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: .75rem 1rem; background: var(--aml-carte); border: 1px solid var(--aml-bord); border-radius: .75rem; }
.aml-compte-infos { display: flex; gap: .5rem .75rem; align-items: center; flex-wrap: wrap; min-width: 0; }
.aml-pseudo { overflow-wrap: anywhere; }
.aml-date { color: var(--aml-doux); font-size: .875rem; }
.aml-badge { display: inline-block; padding: .05rem .55rem; border-radius: 999px; font-size: .75rem; font-weight: 600; border: 1px solid var(--aml-bord); }
.aml-badge-java { color: var(--aml-info); border-color: var(--aml-info); }
.aml-badge-bedrock { color: var(--aml-ok); border-color: var(--aml-ok); }
.aml-badge-declare { margin-left: .5rem; color: var(--aml-doux); }
.aml-vide, .aml-etat { color: var(--aml-doux); }
.aml-btn { font: inherit; cursor: pointer; padding: .55rem 1rem; border-radius: .6rem; border: 1px solid var(--aml-bord); background: var(--aml-carte); color: var(--aml-texte); min-height: 2.75rem; }
.aml-btn:hover:not(:disabled) { border-color: var(--aml-accent); }
.aml-btn:focus-visible { outline: 3px solid var(--aml-info); outline-offset: 2px; }
.aml-btn:disabled { opacity: .6; cursor: not-allowed; }
.aml-btn-principal { background: var(--aml-accent); color: var(--aml-accent-texte); border-color: var(--aml-accent); font-weight: 600; }
.aml-btn-danger { color: var(--aml-danger); border-color: var(--aml-danger); background: transparent; }
.aml-btn-lien { background: none; border: none; color: var(--aml-doux); text-decoration: underline; padding-left: 0; }
.aml-code { margin: .75rem 0; padding: 1rem; background: var(--aml-carte); border: 2px dashed var(--aml-accent); border-radius: .9rem; }
.aml-code-valeur { margin: .25rem 0; font: 700 clamp(1.5rem, 6vw, 2.25rem)/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .12em; user-select: all; overflow-wrap: anywhere; }
.aml-commande { padding: .25rem .5rem; background: var(--aml-fond); border: 1px solid var(--aml-bord); border-radius: .4rem; user-select: all; overflow-wrap: anywhere; }
.aml-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin: .5rem 0; }
.aml-message { padding: .6rem .9rem; border-radius: .6rem; border: 1px solid var(--aml-bord); margin: .5rem 0; }
.aml-message-ok { border-color: var(--aml-ok); color: var(--aml-ok); }
.aml-message-info { border-color: var(--aml-info); color: var(--aml-info); }
.aml-erreur, .aml-erreur-texte { color: var(--aml-danger); }
.aml-erreur { padding: .75rem 1rem; border: 1px solid var(--aml-danger); border-radius: .6rem; }
.aml-fond { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); display: grid; place-items: center; padding: 1rem; z-index: 1000; }
.aml-dialogue { background: var(--aml-fond); color: var(--aml-texte); border: 1px solid var(--aml-bord); border-radius: 1rem; padding: 1.25rem; max-width: 28rem; width: 100%; }
.aml-dialogue h3 { margin: 0 0 .5rem; }
@media (max-width: 480px) { .aml-compte { align-items: stretch; } .aml-compte .aml-btn { width: 100%; } .aml-actions .aml-btn { flex: 1 1 100%; } }
@media (prefers-reduced-motion: no-preference) { .aml-btn { transition: border-color .15s, opacity .15s; } }

/* AventuraMC: preserve the site's theme independently of OS preferences. */
.aml { --aml-fond:#171614; --aml-carte:#211e1a; --aml-texte:#f4eee5; --aml-doux:#c3b6a5; --aml-bord:#494035; --aml-accent:#efb858; --aml-accent-texte:#171614; --aml-danger:#ffa5a5; --aml-ok:#a7d9ac; --aml-info:#a6ccef; font-family:inherit; max-width:none; padding:28px; margin-top:24px; border:1px solid var(--aml-bord); border-radius:14px; background:var(--aml-fond); }
.aml-badge { font-size:.875rem; }
.aml-compte-infos { flex:1; }
.aml-code { overflow-wrap:anywhere; }
@media(max-width:480px){.aml{padding:20px 16px;}.aml-code{padding:14px;}.aml-commande{display:block;}}