/* The player's account (systems/account.js): the "Conta" window, deleting the account, the Terms gate. */
.acc-overlay {
  position: fixed; inset: 0; z-index: 210; display: grid; place-items: center; padding: 16px;
  background: #06040dcc;
}
.acc-box {
  position: relative; width: 100%; max-width: 440px; display: grid; gap: 12px;
  background: var(--bg-2); border: 2px solid #4b3685; border-radius: 16px; padding: 22px 22px 18px;
  box-shadow: 0 20px 60px #000c;
}
.acc-title { font-family: var(--pixel); font-size: 1.3rem; }
.acc-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--line); background: #0b1424; color: var(--muted); cursor: pointer; }
.acc-close:hover { color: #fff; }
.acc-links { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 0.9rem; }
.acc-links a { color: #8fb8ff; }
.acc-check { display: flex; gap: 8px; align-items: flex-start; font-size: 0.85rem; line-height: 1.4; cursor: pointer; text-align: left; }
.acc-check input { margin-top: 3px; flex: none; }
.acc-check a { color: #8fb8ff; }
.acc-wide { width: 100%; padding: 10px; }
.acc-danger { display: grid; gap: 10px; padding: 14px; border-radius: 12px; border: 1px solid #6b2a3a; background: #1c1220; }
.acc-danger h3 { font-family: var(--pixel); font-size: 1rem; color: #ff8a9a; }
.acc-danger .input { width: 100%; padding: 9px 12px; }
.acc-warn { padding-left: 18px; display: grid; gap: 4px; font-size: 0.85rem; color: #f0c9d0; }
.acc-red { background: #a3243a; border-color: #d93a52; color: #fff; }
.acc-red:hover { background: #c22d46; }
.acc-red:disabled { opacity: 0.6; }
.acc-actions { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.acc-code { font-family: var(--pixel); font-size: 1.4rem; letter-spacing: 6px; text-align: center; }
.acc-done { font-size: 1.05rem; text-align: center; padding: 18px 0; }
/* the legal links in the strip under the stage and under the login box */
.legal-bar a, .auth-legal a { color: #9fb4dc; }
.legal-bar a:hover, .auth-legal a:hover { color: #fff; }