html,body{margin:0;height:100%;background:radial-gradient(#1c1610,#000 70%);color:#e8dcc0;font-family:Georgia,serif}
body{display:flex;align-items:center;justify-content:center}
.card{width:min(360px,90vw);text-align:center}
h1{letter-spacing:.24em;font-weight:500}
input,button{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:10px;font:inherit;border:1px solid #5c0c0c;background:#0d0a07;color:#e8dcc0}
button{cursor:pointer;background:#3a0808}button:hover{background:#a31414}
.row{display:flex;gap:8px}.alt{background:transparent}
#msg{min-height:1.4em;color:#d9c7a2}
.hint{opacity:.75;font-size:.9rem;margin:0 0 1rem}

.patreon{display:block;margin:8px 0;padding:10px;background:#f96854;color:#fff;text-decoration:none;border:1px solid #f96854}.patreon:hover{background:#ff7f6b}
.or{opacity:.6;margin:6px 0}.notice{border:1px solid #5c0c0c;padding:10px;background:#1a0d08}.notice a{color:#f96854}