:root{color-scheme:dark;background:#151813;color:#f4ead2;font:16px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;padding:clamp(12px,4vw,40px)}
main{max-width:48rem;margin:auto;padding:clamp(16px,4vw,32px);background:#23271c;border:1px solid #a18850;border-radius:12px}
h1,h2{margin:.25em 0 .5em}
.brand{color:#f0cf8a;font-weight:700;letter-spacing:.15em;margin:0}
form{max-width:27rem}
label{display:grid;gap:6px;margin:12px 0}
input,button,a,summary{font:inherit;min-height:44px}
input,button,a{border:1px solid #af9862;border-radius:6px;padding:8px 12px}
input{background:#141710;color:inherit;width:100%}
button,a{display:inline-flex;align-items:center;background:#383322;color:#fff1d1;text-decoration:none;cursor:pointer;touch-action:manipulation}
button[type=submit],#play{background:#e6ca88;color:#211b0e;font-weight:700}
:focus-visible{outline:3px solid #fff0ae;outline-offset:3px}
button:disabled{opacity:.6;cursor:wait}
.actions{display:flex;gap:8px;flex-wrap:wrap}
section{margin-top:20px;border-top:1px solid #a18850;padding-top:12px}
#accounts{list-style:none;padding:0}
li{margin:8px 0;padding:8px 0;overflow-wrap:anywhere}
#accounts li{border-bottom:1px solid #5e5741}
#accounts li p{margin:0 0 8px}
summary{cursor:pointer;padding:8px 0}