.account-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.account-nav .button{white-space:nowrap}
#account-dialog{width:min(460px,calc(100% - 32px))}#account-dialog h2{margin:14px 0}#account-dialog p{line-height:1.6}
.account-tabs{display:flex;gap:8px;margin:24px 0}.account-tabs button{flex:1;border:1px solid #514052;border-radius:9px;padding:11px;background:transparent;color:#d7cbd8;font:inherit;cursor:pointer}.account-tabs button[aria-pressed=true]{background:#ff85a3;color:#21101a;border-color:#ff85a3;font-weight:700}
:is(#account-form,#password-change-form) label{display:block;margin:16px 0 8px;font-size:14px;color:#eee3ed}:is(#account-form,#password-change-form) input{display:block;width:100%;box-sizing:border-box;background:#15121c;border:1px solid #514052;border-radius:9px;color:#fff;padding:13px 14px;font:inherit}:is(#account-form,#password-change-form) input:focus-visible{outline:2px solid #ff85a3;outline-offset:2px}:is(#account-form,#password-change-form) .button{width:100%;margin-top:22px}#account-dialog button:disabled{opacity:.6;cursor:wait}#account-message{min-height:1.6em;color:#ffc2d2;font-size:14px;overflow-wrap:anywhere}#account-dialog [hidden]{display:none!important}
@media(max-width:760px){.account-nav{margin-left:auto}.account-nav .nav-join{display:none}.account-nav .button{padding:9px 12px;font-size:13px}.nav-wrap{gap:12px}}
#account-nav-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#e4cbdc;font-weight:600}.account-nav [hidden]{display:none!important}
.profile-identity{display:flex;align-items:center;gap:16px;margin:28px 0}.profile-avatar{width:68px;height:68px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b76a852e;border-radius:18px;background:linear-gradient(145deg,#613247,#302033);color:#ffb2c8;font-size:24px;font-weight:800}.profile-label{font-size:10px;letter-spacing:1.5px;color:#c0aebf}.profile-identity h3{font-size:22px;margin:5px 0 8px;overflow-wrap:anywhere}.profile-badge{font-size:12px;color:#a8dfb7}.profile-badge span{font-size:9px;margin-right:4px}.profile-details{margin:24px 0;border-top:1px solid #514052}.profile-details>div{padding:15px 0;border-bottom:1px solid #514052}.profile-details dt{font-size:12px;color:#c0aebf;margin-bottom:6px}.profile-details dd{margin:0;font-size:14px}.profile-actions{display:grid;gap:10px;margin-top:24px}.profile-actions .button{width:100%;justify-content:center}
@media(max-width:760px){#account-nav-name{display:none}.profile-avatar{width:58px;height:58px}.profile-identity h3{font-size:20px}}
.changing-password .profile-details,.changing-password .profile-actions,.changing-password #account-signed-in>.fineprint{display:none}.changing-password .profile-identity{margin:18px 0}#password-change-form h3{font-size:16px;margin:20px 0 10px}#password-change-form .button{margin-top:12px}
.changing-password .profile-identity,.changing-password #password-change-form h3{display:none}.profile-actions{grid-template-columns:1fr 1fr}#profile-connect{grid-column:1/-1}.profile-actions .outline{font-size:13px;padding-left:8px;padding-right:8px}
#profile-page [hidden]{display:none!important}.profile-page{padding-top:42px;padding-bottom:64px;min-height:70vh}.profile-page-heading{margin:28px 0 30px}.profile-page-heading h1{font-size:clamp(38px,5vw,58px);line-height:1.1;margin:12px 0 14px;letter-spacing:-2px}.profile-page-heading h1 span{color:#ff85a3}.profile-page-heading p{color:#bfb2c3;font-size:16px;margin:0}.player-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:24px;align-items:start;max-width:1020px}.character-stage,.profile-card,.profile-guest{border:1px solid #514052;border-radius:22px;background:linear-gradient(140deg,#2c2132,#1d1825);box-shadow:0 18px 60px #0002}.character-stage{padding:24px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#6d3b573d,transparent 65%),linear-gradient(145deg,#2a2132,#17131f)}.character-label{display:flex;align-items:center;justify-content:space-between;color:#d0bdce;font-size:10px;letter-spacing:1.8px;font-weight:700}.character-tag{border:1px solid #ff85a34d;border-radius:6px;padding:4px 7px;color:#ffb2c8;letter-spacing:.5px}.character-view{position:relative;height:360px;display:grid;place-items:center;max-width:400px;margin:auto;isolation:isolate}.character-view:before{content:"";position:absolute;width:70%;height:35px;bottom:18px;border-radius:50%;background:#e88eaf2e;filter:blur(12px);z-index:-1}.character-view canvas{max-width:100%;touch-action:pan-y}#player-front{width:144px;height:288px;image-rendering:pixelated;filter:drop-shadow(10px 15px 0 #0003)}#skin-status{color:#d8c5d6;font-size:12px;line-height:1.5;min-height:36px;margin:5px 0 14px}.character-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}.character-actions .button{font-size:12px}.character-actions .text-link{font-size:12px}.character-stage>.fineprint{font-size:11px;line-height:1.6;margin:18px 0 0;color:#af9eb1}.profile-card{padding:30px}#profile-page .profile-identity{margin:0 0 24px}#profile-page .profile-identity h3{font-size:clamp(21px,2.6vw,30px);margin:6px 0 10px}#profile-page .profile-avatar{width:62px;height:62px;border-radius:17px}#profile-page .profile-details{margin:24px 0}#profile-page .profile-details>div{padding:18px 0}#profile-page .profile-details dd{font-size:15px}#profile-page .profile-actions{margin-top:26px}#profile-page .profile-card>.fineprint{line-height:1.8;font-size:12px;color:#c5b5c7}#profile-message{min-height:24px;font-size:14px;line-height:1.7;color:#ffc2d2;max-width:1020px;margin:20px 0 0}#profile-page #password-change-form h3{display:block;font-size:21px;margin:20px 0 12px}#profile-page.changing-password .profile-identity{display:flex}#profile-page #password-change-form .fineprint{font-size:12px;line-height:1.7;color:#c5b5c7}#profile-page button:disabled{opacity:.6;cursor:wait}.profile-guest{padding:48px 28px;text-align:center;max-width:650px}.profile-guest h2{font-size:28px;margin:18px 0 12px}.profile-guest p{color:#c5b5c7;max-width:430px;margin:0 auto 26px;line-height:1.8}.profile-guest-icon{display:inline-grid;place-items:center;font-size:32px;width:76px;height:76px;border:1px solid #ff85a34d;background:#ff85a31a;color:#ffb2c8;border-radius:22px}
@media(max-width:760px){.profile-page{padding-top:28px;padding-bottom:42px}.profile-page-heading{margin:26px 0}.player-layout{grid-template-columns:1fr;gap:18px}.character-stage,.profile-card{padding:22px;border-radius:18px}.character-view{height:360px}.profile-page-heading p{font-size:14px}.profile-guest{padding:36px 20px}.profile-page-heading h1{letter-spacing:-1.5px}}