#account-bar{display:none;max-width:36rem;margin:.5rem auto;padding:0 1rem;text-align:right}
body.phone:not(.playing) #account-bar:not([hidden]){display:block}
#account-open{font-size:.9rem;padding:.5rem .8rem}
#account-dialog{width:min(92vw,28rem);max-height:90dvh;overflow:auto;box-sizing:border-box;border:2px solid #735132;border-radius:1rem;background:#fff5df;color:#382b22;padding:1.25rem}
#account-dialog::backdrop{background:rgb(25 19 16 / 65%)}
#account-dialog .account-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#account-dialog h2{margin:.25rem 0}
#account-form label{display:block;margin:.8rem 0}
#account-form input{display:block;width:100%;box-sizing:border-box;font:inherit;padding:.65rem;margin-top:.3rem}
#account-form small{display:block;line-height:1.4}
#account-dialog button{white-space:normal}
#account-dialog .account-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
#account-message{min-height:1.4em;overflow-wrap:anywhere}
#account-summary{overflow-wrap:anywhere}