body.account-page .profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.account-page #profile-showcase{display:none!important}
body.account-page #profile-settings .profile-sync-settings{margin:20px 0 0;width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #b891603d;border-radius:12px;background:#100d12;grid-area:auto}
body.account-page #profile-settings .profile-sync-settings summary{font-size:15px;padding:0;min-height:32px}
body.account-page #profile-settings .profile-sync-settings .account-note{font-size:14px;line-height:1.6}
body.account-page #profile-showcase .showcase-medals{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
body.account-page #profile-showcase .showcase-medal{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #c9986040;border-radius:9px;background:#23181dcc;color:#dfbb7d;font-size:16px}
body.account-page #profile-showcase .showcase-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.account-page #profile-showcase .showcase-seal{margin:0;background:none;border:0}
.profile-card-open{position:absolute;right:30px;top:24px;padding:8px 12px!important;font-size:13px!important;background:#170f18cc!important;border:1px solid #c9986050!important;color:#e6c58f!important;border-radius:10px}
.profile-card-dialog{width:min(850px,calc(100vw - 40px));box-sizing:border-box;padding:24px;border:1px solid #c9986060;border-radius:18px;background:#171116;color:#f0ddc5;max-height:90vh;overflow:auto}.profile-card-dialog::backdrop{background:#000b}.profile-card-dialog h2{margin:0 0 18px;font:700 28px Georgia}.profile-card-dialog canvas{display:block;width:100%;height:auto;border-radius:10px}.profile-card-dialog p{font:14px/1.5 Arial;color:#c2b2ac}.profile-card-actions{display:flex;gap:12px;flex-wrap:wrap}.profile-card-actions button{padding:12px 18px;border:1px solid #ad7955;border-radius:12px;background:#301821;color:#f3debf;cursor:pointer}.profile-card-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.profile-card-open{right:14px;top:12px}.profile-card-dialog{padding:16px}}
body.account-page .profile-personal-emblem{display:inline-grid;place-items:center;flex-shrink:0;width:42px;height:42px;vertical-align:middle;font:25px/1 Georgia,serif;border:1px solid #c9986059;border-radius:12px;background:linear-gradient(135deg,#64212c,#26131a);color:#edc78d;box-shadow:0 0 16px #e1324525}
body.account-page .profile-personal-emblem[hidden],.profile-personal-quote[hidden],.profile-character-poster[hidden]{display:none!important}
.profile-personal-quote{margin:14px 0 0;padding:8px 0 8px 14px;max-width:500px;border-left:2px solid #d0a268;color:#e9d7c1;font:italic 16px/1.65 Georgia,serif;overflow-wrap:anywhere}
.profile-signature-editor{margin-top:24px;padding:22px;border:1px solid #b8916040;border-radius:16px;background:linear-gradient(140deg,#26171f,#100e12)}
.profile-signature-editor h3{margin:0 0 10px;font-size:24px}
body.account-page #profile-panel .signature-emblems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.account-page #profile-panel .signature-emblems label{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:8px;margin:0;padding:14px 6px;border:1px solid #b8916040;border-radius:12px;background:#161116;cursor:pointer;font-size:14px}
body.account-page #profile-panel .signature-emblems label:has(:checked){border-color:#edbc75;background:#57302460;box-shadow:inset 0 0 0 1px #edbc7540}
body.account-page #profile-panel .signature-emblems input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.signature-emblems label:has(:focus-visible){outline:2px solid #edc57c;outline-offset:3px}.signature-symbol{font-size:28px;color:#eac389}
body.account-page #profile-panel .signature-effects{display:flex;align-items:center;gap:10px;font-size:15px}
body.account-page #profile-panel .signature-effects input{width:18px;height:18px;min-height:0;margin:0;accent-color:#cf9c61}
.signature-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-signature-editor textarea{width:100%;box-sizing:border-box;resize:vertical}.profile-signature-editor a{color:#e5b878}
.signature-upload{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 22px;padding:16px;border:1px dashed #b8916060;border-radius:12px}.signature-upload .account-note{width:100%;margin:0}.signature-upload-preview{width:80px;height:80px;overflow:hidden;border-radius:16px;background:#100b12;border:1px solid #d0a26870}.signature-upload-preview[hidden]{display:none}.signature-upload-preview img,.signature-upload-preview video{width:100%;height:100%;object-fit:contain}.profile-personal-emblem{overflow:hidden}.profile-personal-emblem img,.profile-personal-emblem video{width:100%;height:100%;object-fit:contain}
body.account-page #profile-panel .profile-character-poster{display:block;position:relative;isolation:isolate;min-height:250px;overflow:hidden;border:1px solid #b891604d;border-radius:16px;color:#f4e5d0;text-decoration:none;background:#140f14}
.signature-upload-preview[data-media-kind="photo"],body.account-page .profile-personal-emblem[data-media-kind="photo"]{display:inline-grid;place-items:center;width:auto;height:auto;line-height:0;flex-shrink:0}
.signature-upload-preview[data-media-kind="photo"] img{display:block;width:auto;height:auto;max-width:120px;max-height:80px;object-fit:contain}
body.account-page .profile-personal-emblem[data-media-kind="photo"] img{display:block;width:auto;height:auto;max-width:84px;max-height:42px;object-fit:contain}
.signature-upload-preview[data-media-kind="motion"] img,.signature-upload-preview[data-media-kind="motion"] video,body.account-page .profile-personal-emblem[data-media-kind="motion"] img,body.account-page .profile-personal-emblem[data-media-kind="motion"] video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-character-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:-2}
.profile-character-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100b11 2%,#100b11a0 45%,#100b1115);z-index:-1}
.profile-character-poster>div{padding:22px;position:absolute;bottom:0;left:0;right:0}.profile-character-poster small{color:#e8b778;font:11px/1.5 Arial;letter-spacing:.09em}.profile-character-poster h3{margin:8px 0;font:700 30px/1.1 Georgia,serif}.profile-character-poster p{font:14px/1.5 Arial;color:#cbbdc0;margin:0 0 12px}.profile-character-poster span{font:600 14px Arial;color:#f0d6ae}.profile-character-poster:hover{border-color:#e8b778}
.journey-reward-toast .reward-seal{position:relative;width:68px;height:68px;font-size:35px;background:radial-gradient(circle,#956427,#362013);animation:medal-unlock 1s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 24px #e6ae5640}
.journey-reward-toast .reward-seal::after{content:'';position:absolute;inset:-7px;border:1px solid #e9bd7360;border-radius:50%;animation:medal-ring 1.2s ease-out both}
@keyframes medal-unlock{0%{opacity:0;transform:rotateY(90deg) scale(.55)}65%{opacity:1;transform:rotateY(-15deg) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes medal-ring{0%{opacity:0;transform:scale(.6)}40%{opacity:1}100%{opacity:.5;transform:scale(1.05)}}
.journey-reward-toast.reward-effects-off,.reward-effects-off .reward-seal,.reward-effects-off .reward-seal::after,body.profile-reward-effects-off .journey-reward-new{animation:none!important}
@media(max-width:760px){body.account-page #profile-panel .profile-character-poster{order:1;min-height:220px;width:100%}.profile-signature-editor{padding:18px}body.account-page #profile-panel .signature-emblems{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.journey-reward-toast .reward-seal,.journey-reward-toast .reward-seal::after{animation:none!important}}
