body.account-page #profile-panel #profile-frames-panel{grid-area:frames;min-width:0;padding:24px;scroll-margin-top:90px;border:1px solid #a987583d;border-radius:20px;background:radial-gradient(ellipse at 0 0,#9d714715,transparent 55%),linear-gradient(135deg,#1b1519,#100e11 70%);box-shadow:inset 0 1px #f5dcb509,0 12px 32px #0003;}
body.account-page .profile-frame-collections{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;}
body.account-page .profile-frame-collections button{padding:10px 14px;min-height:42px;font:600 13px/1.4 Arial,sans-serif;}
body.account-page #profile-panel #journey-frames{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));}
body.account-page #journey-frames button strong{overflow-wrap:anywhere;}
body.account-page #profile-panel .profile-frame-collections button[aria-pressed=true]{border-color:#e2bd76!important;background:linear-gradient(135deg,#59432c,#28201b)!important;color:#ffe4b3!important;}
body.account-page #journey-frames [data-premium-frame] .journey-art-preview{width:108px;height:108px;}
body.account-page #journey-frames [data-premium-frame] .journey-art-preview::before{inset:14%;}
body.account-page #profile-panel #profile-frames-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0;list-style:none;cursor:pointer;background:transparent;border:0;margin:0;}
body.account-page #profile-frames-panel>summary::-webkit-details-marker{display:none;}
body.account-page #profile-frames-panel .profile-frames-heading{display:flex;align-items:center;gap:15px;min-width:0;}
body.account-page #profile-frames-panel .profile-frames-symbol{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;color:#dcb87c;border:1px solid #be965249;border-radius:14px;background:linear-gradient(145deg,#ba8a4324,#ba8a4305);box-shadow:inset 0 1px #ffe5b811;}
body.account-page #profile-frames-panel .profile-frames-symbol svg{width:25px;height:25px;}
body.account-page #profile-frames-title{margin:0;font:600 1.5rem/1.3 Georgia,serif;color:#f1e4d4;letter-spacing:-.025em;}
body.account-page #profile-panel #profile-frames-panel[open]>summary{padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid #b8916026;background:transparent;}
body.account-page #profile-frames-panel>summary:focus-visible{outline:2px solid #e2bd76;outline-offset:5px;border-radius:4px;}
body.account-page #profile-panel #profile-frames-panel>summary>.profile-frames-toggle{display:flex;align-items:center;gap:12px;width:auto;height:auto;padding:7px 8px 7px 15px;flex-shrink:0;white-space:nowrap;border:1px solid #c9a57530;background:#d6ac6608;border-radius:999px;font:600 .875rem/1.5 Arial,sans-serif;color:#dfbd86;transition:background .18s,border-color .18s;}
body.account-page #profile-frames-panel .profile-frames-toggle::after{content:'+';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d6ac6612;font:20px/1 Arial,sans-serif;}
body.account-page #profile-frames-panel[open] .profile-frames-toggle::after{content:'−';}
body.account-page #profile-panel #profile-frames-panel>summary:hover>.profile-frames-toggle{background:#d6ac6616;border-color:#c9a57575;}
body.account-page #profile-frames-panel>.account-note{font:14px/1.7 Arial,sans-serif;color:#bdb0b2;max-width:760px;margin:0 0 14px;}
body.account-page #profile-frames-panel .frames-hide,body.account-page #profile-frames-panel[open] .frames-show{display:none;}
body.account-page #profile-frames-panel[open] .frames-hide{display:inline;}
body.account-page #profile-frame-status:empty{display:none;}
@media(max-width:700px){body.account-page #profile-panel #profile-frames-panel{padding:18px;}}
@media(max-width:480px){body.account-page #profile-frames-panel .profile-frames-heading{gap:10px;}body.account-page #profile-frames-panel .profile-frames-symbol{width:36px;height:36px;flex-basis:36px;border-radius:11px;}body.account-page #profile-frames-title{font-size:1.125rem;}body.account-page #profile-panel #profile-frames-panel>summary{gap:10px;}body.account-page #profile-panel #profile-frames-panel>summary>.profile-frames-toggle{gap:6px;padding:6px 7px;font-size:.75rem;}body.account-page #profile-frames-panel .profile-frames-toggle::after{width:22px;height:22px;font-size:17px;}}
@media(prefers-reduced-motion:reduce){body.account-page #profile-panel #profile-frames-panel>summary>.profile-frames-toggle{transition:none;}}
body.account-page #profile-panel .profile-avatar-slot{position:relative;flex:0 0 86px;width:86px;height:86px;display:grid;place-items:center;}
body.account-page #profile-panel .profile-avatar-slot.has-art-frame #profile-avatar{width:83%;height:83%;padding:0;border:0;box-shadow:none;animation:none;}
body.account-page #profile-panel .profile-avatar-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;border:0;border-radius:0;}
body.account-page #journey-frames .journey-art-preview{position:relative;width:86px;height:86px;display:grid;place-items:center;}
body.account-page #journey-frames .journey-art-preview::before{content:'';position:absolute;inset:11%;border-radius:50%;background:linear-gradient(145deg,#514453,#19161c);}
body.account-page #journey-frames .journey-art-preview img{position:relative;width:100%;height:100%;object-fit:contain;}
body.account-page #profile-panel #journey-frames button{gap:8px;min-height:160px;border-radius:14px!important;background:linear-gradient(145deg,#231b21,#121014)!important;box-shadow:none!important;transform:none!important;}
body.account-page #journey-frames button strong{font-size:.9rem;}
body.account-page #journey-frames button>span:last-child{font-size:.8rem;}
body.account-page #profile-panel #journey-frames button[aria-pressed=true]{background:linear-gradient(145deg,#362a24,#1c1715)!important;border-color:#e2bd76!important;box-shadow:inset 0 0 0 1px #e2bd7655!important;}
body.account-page #profile-panel #journey-frames button:hover:not(:disabled){background:linear-gradient(145deg,#32262c,#1c171c)!important;border-color:#d2ad75!important;box-shadow:none!important;transform:none!important;}
body.account-page #profile-panel #journey-frames button:focus-visible{outline:2px solid #e2bd76;outline-offset:3px;}
@media(min-width:1500px){body.account-page #profile-panel .profile-avatar-slot{width:106px;height:106px;flex-basis:106px;}}
@media(max-width:600px){body.account-page #journey-frames .journey-art-preview{width:76px;height:76px;}}
/* Motion sits above the avatar; neither the portrait nor the frame is rotated. */
.profile-avatar-slot{--frame-light:#e6b971;--frame-speed:4s;}
.profile-avatar-slot[data-effect=frost]{--frame-light:#99d9f8;--frame-speed:5s;}
.profile-avatar-slot[data-effect=violet]{--frame-light:#ba82ed;--frame-speed:4.5s;}
.profile-avatar-slot[data-effect=embers]{--frame-light:#ef4055;--frame-speed:2.8s;}
body.account-page #profile-panel .profile-avatar-slot::after{content:'';position:absolute;inset:2%;border:1px solid var(--frame-light);border-radius:50%;pointer-events:none;box-shadow:0 0 10px color-mix(in srgb,var(--frame-light) 45%,transparent);animation:frame-breathe var(--frame-speed) ease-in-out infinite;}
body.account-page #profile-panel .profile-avatar-overlay{animation:frame-art-glow var(--frame-speed) ease-in-out infinite;}
body.account-page #profile-panel .profile-avatar-slot[data-effect=embers]::before{content:'';position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(circle at 15% 68%,#ffc66b 0 1px,transparent 2px),radial-gradient(circle at 88% 38%,#ef4055 0 1.5px,transparent 2.5px),radial-gradient(circle at 76% 92%,#ffc66b 0 1px,transparent 2px);animation:frame-embers 3s ease-in-out infinite;}
@keyframes frame-breathe{0%,100%{opacity:.35;transform:scale(.98);}50%{opacity:.85;transform:scale(1.035);}}
@keyframes frame-art-glow{0%,100%{filter:drop-shadow(0 0 1px var(--frame-light));}50%{filter:drop-shadow(0 0 5px var(--frame-light));}}
@keyframes frame-embers{0%,100%{opacity:0;transform:translateY(5px);}35%{opacity:.9;}80%{opacity:0;transform:translateY(-12px);}}
body.account-page #profile-showcase{margin:12px 0;max-width:560px;font:14px/1.5 Arial,sans-serif;}
#profile-showcase .showcase-medals{display:flex;flex-wrap:wrap;gap:7px;}
#profile-showcase .showcase-medal{display:flex;align-items:center;gap:8px;border:1px solid #d9ae624d;border-radius:10px;padding:7px 10px;background:linear-gradient(135deg,#423025bb,#171419cc);color:#f1dfc2;font-size:13px;}
#profile-showcase .showcase-seal{color:#e4bd77;font-size:18px;flex-shrink:0;}
#profile-showcase .showcase-empty{color:#a99b97;font-size:13px;}
#profile-showcase details{margin-top:8px;border:0;background:transparent;padding:0;}
#profile-showcase summary{list-style:none;cursor:pointer;color:#dfbd86;background:transparent;padding:5px 0;font-size:13px;}
#profile-showcase summary::-webkit-details-marker{display:none;}
#profile-showcase summary::after{content:' +';}#profile-showcase details[open] summary::after{content:' −';}
#profile-showcase details[open]{padding:12px;border:1px solid #a987584a;border-radius:12px;background:#151115e8;}
#profile-showcase details p{font:13px/1.6 Arial,sans-serif;color:#c9bbad;margin:8px 0;}
#profile-showcase .showcase-options{display:grid;gap:6px;max-height:240px;overflow:auto;}
#profile-showcase label{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #b8916026;border-radius:8px;cursor:pointer;}
#profile-showcase label:has(:checked){background:#d6ac6616;border-color:#d6ac6677;}
#profile-showcase label:has(:disabled):not(:has(:checked)){opacity:.5;cursor:default;}
#profile-showcase input{accent-color:#bf8839;width:16px;height:16px;flex-shrink:0;}
#profile-showcase .showcase-status:empty{display:none;}
@media(prefers-reduced-motion:reduce){body.account-page #profile-panel .profile-avatar-slot::after,body.account-page #profile-panel .profile-avatar-slot::before,body.account-page #profile-panel .profile-avatar-overlay{animation:none;}}