.sr-only{position:absolute!important;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.profile-back-label,.profile-play-mobile{display:none}
body[data-view="profile"]{--pu:calc(100vw / 1505);background:#05131e}
body[data-view="profile"] .temple-layout{display:block;background:#05131e url('assets/profile-v1/reference.png') center top/100% auto no-repeat}
body[data-view="profile"] .temple-illustration{display:none}
body[data-view="profile"] .temple-content{padding:0;background:none}
body[data-view="profile"] .temple-header{height:calc(62 * var(--pu));padding:calc(6 * var(--pu)) calc(15 * var(--pu));grid-template-columns:1fr calc(274 * var(--pu)) 1fr}
body[data-view="profile"] .temple-back{width:calc(252 * var(--pu))}
body[data-view="profile"] .temple-logo{width:calc(274 * var(--pu));margin-top:calc(-6 * var(--pu))}
body[data-view="profile"] .temple-tools{gap:calc(14 * var(--pu))!important;align-self:start}
body[data-view="profile"] .temple-tools button{width:calc(64 * var(--pu));height:calc(52 * var(--pu))}
body[data-view="profile"] #notice{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);width:min(90vw,650px);margin:0;box-shadow:0 6px 30px #0008}
.temple-account #profile{display:grid;grid-template-columns:58% 42%;padding-top:calc(62 * var(--pu));min-height:calc(1045 * var(--pu));color:#f8ebd2}
.profile-left{padding:0 calc(28 * var(--pu)) calc(20 * var(--pu)) calc(60 * var(--pu));min-width:0}
.profile-heading{position:relative;isolation:isolate;height:calc(203 * var(--pu));padding:calc(22 * var(--pu)) calc(23 * var(--pu)) 0}
.profile-heading::before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:min(100%,calc(450 * var(--pu)));background:#061523 url('assets/profile-v1/panel.png') center/cover}
.temple-account .profile-heading h1{font:700 calc(80 * var(--pu))/1.05 'Times New Roman',serif;text-align:left;letter-spacing:-.04em;margin:0}
.profile-heading-line{width:calc(412 * var(--pu));margin:calc(2 * var(--pu)) 0 calc(2 * var(--pu))}
.temple-account .profile-heading p{font:400 calc(28 * var(--pu))/1.1 'Times New Roman',serif;margin:0}
.profile-card{background:#071622 url('assets/profile-v1/panel.png') center/cover;border-top:1px solid #b39b6b80}
.profile-summary{display:grid;grid-template-columns:calc(242 * var(--pu)) 1fr;gap:calc(16 * var(--pu));min-height:calc(254 * var(--pu));padding:calc(13 * var(--pu)) calc(23 * var(--pu)) calc(8 * var(--pu));border-bottom:1px solid #a48b5e;min-width:0}
.profile-summary,.profile-avatars{position:relative}
.profile-divider-diamond{position:absolute;bottom:calc(-11 * var(--pu));left:50%;width:calc(25 * var(--pu));transform:translateX(-50%);z-index:1}
.profile-portrait{width:100%;align-self:start;position:relative}
.profile-portrait>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;border:3px solid #e4bf72;background:#052536}
.profile-account-copy{position:relative;min-width:0;padding-top:calc(13 * var(--pu));padding-bottom:calc(20 * var(--pu))}
.temple-account .profile-account-copy h2{font:700 calc(40 * var(--pu))/1.1 'Times New Roman',serif;margin:0 0 calc(8 * var(--pu));color:#f8ebd2;letter-spacing:0}
.temple-account .profile-online{display:flex;align-items:center;gap:calc(10 * var(--pu));font-size:calc(24 * var(--pu));line-height:1.2;margin:0 0 calc(15 * var(--pu));white-space:nowrap}
.profile-online .source-art{width:calc(23 * var(--pu));flex:none}
.temple-account .profile-public-name{position:absolute;bottom:0;left:0;margin:0;font-size:calc(15 * var(--pu));color:#bbc7d1;overflow-wrap:anywhere}
.temple-account .profile-manage{display:block;width:calc(281 * var(--pu));max-width:100%;background:none;border:0;padding:0;border-radius:0;transition:filter .15s,transform .15s}
.temple-account .profile-logout{display:flex;align-items:center;gap:calc(13 * var(--pu));font:400 calc(18 * var(--pu))/1.2 'Times New Roman',serif;padding:0;background:none;border:0;border-radius:0;color:#c2c6cc;margin-top:calc(9 * var(--pu));min-height:calc(30 * var(--pu))}
.profile-logout .source-art{width:calc(28 * var(--pu));flex:none}
.profile-account-copy #admin-link{display:inline-block;font-size:14px;margin-top:10px}
.temple-account #avatar-section.profile-avatars{margin:0 calc(23 * var(--pu));padding:0;border:0;border-bottom:1px solid #a48b5e}
.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10 * var(--pu)) 0 calc(8 * var(--pu))}
.temple-account .profile-section-heading h2,.temple-account .profile-performances>h2{display:flex;align-items:center;gap:calc(12 * var(--pu));font:700 calc(32 * var(--pu))/1.2 'Times New Roman',serif;letter-spacing:0;margin:0;color:#f8ebd2}
.profile-section-heading h2 .source-art,.profile-performances>h2 .source-art{width:calc(40 * var(--pu));flex:none}
.temple-account .profile-section-heading p{font-size:calc(17 * var(--pu));margin:0;line-height:1.2}
.profile-avatars .avatars{display:flex;gap:calc(14 * var(--pu));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:calc(2 * var(--pu)) 0 calc(12 * var(--pu));scrollbar-width:thin;scrollbar-color:#8d7850 transparent}
.profile-avatars .avatar{position:relative;flex:0 0 calc((100% - calc(56 * var(--pu))) / 5);min-width:0;padding:0;border:0;border-radius:0;scroll-snap-align:start}
.profile-avatars .avatar button{display:block;width:100%;border:0;border-radius:50%;background:none;padding:0;position:relative;aspect-ratio:1;transition:filter .15s,transform .15s}
.profile-avatars .avatar button:disabled{opacity:1;cursor:default}
.profile-avatars .avatar .source-art{width:100%}
.profile-avatars .avatar .source-art img{aspect-ratio:auto;object-fit:initial}
.profile-avatars .avatar .avatar-picture{display:block;width:100%;height:100%;object-fit:contain;border:2px solid #6c7983;border-radius:50%;background:#102431}
.profile-avatars .avatar button[aria-pressed="true"] .avatar-picture{border-color:#ffdf95;box-shadow:0 0 15px #e9c77e66}
.profile-avatars .avatar.locked img{filter:none;opacity:1}
.profile-avatars .avatar .avatar-requirement{font-size:13px;line-height:1.35;margin:6px 0 0;color:#bbc5cf}
.profile-performances{padding:calc(8 * var(--pu)) calc(23 * var(--pu)) calc(18 * var(--pu))!important}
.profile-performances>h2{margin-bottom:calc(10 * var(--pu))!important}
.profile-performance-box{position:relative;display:grid;grid-template-columns:calc(180 * var(--pu)) minmax(0,1fr);align-items:start;min-height:calc(218 * var(--pu));padding:calc(25 * var(--pu));border:1px solid #4c5b65;background:#13212d}
.profile-performance-frame{position:absolute;inset:0 0 auto;pointer-events:none;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,2% 5%,2% 95%,98% 95%,98% 5%,2% 5%)}
.has-records .profile-performance-frame{display:none}
.profile-empty-medal{width:calc(119 * var(--pu));margin:calc(13 * var(--pu)) auto 0}
.profile-performance-copy{min-width:0}
.temple-account .profile-performance-copy h3{font:400 calc(23 * var(--pu))/1.2 'Times New Roman',serif;letter-spacing:0;margin:0 0 calc(10 * var(--pu));color:#f0eee9}
.temple-account .profile-performance-copy>p{font:400 calc(18 * var(--pu))/1.3 'Times New Roman',serif;margin:0;color:#aeb8c1}
.profile-performance-copy #records{font-size:max(14px,calc(16 * var(--pu)));margin:8px 0;padding-left:20px;line-height:1.5;overflow-wrap:anywhere}
.profile-marathon-cta{display:block;width:calc(404 * var(--pu));max-width:100%;margin-top:calc(18 * var(--pu));transition:filter .15s,transform .15s}
.profile-pantheon{min-width:0;padding-bottom:calc(24 * var(--pu));background:#061521}
.profile-pantheon-art{width:100%}
.profile-pantheon-content{padding:0 calc(63 * var(--pu)) 0 calc(39 * var(--pu))}
.temple-account .profile-pantheon-content>h2{font:700 calc(48 * var(--pu))/1.15 'Times New Roman',serif;letter-spacing:-.03em;white-space:nowrap;color:#f7dfaa;margin:0 0 calc(15 * var(--pu))}
.temple-account .profile-license-status{position:relative;display:flex;align-items:center;gap:calc(20 * var(--pu));font:700 calc(28 * var(--pu))/1.1 'Times New Roman',serif;aspect-ratio:516/64;margin:0 0 calc(7 * var(--pu));padding:calc(8 * var(--pu)) calc(20 * var(--pu));border:0;background:#1a2633 url('assets/marathon-source-v1/panel-fill.webp') center/cover;color:#f5f0e7}
.profile-license-status>.source-art{width:calc(47 * var(--pu));flex:none}
.profile-license-status>.profile-status-frame{position:absolute;inset:0 0 auto;pointer-events:none;width:100%;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,2% 10%,2% 90%,98% 90%,98% 10%,2% 10%)}
.temple-account #profile-license-description{font:400 calc(22 * var(--pu))/1.2 'Times New Roman',serif;margin:0 calc(12 * var(--pu)) calc(10 * var(--pu));color:#e4e5e6}
.profile-license-benefits{list-style:none;padding:0 calc(6 * var(--pu));margin:0 0 calc(9 * var(--pu));display:grid;gap:calc(2 * var(--pu))}
.profile-license-benefits li{display:flex;align-items:center;gap:calc(20 * var(--pu));min-width:0}
.profile-license-benefits li>.source-art{width:calc(70 * var(--pu));flex:none}
.temple-account .profile-license-benefits h3{font:700 calc(23 * var(--pu))/1.2 'Times New Roman',serif;margin:0;color:#f2efe9;letter-spacing:0}
.temple-account .profile-license-benefits p{font:400 calc(18 * var(--pu))/1.3 'Times New Roman',serif;margin:0;color:#d9dde1}
.profile-license-cta{display:block;width:100%;transition:filter .15s,transform .15s}
.profile-manage:hover,.profile-manage:focus-visible,.profile-marathon-cta:hover,.profile-marathon-cta:focus-visible,.profile-license-cta:hover,.profile-license-cta:focus-visible,.profile-avatars button:enabled:hover{filter:brightness(1.12);transform:translateY(-2px)}
.temple-account #account-dialog{font-family:'DM Sans',sans-serif;width:min(460px,90vw)}
.temple-account #account-dialog h2{font-size:28px;letter-spacing:0;margin:0 0 16px}
.temple-account #account-dialog p{font:16px/1.5 'DM Sans',sans-serif}
.temple-account #account-dialog input{width:100%}
@media(max-width:1000px){
 body[data-view="profile"]{--pu:1px}
 body[data-view="profile"] .temple-layout{padding-top:76px;background-size:auto 1045px}
 body[data-view="profile"] .temple-header{height:76px;padding:8px;grid-template-columns:1fr 120px 1fr;gap:0;background:#07131f}
 body[data-view="profile"] .temple-back{width:94px;margin-top:0;color:#f8e8c7;text-decoration:none;background:url('assets/lobby-v2/button-secondary.webp') center/100% 100% no-repeat}
 body[data-view="profile"] .temple-back>.source-art{display:none}
 body[data-view="profile"] .profile-back-label{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;font-size:15px}
 .profile-back-label img{width:16px;height:16px;filter:invert(95%)}
 body[data-view="profile"] .temple-logo{width:120px;margin-top:-8px}
 body[data-view="profile"] .temple-tools{gap:2px!important}
 body[data-view="profile"] .temple-tools button{width:44px;height:44px}
 .temple-account #profile{display:flex;flex-direction:column;padding:0;min-height:0}
 .profile-left{padding:0 16px 24px;background:#061421}
 .profile-heading{height:auto;padding:24px 8px 20px;background:none}
 .temple-account .profile-heading h1{font-size:48px}
 .profile-heading-line{width:min(100%,330px)}
 .temple-account .profile-heading p{font-size:23px}
 .profile-summary{grid-template-columns:120px minmax(0,1fr);gap:14px;min-height:220px;padding:18px 10px}
 .profile-account-copy{padding-top:4px;padding-bottom:24px}
 .temple-account .profile-account-copy h2{font-size:28px}
 .temple-account .profile-online{font-size:17px;gap:7px;white-space:normal;margin-bottom:12px}
 .profile-online .source-art{width:15px}
 .temple-account .profile-public-name{font-size:13px}
 .temple-account .profile-manage{width:100%;min-height:44px;display:flex;align-items:center}
 .temple-account .profile-logout{font-size:15px;min-height:44px;gap:6px;margin-top:2px}
 .profile-logout .source-art{width:22px}
 .temple-account #avatar-section.profile-avatars{margin:0 12px}
 .profile-section-heading{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 0 10px}
 .temple-account .profile-section-heading h2,.temple-account .profile-performances>h2{font-size:28px}
 .profile-section-heading h2 .source-art,.profile-performances>h2 .source-art{width:32px}
 .temple-account .profile-section-heading p{font-size:15px}
 .profile-avatars .avatars{gap:12px;padding-bottom:14px}
 .profile-avatars .avatar{flex-basis:90px}
 .profile-performances{padding:14px 12px 18px!important}
 .profile-performance-box{grid-template-columns:70px minmax(0,1fr);padding:10px;border-width:5px;min-height:0}
 .profile-performance-frame{display:none}
 .profile-empty-medal{width:60px;margin:6px auto}
 .temple-account .profile-performance-copy h3{font-size:19px}
 .temple-account .profile-performance-copy>p{font-size:16px}
 .profile-marathon-cta{width:100%;min-height:44px;display:flex;align-items:center;margin-top:14px}
 .profile-marathon-cta>.source-art{display:none}
 .profile-play-mobile{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 8px;font:bold 17px/1.2 'Times New Roman',serif;color:#071923;background:url('assets/lobby-v2/button-primary.webp') center/100% 100% no-repeat}
 .profile-play-mobile img{width:20px;height:20px;flex:none}
 .profile-marathon-cta{text-decoration:none}
 .profile-pantheon-content{padding:0 18px 28px}
 .temple-account .profile-pantheon-content>h2{font-size:32px;white-space:normal;margin-bottom:18px}
 .temple-account .profile-license-status{font-size:24px;min-height:58px;aspect-ratio:auto;width:100%;padding:8px 12px;gap:12px}
 .profile-license-status>.profile-status-frame{display:none}
 .profile-license-status>.source-art{width:38px}
 .temple-account #profile-license-description{font-size:18px;margin:12px 0 18px}
 .profile-license-benefits{padding:0;gap:14px;margin-bottom:22px}
 .profile-license-benefits li{gap:14px}
 .profile-license-benefits li>.source-art{width:54px}
 .temple-account .profile-license-benefits h3{font-size:20px}
 .temple-account .profile-license-benefits p{font-size:17px}
 .profile-license-cta{min-height:44px;display:flex;align-items:center}
}
@media(min-width:600px) and (max-width:1000px){.profile-left{padding-inline:max(24px,calc((100vw - 740px)/2))}.profile-summary{grid-template-columns:200px minmax(0,1fr)}.temple-account .profile-account-copy h2{font-size:36px}.temple-account .profile-online{font-size:24px}.temple-account .profile-manage{max-width:281px}.profile-avatars .avatar{flex-basis:120px}.profile-pantheon-art{max-width:740px;margin:auto}.profile-pantheon-content{max-width:740px;margin:auto}}
@media(max-width:360px){body[data-view="profile"] .temple-header{grid-template-columns:1fr 100px 1fr}body[data-view="profile"] .temple-logo{width:100px}.profile-left{padding-inline:10px}.profile-summary{grid-template-columns:95px minmax(0,1fr);gap:10px}.temple-account .profile-account-copy h2{font-size:25px}.profile-performance-box{display:block}.profile-empty-medal{display:none}.temple-account .profile-heading h1{font-size:42px}.profile-heading{padding-inline:4px}.temple-account .profile-heading p{font-size:21px}.profile-pantheon-content{padding-inline:14px}.temple-account .profile-pantheon-content>h2{font-size:29px}}
.reduce-motion :is(.profile-manage,.profile-marathon-cta,.profile-license-cta,.profile-avatars button){transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){:is(.profile-manage,.profile-marathon-cta,.profile-license-cta,.profile-avatars button){transform:none!important;transition:none!important}}