.build-item-preview{pointer-events:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;z-index:10050!important}.build-item-preview .art{object-fit:contain}.map-heatmap-note{color:#b0b1a8;font-size:11px;line-height:1.8}.community-skill-editor{min-width:0}.community-skill-choices{flex-wrap:wrap;gap:8px;display:flex}.community-skill-choices button{white-space:normal;text-align:start;align-items:center;gap:7px;display:flex}.community-skill-choices img{object-fit:contain;background:#353a3a;border-radius:50%}.community-skill-sequence{overflow-wrap:anywhere;color:var(--orange);direction:ltr}.hero-overview-posters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;margin-block:20px;display:grid}.overview-poster{color:#111719;background:#78b5c3;min-width:0;overflow:hidden}.overview-poster summary{cursor:pointer;min-height:265px;padding:20px;list-style:none;display:block;position:relative}.overview-poster summary::-webkit-details-marker{display:none}.overview-poster h2{margin:0 0 16px;font-size:clamp(18px,2vw,25px);font-weight:950;line-height:1.3}.overview-poster summary:focus-visible{outline-offset:-4px;outline:3px solid #ffda82}.overview-versus{background:linear-gradient(90deg,#65cbb2 50%,#df704e 50%);grid-column:span 2}.overview-versus-halves{grid-template-columns:1fr 1fr;gap:28px;display:grid}.overview-portraits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.overview-portraits>div{text-align:center;min-width:0;font-size:11px;font-weight:800}.overview-portraits>div>div{background:#152026;border:4px solid #20232355;height:124px;position:relative;overflow:hidden;transform:rotate(-3deg)}.overview-portraits>div:nth-child(2)>div{transform:rotate(3deg)}.overview-portraits img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.overview-portraits b{color:#9ce4aa;background:#101518e0;padding:5px;font-size:16px;position:absolute;bottom:0;left:0;right:0}.overview-portraits strong{overflow-wrap:anywhere;margin-top:8px;display:block}.overview-open{color:#17191a;background:#f5e9c9;margin-top:20px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.overview-details{color:#ece4d3;background:#111a20;padding:18px}.overview-details .profile-matchups{margin:0}.overview-details h3{font-size:15px}.overview-poster[open]>summary .overview-open{color:#fff;background:#1b2025}.overview-partners{background:#7494cf}.overview-items{background:#a17bcb}.overview-ranks{background:#c6bbaa}.overview-base{background:#80a87c}.overview-ranks summary>img{float:left;object-fit:contain;margin:0 15px 5px 0}.overview-ranks summary>p{font-size:13px}.overview-item-preview{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.overview-item-preview>div{text-align:center;background:#242036;min-width:0;padding:5px}.overview-item-preview img{object-fit:contain;max-width:100%}.overview-item-preview b{color:#96e2aa;font-size:11px;display:block}.overview-base-preview{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.overview-base-preview b{font-size:30px;display:block}.overview-base-preview small{font-weight:800}.overview-base-preview>div{text-align:center}.hero-lore-file{border:1px solid #6a6654;color:#282b24;background:#d8caa5;border-inline-start:7px solid #c7b98c;margin-block:24px;padding:clamp(24px,5vw,54px);position:relative;box-shadow:7px 8px #0003}.hero-lore-file:before{content:"FILE";color:#75675099;pointer-events:none;opacity:.5;border:3px solid #75675099;padding:5px 10px;font:900 24px/1 Arial;position:absolute;top:20px;left:22px;transform:rotate(-9deg)}.hero-lore-file header{padding-inline-end:80px}.hero-lore-file .content-body{font-size:17px;line-height:2}.hero-lore-file footer{border-top:1px solid #6e614f55;flex-wrap:wrap;gap:15px;padding-top:20px;font-size:12px;display:flex}.hero-lore-file a{color:#423b2a;text-decoration:underline}.hero-lore-file .chip{color:#25291f;border-color:#665c45}@media (max-width:1000px){.hero-overview-posters{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-versus{grid-column:span 2}}@media (max-width:600px){.hero-overview-posters{grid-template-columns:1fr}.overview-versus{grid-column:auto}.overview-versus summary{padding:14px}.overview-versus-halves{gap:16px}.overview-portraits{gap:4px}.overview-portraits>div>div{border-width:2px;height:100px}.overview-portraits b{font-size:13px}.overview-portraits strong{font-size:10px}.overview-poster summary{min-height:240px}.hero-lore-file header{padding-inline-end:0}.hero-lore-file:before{display:none}}.reference-skill-order{color:#efe9d7;background:#101617;border:1px solid #343b3c;min-width:0;margin-block:24px;padding:18px}.reference-skill-order>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.reference-skill-order h3{margin:0;font-size:15px}.reference-skill-order header p{color:#b6b1a1;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.reference-skill-order .skill-order-scroll{scrollbar-width:thin;max-width:100%;overflow-x:auto}.reference-skill-order table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px}.reference-skill-order thead th{color:#817f74;text-align:center;padding:5px;font-size:10px}.reference-skill-order th:first-child{text-align:left;z-index:1;background:#101617;width:180px;min-width:160px;position:sticky;left:0}.reference-skill-order tbody th>span{align-items:center;gap:7px;padding:7px;display:flex}.reference-skill-order th img{object-fit:contain;background:#343c3f;border:1px solid #8b7c5b;border-radius:50%}.reference-skill-order tbody tr:nth-child(2n){background:#ffffff05}.reference-skill-order td{text-align:center;border-bottom:1px solid #ffffff0b;padding:3px}.reference-skill-order .skill-point{white-space:nowrap;color:#eee5d3;background:#1d2223;border:1px solid #55574f;border-radius:3px;min-width:27px;padding:2px 4px;font-weight:800;display:inline-block}.reference-skill-order .skill-unlock{color:#d8a3ff}.reference-skill-order .skill-point.skill-unlock{background:#583277;border-color:#a769db}.reference-build-head{isolation:isolate;border-bottom:3px solid var(--orange);background:radial-gradient(at 20% 100%,#5f46284d,#0000 65%),#15191c;min-height:280px;padding:32px;position:relative;overflow:hidden}.reference-build-head .hero-head-copy{flex:1;min-width:0}.reference-build-head h1{overflow-wrap:anywhere;font-size:clamp(26px,4vw,48px)}.reference-build-head>img,.reference-build-head>.hero-art{object-fit:contain;align-self:end;max-height:250px}.reference-build-head .tag-list{margin-bottom:16px}.build-game-shop{color:#25271e;background:#a59e84 url(/images/reference/shop/game/catalog/bg_all.webp) 50%/cover;border:3px solid #555d54;align-items:stretch;min-width:0;margin-block:24px;display:flex}.build-game-shop>nav{background:#13181c;flex-direction:column;flex:none;gap:8px;width:64px;padding:12px 4px;display:flex}.build-shop-tab{color:#162126;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);opacity:.6;background:#b9bca9;border:0;min-height:58px;padding:6px 3px;transition:opacity .15s}.build-shop-tab b{font-size:24px;display:block}.build-shop-tab span{font-size:10px;font-weight:800}.build-shop-tab[aria-pressed=true],.build-shop-tab:hover{opacity:1;background:#f3eac8}.build-shop-tab.tab-weapon{background:#d4ab54}.build-shop-tab.tab-spirit{background:#b287d3}.build-shop-tab.tab-vitality{background:#a3c962}.build-shop-groups{flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:10px;min-width:0;padding:18px;display:flex}.build-shop-group{background:#423e3025;border:2px solid #6d6e5d;flex:240px;min-width:0;max-width:100%}.build-shop-group.optional{background:#34577c40}.build-shop-group h2{color:#fff2d5;overflow-wrap:anywhere;background:#3c382bb0;margin:0;padding:8px;font-size:13px}.build-shop-group h2 small{color:#9dceff;font-size:10px}.build-shop-group>p{white-space:pre-line;overflow-wrap:anywhere;margin:0;padding:8px;font-size:12px}.build-shop-group ol{flex-wrap:wrap;gap:5px;margin:0;padding:8px;list-style:none;display:flex}.build-shop-group li{width:80px;list-style:none}.build-shop-item{isolation:isolate;text-align:center;background:#e2c483;border:1px solid #393b2e60;flex-direction:column;align-items:center;min-height:119px;padding:7px 3px 3px;transition:transform .15s;display:flex;position:relative;box-shadow:2px 3px #0003;color:#1b2118!important}.build-shop-item.category-spirit{background:#c7b4df}.build-shop-item.category-vitality{background:#bed09b}.build-shop-item:hover,.build-shop-item:focus-visible{z-index:2;outline:2px solid #fff1b0;transform:translateY(-4px)}.build-shop-item img{object-fit:contain}.build-shop-item strong{overflow-wrap:anywhere;min-height:23px;font:800 10px/1.1 ShopOracle,Arial,sans-serif}.build-item-cost{color:#1c503a;font-size:10px;font-weight:800}.build-item-tier{color:#332d24;font-weight:900;position:absolute;top:1px;right:3px}.ability-dialog{border:1px solid var(--hero-accent,#d9ad60);width:min(720px,100vw - 28px);max-height:85dvh;color:var(--text,#eee9dd);position:fixed;inset:0;overflow:auto;box-shadow:0 25px 100px #000b;margin:auto!important}.ability-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05090dd9}.ability-dialog-tabs{gap:6px;margin-bottom:20px;display:flex;overflow-x:auto}.ability-dialog-tabs button{color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #7776;border-radius:4px;align-items:center;gap:5px;min-width:0;padding:8px;font-size:12px;display:flex}.ability-dialog-tabs button[aria-pressed=true]{border-color:var(--hero-accent,#f08a36);background:#b98a3326}.ability-dialog-tabs img{object-fit:contain}.ability-dialog .property-grid{margin-block:20px}.hero-leaderboard>div{align-items:center;gap:12px;grid-template-columns:42px minmax(0,1fr) 85px 75px!important;padding:14px!important;display:grid!important}.hero-leaderboard a,.hero-leaderboard span{overflow-wrap:anywhere}.hero-leaderboard>div:nth-child(-n+3)>b{color:var(--orange)}.hero-leaderboard small{color:#a9aaa3}.meta-chart-readout{background:#203e35;border-inline-start:3px solid #27b896;padding:10px 14px;font-size:13px}.meta-history circle:focus{stroke:#fff2c9;stroke-width:3px;outline:none}.meta-delta-bar{direction:ltr;position:relative}.meta-delta-bar>i{position:absolute;top:0;bottom:0}.meta-delta-bar:after{content:"";background:#8f928855;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.ref-spark{direction:ltr}.mvp-records>div{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))!important;display:grid!important}.mvp-records .panel{min-width:0;padding:14px}.mvp-records h3{background:#080d11;width:fit-content;padding:5px 8px;font-size:12px}.mvp-records .panel>a{grid-template-columns:20px 25px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:12px;display:grid}.mvp-records .panel>a:first-of-type{color:var(--orange);font-size:14px}.mvp-records .panel>a strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mvp-records .panel>a b{color:#171a1e;text-align:center;background:#eee4cf}.mvp-records .panel>a span{font-weight:800}.map-spawn-timers{margin-top:48px;scroll-margin-top:30px}.map-spawn-timers h2{margin:0;font-size:clamp(24px,3vw,38px)}.map-spawn-timers header p{color:#b2b0a8}.map-spawn-timers th{text-align:start}.map-spawn-timers tbody th>span{align-items:center;gap:9px;display:flex}.map-spawn-timers tbody td:last-child{color:#b1b0a9;font-size:13px}.map-spawn-timers details{border:1px solid #ffffff24;margin-top:15px;padding:16px}.map-spawn-timers summary{cursor:pointer;font-weight:800}.map-camp-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.map-camp-directory>div{background:#ffffff05;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.map-camp-directory strong{overflow-wrap:anywhere;flex:1}.map-spawn-timers>.muted{font-size:12px}@media (max-width:1100px){.mvp-records>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:650px){.reference-build-head{min-height:210px;padding:20px}.reference-build-head>img{width:90px;height:120px}.build-game-shop{flex-direction:column}.build-game-shop>nav{flex-direction:row;width:auto}.build-shop-tab{flex:1}.build-shop-tab b{font-size:18px}.build-shop-groups{gap:10px;padding:10px}.build-shop-group{flex-basis:100%}.ability-dialog-tabs button span{display:none}.hero-leaderboard>div{gap:6px;font-size:12px;grid-template-columns:30px minmax(0,1fr) 62px 62px!important}.mvp-records>div{grid-template-columns:1fr!important}.map-camp-directory{grid-template-columns:1fr}.map-spawn-timers table{min-width:620px}}@media (prefers-reduced-motion:reduce){.build-shop-item,.build-shop-tab{transition:none}}
