.character-page{max-width:1280px;padding:14px 18px 44px}.character-page-layout{display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr);gap:12px;align-items:start}.character-main{min-width:0}.character-header{position:sticky;top:74px;display:grid;min-height:0;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;max-height:calc(100vh - 88px);margin-bottom:0;overflow-x:hidden;overflow-y:auto;border-radius:8px;padding:14px;scrollbar-width:thin;background:linear-gradient(135deg,color-mix(in srgb,var(--element) 18%,transparent),transparent 48%),linear-gradient(180deg,#ffffff12,#ffffff05),#05080c47;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 24px #0000001a}.character-header:before{position:absolute;z-index:1;top:0;right:0;left:0;height:3px;background:var(--element);content:""}.character-header:after{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(4,6,10,.28),transparent);pointer-events:none;content:""}.character-header-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:0}.page-title{max-width:100%;margin:0;color:#fff;font-size:1.82rem;font-weight:850;line-height:1.04;text-wrap:balance}.last-updated{display:inline-flex;width:100%;min-height:0;align-items:flex-start;flex-direction:column;gap:2px;margin-top:10px;border:1px solid color-mix(in srgb,var(--element) 45%,transparent);border-radius:8px;padding:5px 9px;background:color-mix(in srgb,var(--element) 13%,rgba(0,0,0,.28));color:color-mix(in srgb,var(--text) 78%,transparent);font-size:.76rem;font-weight:750}.character-header-meta{display:flex;max-width:100%;flex-wrap:wrap;gap:7px}.last-updated strong{color:color-mix(in srgb,#fff 88%,var(--element) 12%)}.build-note-hint{display:inline-flex;width:100%;min-height:34px;align-items:center;gap:6px;margin-top:8px;padding:7px 9px;border-radius:8px;background:#070a0f2e;box-shadow:inset 0 0 0 1px #ffffff17,0 12px 28px #0000001a;font-size:.76rem;line-height:1.2}.build-note-hint:first-child{margin-top:0}.build-note-hint+.grid{margin-top:8px}.build-note-hint .note-marker-text{color:var(--element);font-size:.84rem;line-height:1}.character-art-stage{position:relative;z-index:2;display:flex;min-height:0;align-items:center;justify-content:center;justify-self:stretch;align-self:start;padding:0;overflow:hidden}.character-image{display:block;width:min(100%,132px);max-width:none;height:auto;max-height:132px;aspect-ratio:1;object-fit:contain;object-position:center;border:1px solid color-mix(in srgb,var(--element) 36%,transparent);border-radius:8px;padding:8px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--element) 24%,transparent),transparent 64%),#0000002e}.character-builds-layout{display:grid;gap:10px;align-items:start}.build-badge{display:inline-flex;width:fit-content;min-height:24px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 46%,transparent);border-radius:8px;padding:3px 8px;background:#ffffff0d;color:var(--accent);font-size:.72rem;font-weight:850;line-height:1;max-width:100%;overflow-wrap:anywhere;white-space:normal}.build-switcher{position:relative;z-index:2;display:grid;gap:7px;margin-top:5px}.build-switcher-button{position:relative;display:grid;width:100%;min-height:42px;grid-template-columns:minmax(0,1fr);gap:5px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 9px;background:#ffffff0b;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.build-switcher-button:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--element);opacity:0;content:""}.build-switcher-button:hover,.build-switcher-button:focus-visible{border-color:color-mix(in srgb,var(--element) 42%,transparent);background:color-mix(in srgb,var(--element) 10%,rgba(255,255,255,.045));outline:none}.build-switcher-button.is-active{border-color:color-mix(in srgb,var(--element) 64%,white 6%);background:color-mix(in srgb,var(--element) 16%,rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--element) 18%,transparent),0 8px 20px color-mix(in srgb,var(--element) 10%,transparent)}.build-switcher-button.is-active:before{opacity:1}.build-switcher-name{min-width:0;color:#fff;font-size:.84rem;font-weight:850;line-height:1.14;overflow-wrap:anywhere}.build-switcher-button .build-badge{min-height:20px;padding:3px 6px;font-size:.62rem}.build-calculation-panels{display:contents}.build-calculation-panel{position:relative;z-index:2;display:none;min-width:0}.build-calculation-panel.is-active:not([hidden]){display:block}.build-calculation-card{overflow:hidden;border:1px solid var(--element);border-radius:8px;background:#0000002e}.build-calculation-card h2{margin:0;border-bottom:1px solid rgba(255,255,255,.08);padding:7px 9px;color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.build-calculation-list{display:grid;gap:1px}.build-calculation-link{min-width:0;padding:7px 9px;background:#ffffff06}.build-calculation-link+.build-calculation-link{border-top:1px solid rgba(255,255,255,.07)}.build-calculation-link>a{display:block;font-size:.76rem;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.build-calculation-link>a:after{margin-left:4px;content:"↗"}.build-calculation-credit{margin-top:3px;color:color-mix(in srgb,var(--text) 68%,transparent);font-size:.67rem;line-height:1.3;overflow-wrap:anywhere}.build-list{min-width:0}.build-card{position:relative;margin-bottom:0;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#05080c3d;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 24px #0000001a}.build-card:before{position:absolute;z-index:2;top:0;right:0;left:0;height:3px;background:color-mix(in srgb,var(--element) 52%,transparent);opacity:0;content:"";transition:opacity .16s ease}.build-content{overflow:visible;padding:10px;font-size:.9rem;line-height:1.42}.build-card.open{overflow:visible;z-index:30}.build-card.open:before{opacity:1}.build-card.open .build-content{padding:10px}.grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1.06fr) minmax(0,1fr);gap:9px;align-items:stretch;margin-top:0;overflow:visible}.card{border-radius:8px}.recommendation-card,.notes-card{position:relative;min-width:0;overflow:hidden;margin-bottom:9px;border:0;padding:0;background:#070a0f2e;box-shadow:inset 0 0 0 1px #ffffff17,0 8px 20px #00000014;backdrop-filter:none}.recommendation-card h2,.notes-card h2{margin:0;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 10px 7px;color:var(--accent);font-size:.82rem;font-weight:850;letter-spacing:.06em;text-align:left;text-transform:uppercase}.recommendation-card-body{display:grid;gap:7px;padding:8px}.notes-content{display:grid;gap:9px;padding:10px}.grid>.recommendation-card{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr);margin-bottom:0}.grid>.recommendation-card>.recommendation-card-body{align-content:start}.talent-card{grid-column:1 / -1}.grid>.talent-card{height:auto}.talent-card .recommendation-card-body{padding:7px 8px 8px}.talent-card .rank-list{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:5px}.talent-card .rank-group{height:100%}.talent-card .rank-row{min-height:28px;align-items:center;padding:4px 6px}.recommendation-section{display:grid;gap:5px;padding:0}.recommendation-section+.recommendation-section{border-top:1px solid rgba(255,255,255,.08);padding-top:7px}.recommendation-section h3,.notes-section h3{margin:0;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-align:left;text-transform:uppercase}.rank-list{display:grid;gap:4px}.rank-group{position:relative;display:grid;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0b}.rank-row{display:grid;min-width:0;min-height:28px;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:start;padding:5px 6px}.rank-group .rank-row+.rank-row{border-top:1px solid rgba(255,255,255,.045)}.rank-row.alt{background:transparent}.rank-list>.rank-row,.conditional-row{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0b}.weapon-card .rank-row.is-free-weapon{position:relative;background:linear-gradient(90deg,color-mix(in srgb,#7ee0ad 18%,transparent),color-mix(in srgb,#7ee0ad 8%,transparent) 48%,#ffffff0b),#ffffff0b}.weapon-card .rank-row.is-free-weapon:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:#9ef0c2;content:"";pointer-events:none}.weapon-card .rank-group .rank-row.is-free-weapon:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.weapon-card .rank-group .rank-row.is-free-weapon:first-child:before,.weapon-card .rank-list>.rank-row.is-free-weapon:before,.weapon-card .conditional-row.is-free-weapon:before{border-top-left-radius:7px}.weapon-card .rank-group .rank-row.is-free-weapon:last-child{border-bottom-right-radius:7px;border-bottom-left-radius:7px}.weapon-card .rank-group .rank-row.is-free-weapon:last-child:before,.weapon-card .rank-list>.rank-row.is-free-weapon:before,.weapon-card .conditional-row.is-free-weapon:before{border-bottom-left-radius:7px}.free-weapon-note{display:inline-flex;max-width:100%;gap:6px;align-items:center;margin:2px 0;color:#ffffffa3;font-size:.72rem;line-height:1.35}.free-weapon-note-mark{flex:0 0 auto;width:3px;height:14px;border-radius:999px;background:#9ef0c2;box-shadow:0 0 10px color-mix(in srgb,#7ee0ad 36%,transparent)}.rank-number,.rank-marker{display:grid;width:22px;min-height:22px;place-items:center;border:1px solid color-mix(in srgb,var(--element) 30%,transparent);border-radius:7px;background:color-mix(in srgb,var(--element) 14%,rgba(0,0,0,.22));color:color-mix(in srgb,#fff 88%,var(--element) 12%);font-size:.68rem;font-weight:900;line-height:1}.rank-marker:before{width:6px;height:6px;border-radius:999px;background:var(--element);content:""}.rank-approx{display:grid;width:22px;min-height:22px;place-items:center;color:color-mix(in srgb,#fff 78%,var(--text) 22%);font-weight:900}.rank-content{min-width:0;padding-top:1px;overflow-wrap:anywhere}.artifact-set-content{display:grid;gap:4px}.artifact-set-content>.alt{margin-left:0}.conditional-list{display:grid;gap:5px;border-top:1px solid rgba(255,255,255,.08);padding-top:7px}.conditional-heading{color:color-mix(in srgb,var(--text) 76%,transparent);font-size:.8rem;font-weight:850}.stat-grid{display:grid;gap:4px}.stat-row{display:grid;min-width:0;grid-template-columns:76px minmax(0,1fr);gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:5px 6px;background:#ffffff0b}.stat-row strong{color:color-mix(in srgb,#fff 82%,var(--element) 18%);font-size:.78rem}.stat-row span{min-width:0;overflow-wrap:anywhere}.alt{color:color-mix(in srgb,var(--text) 82%,transparent)}.element-bold{color:color-mix(in srgb,#fff 30%,var(--element) 70%);font-weight:850}.accent-text{color:var(--accent)}.inline-note-label{display:inline}.inline-note-label-emphasized{color:color-mix(in srgb,#fff 82%,var(--accent) 18%);font-weight:850}.note-tail{white-space:nowrap}.note-link{display:inline-grid;min-width:20px;min-height:20px;place-items:center;margin:-3px -3px -3px 0;padding:3px;color:var(--element);font-weight:900;line-height:1;text-decoration:none}.note-marker-text{color:var(--element);font-weight:900}.rank-content .note-link,.stat-row .note-link{display:inline;min-width:0;min-height:0;margin:0 0 0 1px;padding:0 1px;vertical-align:baseline}.note-link:hover,.note-link:focus-visible{color:var(--accent);outline:none;text-decoration:none}.note-target{border-radius:8px;padding:6px 8px;scroll-margin-top:96px}.note-target:target{animation:note-highlight 1.4s ease-out}.notes-card{margin-top:9px}.notes-content{gap:10px}.notes-block,.notes-section,.note-group,.build-note-list{display:grid;gap:7px}.notes-section{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.notes-content>.notes-section:first-child,.notes-block+.notes-section{border-top:0;padding-top:0}.notes-section p{margin:10px 0}.notes-section h4{margin:2px 0 0;color:var(--accent);font-size:.82rem;font-weight:850}.build-note-list,.note-target{border:1px solid rgba(124,85,85,.08);border-radius:8px;background:#ffffff0a}.build-note-list{padding:4px 8px}.build-note-list p{margin:2px 0}.weapon-card:hover,.weapon-card:focus-within{z-index:100}.info-popover{position:relative;display:inline}.info-popover-trigger{display:inline;border:0;padding:0;background:none;color:color-mix(in srgb,#fff 82%,var(--accent) 18%);cursor:pointer;font:inherit;font-weight:850;overflow-wrap:anywhere;text-align:left}.info-popover-trigger:focus-visible{border-radius:4px;outline:2px solid var(--element);outline-offset:2px}.info-popover-card{position:fixed;inset:8px auto auto 8px;z-index:10000;display:none;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 16px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--element) 48%,rgba(255,255,255,.18));border-radius:8px;margin:0;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--element) 10%,transparent),transparent 44%),color-mix(in srgb,var(--bg) 86%,#05080c 14%);box-shadow:0 18px 44px #00000057;color:var(--text);font-size:.85rem;font-weight:400;line-height:1.38;white-space:normal;pointer-events:auto;touch-action:auto;-webkit-overflow-scrolling:touch}.info-popover-card:popover-open{display:block}.info-popover-header{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:12px}.info-popover-header.has-image{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.info-popover-image{display:grid;width:64px;height:64px;place-items:center;border:1px solid color-mix(in srgb,var(--element) 42%,transparent);border-radius:8px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--element) 20%,transparent),transparent 64%),#00000029}.info-popover-image img{display:block;width:88%;height:88%;object-fit:contain}.info-popover-name,.info-popover-rarity,.weapon-popover-passive{display:block}.info-popover-name,.info-popover-rarity{min-width:0;color:var(--accent);font-size:1.05rem;font-weight:850;line-height:1.2}.info-popover-name{overflow-wrap:anywhere}.info-popover-rarity{justify-self:end;white-space:nowrap}.info-popover-stat{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.info-popover-stat:first-of-type{margin-top:10px}.info-popover-stat+.info-popover-stat{border-top:1px solid color-mix(in srgb,var(--text) 20%,transparent)}.artifact-popover-effect{display:grid;grid-template-columns:auto 1fr;align-items:start;justify-content:start}.artifact-popover-effect strong{text-align:left}.inline-info-label{display:inline;min-width:0;overflow-wrap:anywhere;white-space:normal}.inline-info-label .bold{margin-left:.35em;white-space:nowrap}.artifact-info-label,.artifact-info-label .info-popover,.artifact-info-label .info-popover-trigger{display:inline}.artifact-piece-suffix{font-weight:850;white-space:nowrap}.rotation-popover-trigger{color:var(--accent);font-weight:850;text-decoration:underline dotted;text-underline-offset:.16em}.rotation-popover-intro,.rotation-popover-note,.rotation-popover-legend,.rotation-popover-row{display:block}.rotation-popover-note{margin-top:12px}.rotation-popover-legend{margin-top:8px}.rotation-popover-row+.rotation-popover-row{margin-top:4px}.rotation-popover-key{color:var(--accent);white-space:nowrap}.weapon-popover-refinement{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;font-weight:850}.weapon-popover-refinement-button{border:1px solid color-mix(in srgb,var(--element) 55%,var(--text));border-radius:7px;padding:3px 7px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-weight:850;touch-action:manipulation}.weapon-popover-refinement-button[aria-selected=true]{background:var(--element);color:#05080c}.weapon-popover-passive{margin-top:8px}.weapon-popover-passive-value{color:var(--accent-color, var(--element));font-weight:850}.weapon-popover-source{display:flex;justify-content:space-between;gap:12px;margin-top:10px;border-top:1px solid color-mix(in srgb,var(--text) 16%,transparent);padding-top:8px;color:color-mix(in srgb,var(--text) 62%,transparent);font-size:.76rem;font-weight:650}.weapon-popover-source strong{color:color-mix(in srgb,var(--text) 76%,transparent);font-weight:750;text-align:right}@keyframes note-highlight{0%,55%{background:color-mix(in srgb,var(--element) 18%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--element) 14%,transparent)}to{background:transparent;box-shadow:0 0 0 0 transparent}}@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1040px){.character-page-layout{grid-template-columns:minmax(160px,205px) minmax(0,1fr)}.page-title{font-size:1.58rem}.character-image{width:min(100%,116px);max-height:116px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.info-popover-card{position:fixed;top:50%!important;right:16px;bottom:auto;left:16px!important;max-height:min(420px,calc(100vh - 48px));overflow:auto;transform:translateY(-50%)}.info-popover-header.has-image{grid-template-columns:58px minmax(0,1fr) auto}.info-popover-image{width:58px;height:58px}.info-popover-card:popover-open{display:block}}@media(max-width:720px){.character-page{padding:12px 10px 36px}.character-page-layout{grid-template-columns:1fr;gap:8px}.character-header{position:relative;top:auto;min-height:0;max-height:none;grid-template-columns:68px minmax(0,1fr);grid-template-areas:"art copy" "builds builds" "calculations calculations";gap:9px 10px;margin-bottom:0;overflow:hidden;padding:10px}.character-header:after{display:none}.character-header-copy{grid-area:copy;justify-content:center;min-height:64px;padding:0}.page-title{font-size:1.56rem;line-height:1.04}.last-updated{width:fit-content;max-width:100%;min-height:22px;align-items:center;flex-direction:row;flex-wrap:wrap;gap:3px 5px;margin-top:6px;padding:3px 7px;font-size:.66rem;line-height:1.1}.character-art-stage{grid-area:art;min-height:0;align-items:center;justify-content:center;padding:0}.character-image{width:64px;max-width:none;height:auto;max-height:64px;margin-inline:auto;padding:5px}.build-switcher{grid-area:builds;display:grid;grid-template-columns:1fr;gap:6px;margin-top:0;overflow:visible;padding:0}.build-calculation-panel{grid-area:calculations}.build-calculation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.build-calculation-link:nth-child(2n){border-top:0;border-left:1px solid rgba(255,255,255,.07)}.build-switcher-button{min-width:0;max-width:none;min-height:34px;grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:6px;align-items:center;padding:6px 8px;text-align:left}.build-switcher-button:before{inset:auto 8px 0;width:auto;height:2px;border-radius:999px 999px 0 0}.build-switcher-name{display:block;width:100%;overflow:visible;font-size:.78rem;line-height:1.08;text-align:left;overflow-wrap:anywhere}.build-switcher-button .build-badge{justify-self:start;min-height:18px;padding:2px 5px;font-size:.58rem}.grid,.talent-card .rank-list{grid-template-columns:1fr}.rank-row,.stat-row{padding:6px}.note-link{position:relative;z-index:1}.note-link:before{position:absolute;inset:-10px;content:""}.rank-content .note-link:before,.stat-row .note-link:before{inset:-12px -10px}}@media(max-width:480px){.page-title{font-size:1.34rem}.last-updated{margin-top:5px;padding:3px 6px;font-size:.62rem}.character-header{grid-template-columns:58px minmax(0,1fr);gap:8px;padding:9px}.character-header-copy{min-height:56px;padding:0}.character-art-stage{padding:0}.character-image{width:56px;max-height:56px;padding:4px}.build-switcher-button{min-width:0}.build-calculation-list{grid-template-columns:1fr}.build-calculation-link:nth-child(2n){border-top:1px solid rgba(255,255,255,.07);border-left:0}.recommendation-card-body{padding:8px}.notes-content{padding:10px}.stat-row{grid-template-columns:1fr;gap:3px}.info-popover-header.has-image{grid-template-columns:52px minmax(0,1fr);gap:8px 10px}.info-popover-header.has-image .info-popover-image{grid-row:1 / span 2}.info-popover-header.has-image .info-popover-rarity{grid-column:2;justify-self:start;font-size:.92rem}.info-popover-image{width:52px;height:52px}}