.account { max-width: 520px; margin: 0 auto; padding: 48px 16px 64px; }
.account h1 { font-size: 20px; color: var(--gold); text-align: center; margin: 0 0 16px; text-shadow: 3px 3px 0 #000a; }
.account .lead { font-size: 19px; margin-bottom: 28px; }
.panel { display: flex; flex-direction: column; gap: 18px; background: var(--panel); padding: 28px; border: 4px solid var(--line); box-shadow: 8px 8px 0 #000a; }
.panel label { display: flex; flex-direction: column; gap: 6px; color: var(--fg); }
.panel label small { color: var(--muted); font-size: 16px; }
.panel input { font: inherit; padding: 10px 12px; background: var(--bg); color: var(--fg); border: 3px solid var(--line); border-radius: 0; }
.panel input:focus { outline: none; border-color: var(--gold); }
.panel details { color: var(--muted); }
.panel summary { cursor: pointer; margin-bottom: 8px; }
.panel .btn { align-self: stretch; text-align: center; }
.error { background: #4a1b1b; border: 3px solid #b84a4a; color: #ffd6d6; padding: 12px 16px; margin: 0 0 18px; }
.ok { background: #1b4a2a; border: 3px solid var(--green-d); color: #d8ffe0; padding: 12px 16px; margin: 0 0 18px; }
.hint { color: var(--muted); font-size: 17px; margin: 0; }
.alt { text-align: center; color: var(--muted); margin-top: 24px; }

/* chat */
.chat { margin-top: 28px; background: var(--panel); border: 4px solid var(--line); box-shadow: 8px 8px 0 #000a; padding: 16px; }
.chat-title { font-family: "Press Start 2P", monospace; font-weight: 400; font-size: 13px; color: var(--green); margin: 0 0 12px; }
.chat-list { list-style: none; margin: 0 0 12px; padding: 0 6px 0 0; height: 280px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; font-size: 18px; overflow-wrap: anywhere; }
.chat-list li { line-height: 1.35; }
.chat-list time { color: var(--muted); font-size: 15px; }
.chat-list strong { color: var(--gold); font-weight: 600; }
.chat-form { display: flex; gap: 10px; }
.chat-form input { flex: 1; min-width: 0; font: inherit; padding: 10px 12px; background: var(--bg); color: var(--fg); border: 3px solid var(--line); border-radius: 0; }
.chat-form input:focus { outline: none; border-color: var(--gold); }
.chat-form .btn { padding: 10px 16px; }
.chat-error { color: #ffb4b4; margin: 8px 0 0; font-size: 17px; }
.chat-login { margin: 0; color: var(--muted); }
.chat-mod { margin-left: 6px; font: inherit; font-size: 14px; padding: 0 6px; background: transparent; color: var(--muted); border: 2px solid var(--line); cursor: pointer; }
.chat-mod:hover { color: var(--fg); border-color: var(--gold); }