.title-frame-equipped{--title-frame-display-top:8px;--title-frame-display-right:10px;--title-frame-display-bottom:8px;--title-frame-display-left:10px;position:relative;isolation:isolate}
.title-frame-equipped::before{content:'';position:absolute;inset:0;z-index:0;box-sizing:border-box;pointer-events:none;background:none;border-style:solid;border-color:transparent;border-width:var(--title-frame-display-top) var(--title-frame-display-right) var(--title-frame-display-bottom) var(--title-frame-display-left);border-image-source:var(--title-frame-image);border-image-slice:var(--title-frame-slice-top) var(--title-frame-slice-right) var(--title-frame-slice-bottom) var(--title-frame-slice-left);border-image-width:var(--title-frame-display-top) var(--title-frame-display-right) var(--title-frame-display-bottom) var(--title-frame-display-left);border-image-outset:0;border-image-repeat:stretch}
.presence-row.title-frame-equipped{--title-frame-display-top:15px;--title-frame-display-right:20px;--title-frame-display-bottom:15px;--title-frame-display-left:20px;border-color:transparent}
.presence-row.title-frame-equipped:hover,.presence-row.title-frame-equipped.active{border-color:transparent}
#topbar.title-frame-equipped{--title-frame-display-top:13px;--title-frame-display-right:17px;--title-frame-display-bottom:13px;--title-frame-display-left:17px;padding-left:28px;padding-right:28px}
.title-frame-equipped>*{z-index:1}
.presence-row.title-frame-equipped>*{position:relative}
.presence-panel{left:6px;width:340px;padding:7px}
.presence-list{gap:9px;margin-top:10px;max-height:376px;padding:5px 1px}
.presence-row{min-height:84px;padding:12px 14px;grid-template-columns:30px 30px minmax(0,1fr);column-gap:6px}
.presence-row.title-row-background-equipped{background:linear-gradient(90deg,rgba(2,5,8,.24),rgba(2,5,8,.05) 28%,rgba(2,5,8,.08) 70%,rgba(2,5,8,.28)),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08)),var(--title-row-background-image) center/cover no-repeat;border-color:rgba(230,196,122,.2)}
.presence-row.title-row-background-equipped:hover,.presence-row.title-row-background-equipped.active{background:linear-gradient(90deg,rgba(2,5,8,.18),rgba(2,5,8,.03) 28%,rgba(2,5,8,.05) 70%,rgba(2,5,8,.22)),linear-gradient(180deg,rgba(230,196,122,.03),rgba(0,0,0,.07)),var(--title-row-background-image) center/cover no-repeat}
.presence-row:focus-visible{outline:2px solid var(--gold-b);outline-offset:-3px}
.presence-row .presence-main{grid-auto-rows:min-content;align-content:center;row-gap:6px}
.presence-row .presence-guild,.presence-row .presence-title{line-height:1.1}
.presence-row .presence-guild{font-size:11px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.98),0 0 3px rgba(0,0,0,.78)}
.presence-row .presence-title{justify-self:start;width:max-content;max-width:100%;font-size:12px;font-weight:400;color:var(--title-text-fallback,#f0ddb0);text-shadow:none}
.presence-row .presence-title.title-text-gradient:not(.title-text-animated){background-size:100% 100%;filter:none}
.top-player-title.title-text-styled{font-weight:400;text-shadow:none}
.top-player-title[hidden],.presence-title[hidden]{display:none!important}
.title-current-card .title-current-preview.presence-row{flex:0 1 324px;width:min(324px,100%);max-width:324px;margin:0;align-self:flex-start}
.title-current-card .title-style-picker{margin-left:auto}
.title-text-styled,.title-text-solid{color:var(--title-text-fallback)!important}.title-text-gradient{background:var(--title-text-gradient);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}.title-text-flow,.title-text-shimmer,.title-text-glint,.title-text-sparkle,.title-text-aurora,.title-text-prism{background:var(--title-text-animation-gradient);background-size:400% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}.title-text-flow{animation:title-text-flow var(--title-text-duration) linear infinite}.title-text-pulse{animation:title-text-pulse var(--title-text-duration) ease-in-out infinite}.title-text-shimmer{animation:title-text-shimmer var(--title-text-duration) ease-in-out infinite}.title-text-glow{animation:title-text-glow var(--title-text-duration) ease-in-out infinite}.title-text-flicker{animation:title-text-flicker var(--title-text-duration) steps(12,end) infinite}.title-text-wave{display:inline-block;animation:title-text-wave var(--title-text-duration) ease-in-out infinite;transform-origin:center}.title-text-glint{animation:title-text-glint var(--title-text-duration) cubic-bezier(.4,0,.2,1) infinite}.title-text-sparkle{animation:title-text-sparkle var(--title-text-duration) steps(10,end) infinite}.title-text-aurora{animation:title-text-aurora var(--title-text-duration) ease-in-out infinite}.title-text-prism{animation:title-text-prism var(--title-text-duration) linear infinite}
.chat-text.title-text-styled{font-size:clamp(12px,1em,13px);font-weight:700;line-height:1.55;opacity:1;text-shadow:none}
.chm .title-text-animated{animation-play-state:paused}.chm.title-animation-visible .title-text-animated{animation-play-state:running}
.title-frame-pulse::before{animation:title-frame-pulse 3.5s ease-in-out infinite}.title-frame-shimmer::after,.title-frame-flow::after,.title-frame-electric::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.2) 48%,transparent 80%);transform:translateX(-120%)}.title-frame-shimmer::after{animation:title-frame-flow 4.8s ease-in-out infinite}.title-frame-flow::after{animation:title-frame-flow 3s linear infinite}.title-frame-electric::after{animation:title-frame-electric 2.7s steps(8,end) infinite}
.achievement-toast-host{position:absolute;right:clamp(10px,1vw,20px);bottom:clamp(98px,15vh,112px);z-index:8000;width:min(390px,calc(100% - 20px));pointer-events:none}.achievement-toast{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;min-height:84px;padding:10px 14px;border:1px solid rgba(204,146,70,.46);border-radius:7px;background:linear-gradient(135deg,rgba(11,20,25,.98),rgba(19,13,8,.98));box-shadow:0 18px 60px rgba(0,0,0,.58);opacity:0;transform:translateX(24px);transition:opacity .28s ease,transform .28s ease;overflow:hidden}.achievement-toast.visible{opacity:1;transform:none}.achievement-toast-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(204,146,70,.28);border-radius:5px;background:rgba(0,0,0,.3);color:var(--gold-b,#e5b96c);font-size:24px;overflow:hidden}.achievement-toast-icon img{width:100%;height:100%;object-fit:contain}.achievement-toast>div:nth-child(2){display:grid;gap:3px}.achievement-toast small{color:var(--gold-b,#e5b96c);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.achievement-toast b{font:600 16px Cinzel,Georgia,serif}.achievement-toast span{color:var(--text-3,#aaa69d);font-size:9px;line-height:1.35}.achievement-toast>i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-b,#e5b96c);transform-origin:left;animation:achievement-toast-time 10s linear forwards}
@keyframes title-text-flow{to{background-position:300% 50%}}@keyframes title-text-pulse{50%{filter:brightness(1.1)}}@keyframes title-text-shimmer{0%,28%,100%{background-position:0 50%;filter:none}58%{background-position:100% 50%;filter:drop-shadow(0 0 1px var(--title-text-animation-color)) brightness(1.06)}}@keyframes title-text-glow{0%,100%{text-shadow:none;filter:none}50%{text-shadow:0 0 2px var(--title-text-animation-color),0 0 5px color-mix(in srgb,var(--title-text-animation-color) 45%,transparent);filter:brightness(1.06)}}@keyframes title-text-flicker{0%,40%,100%{text-shadow:none;filter:brightness(1)}50%{text-shadow:0 0 2px var(--title-text-animation-color);filter:brightness(1.08)}}@keyframes title-text-wave{0%,100%{text-shadow:none;filter:brightness(1)}50%{text-shadow:1px 0 2px var(--title-text-animation-color);filter:brightness(1.06)}}@keyframes title-text-glint{0%,24%,100%{background-position:0 50%;filter:none}46%{background-position:105% 50%;filter:drop-shadow(0 0 1px var(--title-text-animation-color)) brightness(1.08)}68%{background-position:210% 50%;filter:none}}@keyframes title-text-sparkle{0%,42%,100%{background-position:0 50%;filter:brightness(1)}54%{background-position:105% 50%;filter:drop-shadow(0 0 1px var(--title-text-animation-color)) brightness(1.09)}66%{background-position:205% 50%;filter:brightness(1.03)}}@keyframes title-text-aurora{0%,100%{background-position:0 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:drop-shadow(0 0 2px var(--title-text-animation-color)) brightness(1.06)}}@keyframes title-text-prism{0%{background-position:0 50%;filter:brightness(1)}50%{filter:drop-shadow(0 0 1px var(--title-text-animation-color)) brightness(1.07)}100%{background-position:300% 50%;filter:brightness(1)}}@keyframes title-frame-pulse{50%{filter:brightness(1.14)}}@keyframes title-frame-flow{to{transform:translateX(120%)}}@keyframes title-frame-electric{0%,88%,100%{opacity:.04;transform:translateX(-120%)}92%{opacity:.36;transform:translateX(-20%)}96%{opacity:.12;transform:translateX(55%)}}@keyframes achievement-toast-time{to{transform:scaleX(0)}}
@media(max-width:1500px),(max-height:860px){.presence-panel{left:6px;width:clamp(296px,21vw,328px);padding:7px}.presence-list{gap:8px;margin-top:9px;max-height:352px;padding:4px 1px}.presence-row{min-height:80px;padding:10px 12px;column-gap:6px}.presence-row.title-frame-equipped{--title-frame-display-top:12px;--title-frame-display-right:16px;--title-frame-display-bottom:12px;--title-frame-display-left:16px}#topbar.title-frame-equipped{--title-frame-display-top:10px;--title-frame-display-right:14px;--title-frame-display-bottom:10px;--title-frame-display-left:14px;padding-left:20px;padding-right:20px}}
@media(max-width:1220px),(max-height:760px){.presence-panel{left:5px;width:clamp(280px,23vw,304px);padding:6px}.presence-list{max-height:250px;padding:3px 0}.presence-row{min-height:76px;padding:9px 10px;grid-template-columns:26px 26px minmax(0,1fr);column-gap:5px}.presence-row .presence-main{row-gap:5px}.presence-row .presence-title{font-size:11px}.presence-row.title-frame-equipped{--title-frame-display-top:10px;--title-frame-display-right:14px;--title-frame-display-bottom:10px;--title-frame-display-left:14px}#topbar.title-frame-equipped{--title-frame-display-top:9px;--title-frame-display-right:12px;--title-frame-display-bottom:9px;--title-frame-display-left:12px;padding-left:13px;padding-right:13px}}
@media(max-width:959px){.presence-panel{width:auto}}
@media(max-width:1000px){.title-current-card .title-current-preview.presence-row{width:min(324px,100%);max-width:324px;flex-basis:auto}.title-current-card .title-style-picker{width:100%;margin-left:0}}
@media(orientation:landscape) and (min-width:960px) and (max-width:1280px){.presence-panel{left:5px;width:296px;padding:5px}.presence-list{gap:8px;margin-top:8px;max-height:250px;padding:3px 0}.presence-row{min-height:76px;padding:9px 10px;grid-template-columns:26px 26px minmax(0,1fr);column-gap:5px}.presence-row .presence-main{row-gap:5px}.presence-row .presence-title{font-size:11px}.presence-row.title-frame-equipped{--title-frame-display-top:10px;--title-frame-display-right:14px;--title-frame-display-bottom:10px;--title-frame-display-left:14px}#topbar .top-player-title{font-size:9px}#topbar .top-level::after{font-size:8px}}
@media(orientation:landscape) and (min-width:960px) and (max-width:1280px) and (max-height:620px){#topbar .top-player-title{font-size:8px}#topbar .top-level::after{font-size:7px}}
@media(prefers-reduced-motion:reduce){.title-text-animated,.title-frame-pulse::before,.title-frame-shimmer::after,.title-frame-flow::after,.title-frame-electric::after{animation:none!important}.achievement-toast{transition:none}.achievement-toast>i{animation:none}}
@media(forced-colors:active){.presence-row.title-row-background-equipped{background-image:none}.presence-row:focus-visible{outline:2px solid Highlight}}