.account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.account-view{min-height:560px;display:grid;place-items:center;padding:24px 0 54px}
#account-content{width:100%;max-width:480px}
.login-card{position:relative;text-align:center;background:radial-gradient(ellipse at 50% 0,#5d18252b,transparent 58%),#111114;border:1px solid #34303a;border-radius:22px;padding:32px 36px 25px;box-shadow:0 24px 70px #0004}
.login-card:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,#e31b23,transparent)}
.login-crown{width:108px;height:108px;object-fit:contain;display:block;margin:0 auto 10px;mix-blend-mode:screen}
.login-card .eyebrow{font-size:.75rem;letter-spacing:.18em;margin-bottom:10px}
.login-card h1{font-size:2rem;letter-spacing:-.045em;line-height:1.15;overflow-wrap:anywhere}
.login-description{font-size:.9375rem;color:#aaa7b1;line-height:1.6;margin:15px 0 28px}
.discord-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 15px;border-radius:10px;background:#5865f2;border:1px solid #8490ff;font-size:1rem;font-weight:650;color:#fff;box-shadow:0 5px 24px #5865f219}
.discord-button:hover{background:#4752c4;border-color:#8490ff}
.discord-button[aria-disabled=true]{cursor:not-allowed;background:#424bb0;border-color:#6068ba}
.discord-button svg,.connected-label svg{width:24px;height:24px;fill:currentColor;stroke:none;flex-shrink:0}
.login-permissions{font-size:.8125rem;color:#96929f;line-height:1.6;margin:16px auto 0;max-width:290px}
.auth-notice{font-size:.875rem;line-height:1.5;margin:20px 0 0;padding:12px 14px;background:#241b21;border:1px solid #51313c;border-radius:8px;color:#e2bfc6}
.auth-retry{margin-top:14px}
.continue-guest{display:inline-block;font-size:.875rem;color:#c5c1cd;margin:28px 0 23px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#55505e}
.continue-guest:hover{color:#fff}
.login-footer{display:flex;justify-content:center;gap:13px;border-top:1px solid #28252e;padding-top:19px;color:#87818f;font-size:.8125rem}
.login-footer button{font-size:inherit;color:inherit;border:0;background:none;padding:0}
.login-footer button:hover{color:#fff}
.profile-avatar{display:block;margin:3px auto 23px;width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid #8d3543;background:#241923}
.profile-avatar.small{width:24px;height:24px;margin:0;border-width:1px;flex-shrink:0}
.avatar-fallback{display:grid;place-items:center;font-weight:700;font-size:2rem;color:#f4c7ce}
.avatar-fallback.small{font-size:.875rem}
.discord-username{color:#96909e;margin:12px 0 20px;overflow-wrap:anywhere}
.connected-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:.875rem;color:#b3bbff}
.connected-label svg{width:19px;height:19px}
.account-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}
@media(max-width:480px){.account-view{padding:12px 0 26px;min-height:490px}.login-card{padding:26px 22px 23px;border-radius:16px}.login-card h1{font-size:1.8rem}.login-crown{width:94px;height:94px}.login-description{margin-bottom:24px}.profile-avatar.small{display:none}.site-header .account-button{max-width:140px}.login-permissions{font-size:.875rem}}