.account-button{position:fixed;top:20px;right:24px;z-index:80;display:flex;align-items:center;gap:9px;max-width:210px;min-height:42px;margin:0;padding:9px 15px;border:1px solid #9be5d54a;border-radius:5px;background:#14232cb8;color:#b3e4d8;font:14px/1.4 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(5px)}
.account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button img{border-radius:50%;flex:none}
.account-button:hover{background:#243e45c9;border-color:#9be5d58a}.account-button:focus-visible,.account-dialog button:focus-visible{outline:2px solid #a5dfcf;outline-offset:3px}
body:has(#join[hidden])>.account-button{display:none}
body.menu-open>#account-dialog{visibility:visible}
#account-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px 26px 24px;border:1px solid #52716e;border-radius:10px;background:#0c1923f5;color:#dbe8e8;font:15px/1.5 Arial,sans-serif;text-align:center;box-shadow:0 18px 65px #0009;overflow:auto}
#account-dialog::backdrop{background:#0208109c;backdrop-filter:blur(3px)}
#account-dialog h2{margin:6px 0 25px;color:#e0e9e7;font-size:27px;font-weight:400;letter-spacing:1px}
#account-dialog button{font:inherit;cursor:pointer;border-radius:5px;min-height:44px}
#account-dialog .account-close{position:absolute;top:5px;right:9px;min-height:36px;width:36px;padding:0;background:transparent;border:0;color:#b1c5c7;font-size:26px}
#account-dialog .discord-login{width:100%;padding:11px 14px;background:#5865f2;color:white;border:1px solid #8992ff}
#account-dialog .account-logout{width:100%;padding:11px 14px;background:#9be5d512;border:1px solid #9be5d54a;color:#b3e4d8}
#account-dialog .account-delete{margin-top:10px;padding:7px 12px;background:transparent;border:1px solid transparent;color:#d99494;font-size:13px}
#account-dialog .account-delete:hover{border-color:#d9949455;background:#d994940c}
#account-dialog .account-guest{margin-top:12px;padding:8px 15px;background:transparent;color:#b1c5c7;border:1px solid transparent}
#account-dialog .account-legal{display:flex;justify-content:center;gap:18px;margin-top:18px;font-size:12px}
#account-dialog .account-legal a{color:#9eb4b6;text-underline-offset:3px}
#account-dialog .account-feedback{margin:17px 0 0;color:#e4c77f;font-size:13px}
#account-detail{overflow-wrap:anywhere;color:#b1c5c7}
#account-dialog [hidden]{display:none!important}#account-dialog button:disabled{opacity:.55;cursor:default}
@media(max-width:600px){.account-button{top:10px;right:12px;max-width:160px;padding:7px 10px}#main-menu .menu-card{margin-top:42px}#join.landing{top:68px;max-height:calc(100dvh - 80px)}}
@media(max-height:600px) and (min-width:601px){.account-button{top:10px;right:12px;max-width:150px}}