/* Character dossiers share the portal's steel, blue light and engraved gold. */
body:has(#profile76[open]){overflow:hidden}
#profile76{box-sizing:border-box;width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;margin:auto;overflow:auto;border:1px solid #c3a875;background:linear-gradient(110deg,#051625f2,#0a2234ed),image-set(url('/assets/perf101-classic-castle-1024.avif') type('image/avif'),url('/assets/perf101-classic-castle-1024.webp') type('image/webp')) 65% 35%/cover;color:#e2edf3;box-shadow:inset 0 0 0 4px #06121e,inset 0 0 0 5px #bdac7955,0 25px 100px #000c;color-scheme:dark}
#profile76::backdrop{background:#020b14c9;backdrop-filter:blur(6px)}
.profile76-header{padding:27px 32px 20px;border-bottom:1px solid #c5a87555;margin:0 5px}.profile76-header .entry46-eyebrow{font-size:9px;letter-spacing:2px;color:#d9b778}.profile76-header h2{font:600 clamp(25px,5vw,36px)/1.25 Cinzel54,Georgia,serif;color:#fae6ba;overflow-wrap:anywhere;margin:8px 40px 7px 0;text-shadow:0 2px 8px #000}.profile76-header p{font:500 11px/1.6 Inter,sans-serif;color:#b6ccda;margin:0}
#profile76 button{font:600 11px/1.4 Inter,sans-serif;color:#e9d6ae;cursor:pointer}.profile76-close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border:1px solid #aa986677;background:#091c2dde;font-size:24px!important}.profile76-close:hover{border-color:#efd396;background:#234354}
.profile76-character{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:10px;position:relative;padding:26px 32px 20px;overflow:hidden}.profile76-copy{position:relative;z-index:1;min-width:0}.profile76-class{font:600 11px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:1.4px;color:#8dd5f6}.profile76-rank{font:500 11px/1.5 Inter,sans-serif;color:#c9b78e;margin:7px 0 21px}.profile76-portrait{display:block;width:100%;height:240px;align-self:center;object-fit:contain;filter:drop-shadow(0 7px 14px #000c) drop-shadow(0 0 20px #428bc348)}
.profile76-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:0}.profile76-stats>div{border-bottom:1px solid #a3b5c536;padding-bottom:9px}.profile76-stats dt{font:500 10px/1.5 Inter,sans-serif;color:#b9ccd8}.profile76-stats dd{margin:3px 0 0;font:600 26px/1.2 Inter,sans-serif;color:#f4dfb1;font-variant-numeric:tabular-nums}.profile76-membership{display:flex;flex-direction:column;gap:5px;margin-top:20px;font:500 12px/1.5 Inter,sans-serif;overflow-wrap:anywhere}.profile76-membership>span{color:#adc7d8;font-size:10px}.profile76-membership>strong{font-weight:500}.profile76-link{color:#efd59d;text-decoration:none;text-underline-offset:4px}.profile76-link:hover{text-decoration:underline;color:#fff0c9}
.profile76-guild{padding:24px 32px 0}.profile76-leader{font:500 12px/1.6 Inter,sans-serif;color:#b9ccd8;margin:18px 0}.profile76-roster{padding:8px 32px 26px}.profile76-roster h3{font:600 19px/1.4 Cinzel54,Georgia,serif;color:#f2dcb0;margin:0 0 14px}.profile76-search{display:flex;flex-direction:column;gap:6px;font:500 10px/1.5 Inter,sans-serif;color:#bbd0df}.profile76-search input{box-sizing:border-box;width:100%;min-height:44px;padding:11px 12px;border:1px solid #8babae66;background:#03101ca8;color:#e1edf6;font:500 12px/1.5 Inter,sans-serif}
.profile76-members{list-style:none;padding:0;margin:14px 0 0;max-height:300px;overflow:auto;overscroll-behavior:contain}.profile76-members>li{border-top:1px solid #a6b8c72c}.profile76-members a{display:flex;align-items:center;gap:11px;min-height:64px;padding:5px 8px;text-decoration:none}.profile76-members a:hover{background:#5aabc31c}.profile76-members .profile76-avatar{width:40px;height:52px;object-fit:contain;flex:0 0 40px}.profile76-members a>span:not(.profile76-member-level){display:flex;flex-direction:column;gap:4px;min-width:0}.profile76-members strong{font:600 12px/1.4 Inter,sans-serif;color:#e4eef4;overflow-wrap:anywhere}.profile76-members small{font:500 10px/1.4 Inter,sans-serif;color:#a6c9dd}.profile76-member-level{margin-left:auto;text-align:right;font:500 10px/1.5 Inter,sans-serif;color:#e9d0a0;flex:0 0 auto}
.profile76-empty{font:500 12px/1.8 Inter,sans-serif;color:#bdd0de;margin:24px 32px}.profile76-roster .profile76-empty{margin:18px 0}.profile76-bound{font:500 10px/1.5 Inter,sans-serif;color:#b7ccda}.profile76-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 26px;margin:0 5px;border-top:1px solid #b39b664d;font:500 10px/1.5 Inter,sans-serif;color:#a9c3d3;background:#06132199}.profile76-footer button{min-height:44px;padding:8px 12px;border:1px solid #a08a5c88;background:#213e4d7a}.profile76-footer button:disabled{opacity:.5;cursor:wait}
#profile76 :is(a,button,input):focus-visible{outline:2px solid #a7e6ff;outline-offset:2px}.rank59-name a{color:inherit;text-decoration:none}.rank59-name a:hover{text-decoration:underline;text-underline-offset:3px}.rank59-champion h3 a{color:inherit;text-decoration:none}.rank59-champion h3 a:hover{text-decoration:underline}
@media(max-width:520px){.profile76-header{padding:23px 19px 17px}.profile76-header h2{font-size:27px}.profile76-character{padding:22px 23px;grid-template-columns:minmax(0,1.15fr) minmax(90px,.8fr);gap:2px}.profile76-portrait{height:210px}.profile76-stats{gap:14px 12px}.profile76-stats dd{font-size:22px}.profile76-class{font-size:10px;letter-spacing:.5px}.profile76-rank{font-size:10px;margin-bottom:17px}.profile76-membership{font-size:11px}.profile76-guild,.profile76-roster{padding-left:23px;padding-right:23px}.profile76-member-level{max-width:82px;flex-shrink:1;font-size:9px}.profile76-footer{padding-inline:16px}.profile76-footer>span{max-width:115px}}