:root{--orange:#fa7713;--ref-paper:url(/images/interface/grain-faint.webp);--ref-cut:polygon(1% 2%, 23% 0, 38% 1%, 57% 0, 75% 2%, 99% 0, 100% 96%, 83% 98%, 67% 97%, 48% 100%, 28% 98%, 1% 100%, 0 49%);--wrap:1280px}.ref-page{gap:24px;width:min(100%,1280px);min-width:0;min-height:calc(100dvh - 180px);margin-inline:auto;padding:24px;display:grid}.ref-page.narrow{max-width:1080px}.ref-page>*{min-width:0}.ref-heading{isolation:isolate;clip-path:polygon(0 0,100% 0,99.6% 8%,100% 13%,99.5% 20%,100% 29%,99.6% 39%,100% 50%,99.6% 62%,100% 73%,99.6% 86%,100% 100%,0 100%);background-image:url(/images/interface/paper.webp),linear-gradient(115deg,#251615a3,#0a0b11 65%);background-size:320px,cover;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex;position:relative}.ref-heading h1{letter-spacing:-.035em;text-transform:uppercase;max-width:1000px;margin-block:10px 8px;font-size:clamp(28px,3vw,44.8px);font-weight:900;line-height:1.23}.ref-heading h1>span,.ref-orange{color:var(--orange)}.ref-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:900}.ref-subtitle{color:#817c8f;max-width:750px;font-size:13px;line-height:1.9}.ref-heading-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.ref-button{color:var(--text);text-transform:uppercase;cursor:pointer;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);background:#ffffff08;border:1px solid #ffffff0b;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:11px;font-weight:900;line-height:1.5;transition:background .16s,transform .16s;display:inline-flex}.ref-button:hover{background:#ffffff15;transform:translateY(-1px)}.ref-button.primary{background:var(--orange);color:#130b05}.ref-button.primary:hover{background:#ff8b28}.ref-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.ref-label{background:var(--orange);color:#17100a;text-transform:uppercase;padding:3px 10px;font-size:10px;font-weight:900;display:inline-block}.ref-paper{background:var(--ref-paper), #101119;border:1px solid #ffffff0b;border-radius:9px;padding:24px}.ref-callout{background:#ffffff04;border:1px solid #ffffff06;grid-template-columns:1fr auto;gap:3px 20px;padding:20px 24px;display:grid}.ref-callout b{text-transform:uppercase;font-size:14px}.ref-callout span{color:var(--muted);font-size:12px}.ref-callout i{color:var(--orange);grid-area:1/2/3;align-self:center}.ref-callout:hover{border-color:#fa771366}.ref-toolbar{background:#0f1119;border-block:1px solid #ffffff06;flex-wrap:wrap;align-items:center;gap:8px;margin-block:0 16px;padding:16px;display:flex}.ref-toolbar input,.ref-toolbar select,.ref-comparison-controls select,.ref-hero-picker>input{color:#9c96a6;background:#0a0b12;border:1px solid #ffffff0b;border-radius:0;min-width:0;max-width:100%;height:35px;padding:7px 11px;font-size:11px}.ref-toolbar>input{flex:1;min-width:150px}.ref-toolbar>small{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:800}.ref-toolbar .ref-patch-select{background:var(--orange);color:#170c05;max-width:280px;font-weight:900}.ref-view-toggle{gap:1px;display:flex}.ref-view-toggle button{color:var(--muted);cursor:pointer;background:#1a1922;border:0;padding:7px 12px}.ref-view-toggle button.active{background:var(--orange);color:#100b06}.ref-tabs{border-bottom:1px solid #ffffff08;flex-wrap:wrap;gap:7px;margin-block:0 16px;padding-bottom:12px;display:flex}.ref-tabs button{color:var(--muted);letter-spacing:.03em;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding:9px 16px;font-size:10px;font-weight:900}.ref-tabs button.active{background:var(--orange);color:#140d07;clip-path:var(--ref-cut)}.ref-status{background:#14131b;padding:8px 14px;font-size:12px}.ref-empty{text-align:center;min-height:200px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.ref-empty h2{color:var(--text);font-size:20px}.ref-empty p{font-size:13px}.ref-empty-symbol{color:var(--orange);font-size:40px}.ref-table-scroll{border-block:1px solid #ffffff08;max-width:100%;overflow-x:auto}.ref-stats-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.ref-stats-table th{text-align:start;color:#817a8d;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff0b;padding:12px 10px;font-size:9px}.ref-stats-table th button{color:inherit;cursor:pointer;text-transform:inherit;font-size:inherit;background:0 0;border:0;padding:0;font-weight:900}.ref-stats-table td{color:#888394;border-bottom:1px solid #ffffff05;height:60px;padding:13px 10px;font-size:11px}.ref-stats-table tr:nth-child(2n){background:#ffffff015}.ref-stats-table tr:hover{background:#ffffff045}.ref-stats-table td:first-child a{align-items:center;gap:9px;display:flex}.ref-stats-table td:first-child strong{color:#e4e0dc;font-size:12px}.ref-stats-table td:first-child small{color:#655f70;font-size:9px}.ref-stats-table td:first-child img{object-fit:contain;flex:none}.ref-tier{color:#0d0d10;border-radius:4px;place-items:center;min-width:28px;height:19px;padding:1px 5px;font-size:10px;font-weight:900;display:inline-grid}.ref-tier.tier-sp{background:#ffd44d}.ref-tier.tier-s{background:#b075e3}.ref-tier.tier-a{background:#55c67a}.ref-tier.tier-b{background:#6b94d2}.ref-tier.tier-c{background:#8d7f9f}.ref-tier.tier-d{background:#6b5960}.ref-win-cell{align-items:center;gap:7px;display:flex}.ref-mini-bar{background:#ffffff08;width:64px;height:4px;display:inline-block}.ref-mini-bar i{background:#14b88c;height:100%;display:block}.ref-win-cell small{font-size:9px}.ref-stats-table .up,.ref-ranking-list .up{color:#11c698}.ref-stats-table .down{color:#ef6259}.ref-hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.ref-hero-card{isolation:isolate;aspect-ratio:.78;background:#161821;border:1px solid #ffffff12;border-radius:6px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.ref-hero-card:hover{border-color:var(--orange);transform:translateY(-4px)}.ref-hero-card>img{object-fit:cover;object-position:center 12%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.ref-hero-card:after{content:"";z-index:-1;background:linear-gradient(#0000,#080b10);position:absolute;inset:20% 0 0}.ref-hero-card>div{gap:2px;display:grid;position:absolute;inset:auto 10px 9px}.ref-hero-card strong{text-transform:uppercase;font-size:14px}.ref-hero-card b{font-size:18px;font-weight:900}.ref-hero-card small{color:#9a929e;font-size:9px}.ref-card-rank{top:8px;text-transform:uppercase;background:#152135d9;padding:2px 6px;font-size:9px;font-weight:900;position:absolute;inset-inline-start:8px}.ref-hero-shade{z-index:-1;background:#060a101c;position:absolute;inset:0}.ref-podium{justify-content:center;align-items:flex-end;gap:15px;min-height:260px;margin-bottom:12px;padding:18px 0 24px;display:flex}.ref-podium .ref-hero-card{aspect-ratio:1.1;order:2;width:27%;max-width:280px}.ref-podium .podium-1{aspect-ratio:.99;border:5px solid var(--orange);order:1;width:32%;max-width:320px}.ref-podium .podium-2{order:0}.ref-podium .podium-3{order:2}.ref-podium .podium-1 .ref-card-rank{background:var(--orange);color:#140b03;top:6px;font-size:18px;inset-inline-start:6px}.ref-podium .ref-hero-card b{font-size:30px}.ref-podium .ref-hero-card strong{font-size:21px}.ref-podium .ref-hero-card>img{object-position:center 14%}.ref-ranking-list{gap:9px;display:grid}.ref-ranking-list>a{background:linear-gradient(100deg,#ffffff07,#0000);align-items:center;gap:16px;padding:13px 16px;font-size:12px;display:flex}.ref-ranking-list>a>span:first-child{text-align:center;background:#24232b;min-width:22px;font-size:10px}.ref-ranking-list strong{flex:1}.ref-ranking-list .ref-mini-bar{background:0 0;width:100px}.ref-ranking-list .ref-mini-bar i{background:#a25726}.ref-ranking-list small{color:var(--muted);font-size:9px}.ref-difficulty{margin-top:30px}.ref-difficulty h2{align-items:center;gap:12px;margin-bottom:16px;font-size:18px;display:flex}.ref-difficulty h2>span{color:#090b10;text-transform:uppercase;background:#ffbc59;padding:3px 12px}.ref-difficulty .difficulty-1{background:#24c370}.ref-difficulty .difficulty-3{background:#e46469}.ref-difficulty h2>small{color:var(--muted);font-size:11px;font-weight:500}.ref-difficulty h2>b{color:var(--muted);margin-inline-start:auto;font-size:11px}.ref-tier-group{background:var(--ref-paper), #0f1119;border:1px solid #ffffff08;border-radius:6px;margin-block:18px;overflow:hidden}.ref-tier-group>h2{border-bottom:1px solid #ffffff10;gap:12px;padding:13px 16px;font-size:13px;display:flex}.ref-tier-group h2 small{color:var(--muted);margin-inline-start:auto;font-size:10px}.ref-tier-group>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.ref-tier-group a{align-items:center;gap:8px;font-size:12px;display:flex}.ref-tier-group a span{flex:1;display:grid}.ref-tier-group small{color:var(--muted);text-transform:uppercase;font-size:9px}.ref-comparison-controls{justify-content:flex-end;gap:8px;display:flex}.ref-compare-slots{justify-content:center;gap:12px;margin-block:24px;display:flex}.ref-compare-slot{background:var(--ref-paper), #11131c;width:140px;height:165px;color:var(--muted);border:1px dashed #ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex;position:relative;overflow:hidden}.ref-compare-slot>b{font-size:24px}.ref-compare-slot.filled{border-style:solid;border-color:#fa771355}.ref-compare-slot>img{object-fit:cover;width:100%;height:100%}.ref-compare-slot>strong{color:var(--text);background:#080a11ce;padding:2px 7px;position:absolute;bottom:8px}.ref-compare-slot>button{top:4px;color:#fff;cursor:pointer;background:#080a11cc;border:0;width:25px;position:absolute;inset-inline-end:4px}.ref-popular-comparisons{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:10px;display:flex}.ref-pair-stats{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.ref-pair-stats strong{font-size:32px}.ref-compare-table{border-collapse:collapse;text-align:center;width:100%;font-size:14px}.ref-compare-table th,.ref-compare-table td{border:1px solid #ffffff0a;padding:20px}.ref-compare-table th{color:var(--muted)}.ref-compare-table th a{justify-items:center;gap:8px;display:grid}.ref-compare-table .is-best{color:#20c49a;background:#14bd8811;font-weight:900}.ref-hero-picker{margin-top:24px}.ref-hero-picker>header{justify-content:space-between;margin-bottom:15px;font-size:13px;display:flex}.ref-hero-picker>header h2{font-size:16px}.ref-hero-picker>header small{color:var(--muted)}.ref-hero-picker>div{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-top:16px;display:grid}.ref-hero-picker button{color:var(--muted);cursor:pointer;background:#ffffff03;border:1px solid #0000;justify-items:center;gap:5px;padding:9px 4px;font-size:10px;display:grid}.ref-hero-picker button.selected{border-color:var(--orange);color:var(--text);background:#fa771315}.ref-hero-picker button:disabled{opacity:.3;cursor:not-allowed}.ref-finder-intro{text-align:center;isolation:isolate;background:#080c13;place-items:center;min-height:650px;display:grid;position:relative;overflow:hidden}.ref-finder-intro>div:last-child{max-width:560px;padding:40px 20px}.ref-finder-intro h1{text-transform:uppercase;margin:20px 0 14px;font-size:clamp(32px,4vw,58px);font-weight:900;line-height:1.3}.ref-finder-intro h1 span{color:var(--orange)}.ref-finder-intro p{color:#898192;max-width:470px;font-size:14px;line-height:1.9}.ref-finder-montage{z-index:-1;opacity:.08;display:flex;position:absolute;inset:15% 10%;rotate:-12deg;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.ref-finder-montage img{object-fit:cover;width:150px}.ref-quiz-facts{justify-content:center;gap:35px;margin:25px 0 30px;display:flex}.ref-quiz-facts>span{color:var(--muted);text-transform:uppercase;font-size:10px;display:grid}.ref-quiz-facts b{color:#d1cbd0;font-size:28px}.ref-finder-intro .ref-button{padding:16px 28px;font-size:13px}.ref-quiz{width:100%;max-width:980px;margin-inline:auto;padding:30px}.ref-quiz-progress{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:12px;display:flex}.ref-quiz-progress>div{background:#ffffff09;flex-basis:100%;height:4px;overflow:hidden}.ref-quiz-progress i{background:var(--orange);height:100%;transition:width .2s;display:block}.ref-quiz h2{margin:40px 0 30px;font-size:28px}.ref-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ref-answer-grid button{min-height:170px;color:var(--text);cursor:pointer;text-align:start;background:#ffffff03;border:1px solid #ffffff0c;align-content:start;justify-items:start;gap:15px;padding:22px;display:grid}.ref-answer-grid button>b{background:#ffffff0a;padding:3px 9px;font-size:12px}.ref-answer-grid button>strong{font-size:17px}.ref-answer-grid button>span{color:var(--muted);font-size:12px}.ref-answer-grid button.selected{border-color:var(--orange);background:#fa771313}.ref-answer-grid button.selected>b{background:var(--orange);color:#0a0806}.ref-quiz footer{justify-content:space-between;margin-top:28px;display:flex}.ref-finder-results{gap:22px;display:grid}.ref-finder-results h1{font-size:36px}.ref-finder-results .ref-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sb{background:#070a10!important}.sb-top{flex-shrink:0;min-height:64px;padding:10px 14px}.sb-toggle{clip-path:polygon(8% 0,100% 3%,93% 100%,0 95%);z-index:2;background:#ffffff07;border:0;border-radius:0;width:28px;height:28px;position:relative}.sb-toggle svg{max-width:18px}.sb-link{height:39px;font-size:13px}.sb-heading{letter-spacing:.07em;color:#696574;font-size:10px!important}.sb-link.is-active{clip-path:var(--ref-cut);background:var(--orange);-webkit-mask:none!important;mask:none!important}.sb-sublink.is-active{clip-path:var(--ref-cut)!important}.sb-link.is-active:hover{animation:.42s steps(2,end) infinite ref-edge-shift}.sb-acc.has-active>summary{color:var(--orange)}html:not([data-sidebar=open]) .sb:not(.is-drawer) .sb-top{justify-content:flex-start;gap:14px;min-height:104px;padding-block:13px 7px}.sb:not(.is-drawer) .sb-promo{margin-block:8px}.sb-link.is-locked{opacity:.45}.btn-login{clip-path:var(--ref-cut);background:var(--orange);border:0;border-radius:0;min-height:42px;transition:filter .15s,transform .15s;-webkit-mask:none!important;mask:none!important}.btn-login:hover{filter:brightness(1.08);transform:translateY(-1px)}.hero-search{clip-path:polygon(.4% 0,18% .8%,36% 0,52% .5%,70% 0,90% .4%,100% 0,99.6% 100%,81% 99.3%,62% 100%,43% 99.4%,20% 100%,0 99%);background:#101018;border:2px solid #5c3118;padding:4px;position:relative;overflow:visible}.hero-search .search-input{box-shadow:none!important;background:0 0!important;border:0!important}.hero-search .btn-login{white-space:nowrap;min-height:50px;margin:0;padding:12px 20px}.hero-search:focus-within{border-color:var(--orange)}.hero-search-note{inset-inline-start:8%;pointer-events:none;z-index:3;width:240px;height:74px;font-size:17px;position:absolute;top:calc(100% + 4px)}.hero-search-note svg{width:185px;height:65px;position:absolute;inset:0;overflow:visible}.hero-search-note>span{bottom:0;white-space:nowrap;position:absolute;inset-inline-start:75px}.hero-search-note svg path{stroke:#e9e4d7;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}[dir=rtl] .hero-search-note svg{transform:scaleX(-1)}.hero-links .hand-hero{display:none}.hero-links{padding-bottom:55px}@keyframes ref-edge-shift{0%,to{clip-path:var(--ref-cut)}50%{clip-path:polygon(.3% 0,18% 2%,35% 0,55% 1%,74% 0,99.3% 1%,100% 99%,79% 97%,59% 100%,37% 98%,18% 100%,0 98%)}}@media (min-width:1600px){.ref-page{padding:24px 30px}}@media (max-width:1100px){.ref-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-heading{padding:25px 22px}.ref-heading h1{font-size:34px}.ref-tier-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-stats-table{min-width:800px}.ref-podium .ref-hero-card strong{font-size:18px}}@media (max-width:760px){.ref-page{gap:20px;padding:20px 15px}.ref-heading{padding:23px 18px;display:block}.ref-heading h1{font-size:30px}.ref-heading-actions{flex-flow:wrap;margin-top:18px}.ref-subtitle{font-size:12px}.ref-eyebrow{font-size:9px}.ref-toolbar{gap:7px;padding:12px}.ref-toolbar>input{flex-basis:100%;order:9}.ref-toolbar select{flex:1;max-width:100%;font-size:10px}.ref-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-podium{gap:7px;min-height:190px}.ref-podium .ref-hero-card{aspect-ratio:.65;width:31%}.ref-podium .podium-1{aspect-ratio:.65;border-width:3px;width:35%;transform:translateY(-10px)}.ref-podium .ref-hero-card strong{font-size:12px}.ref-podium .ref-hero-card b{font-size:20px}.ref-podium .ref-hero-card small{font-size:8px}.ref-ranking-list>a{gap:8px;padding:12px 8px}.ref-ranking-list .ref-mini-bar,.ref-ranking-list small{display:none}.ref-tier-group>div{grid-template-columns:1fr 1fr;gap:15px 8px;padding:12px}.ref-tier-group a{font-size:10px}.ref-difficulty h2{gap:8px;font-size:14px}.ref-difficulty h2 small{font-size:9px}.ref-compare-slots{flex-wrap:wrap;gap:6px}.ref-compare-slot{width:calc(25% - 5px);min-width:70px;height:115px;font-size:9px}.ref-compare-table th,.ref-compare-table td{padding:14px 9px;font-size:11px}.ref-paper{padding:18px}.ref-pair-stats{grid-template-columns:1fr}.ref-finder-intro{min-height:570px}.ref-finder-intro h1{font-size:38px}.ref-finder-intro p{font-size:12px}.ref-quiz{padding:20px}.ref-quiz h2{margin:28px 0;font-size:23px}.ref-answer-grid{grid-template-columns:1fr}.ref-answer-grid button{grid-template-columns:24px 1fr;align-items:center;gap:12px;min-height:80px;padding:16px}.ref-answer-grid button strong{font-size:15px}.ref-answer-grid button>span{grid-column:2}.ref-finder-results .ref-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-search .btn-login{min-height:44px;padding:9px 14px}.hero-search-note{width:210px;height:64px;font-size:14px;top:calc(100% + 8px)}.hero-search-note svg{width:150px}.hero-search-note>span{inset-inline-start:55px}.ref-button{font-size:10px}}@media (prefers-reduced-motion:reduce){.sb-link.is-active:hover{animation:none}.ref-hero-card,.ref-button,.ref-quiz-progress i{transition:none}.ref-hero-card:hover,.ref-button:hover,.btn-login:hover{transform:none}}.hero-search-anchor{position:relative}.hero-search{clip-path:none}.ref-button.orange,.ref-button.primary{background:var(--orange);color:#08090c}.ref-button.light{color:#090a0d;background:#eee8dd}.ref-empty{text-align:center;justify-items:center;gap:16px;padding:55px 24px;display:grid}.ref-empty p{max-width:430px;color:var(--muted);font-size:13px}.ref-empty-symbol{color:#ffcc37;background:#ffcc3715;padding:5px 18px;font-size:42px}.ref-section-head{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.ref-section-head h2{font-size:20px}.ref-section-head small{color:var(--muted)}.ref-label{color:#eee8dd;text-transform:uppercase;background:#080a10;padding:3px 8px;font-size:11px;font-weight:900;display:inline-block}.ref-callout{background:#ffffff03;border:1px solid #ffffff07;grid-template-columns:1fr 24px;gap:5px 20px;margin:24px 0;padding:24px;display:grid}.ref-callout>b{font-size:15px}.ref-callout>span{color:var(--muted);font-size:12px}.ref-callout>i{color:var(--orange);grid-area:1/2/3/3;align-self:center}.ref-patches{gap:26px;width:100%;max-width:1040px;margin:auto;display:grid}.ref-major-update{background:#10181b;border:1px solid #21bb8d25;border-radius:5px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.ref-major-update>img{object-fit:cover;width:100%;height:100%}.ref-major-update>div{padding:26px}.ref-major-update .ref-label{color:#090a10;background:var(--orange);rotate:-2deg}.ref-major-update h2{margin:12px 0;font-size:22px}.ref-major-update p{color:#d0c4b0;font-size:13px;line-height:1.8}.ref-update-heroes{margin:15px 0;display:flex}.ref-update-heroes img{border:1px solid #67616a;border-radius:50%;margin-inline-end:-4px}.ref-live-patch{background:#080c14;justify-items:start;gap:22px;padding:30px;display:grid;position:relative;overflow:hidden}.ref-live-patch>.ref-eyebrow{align-items:center;gap:10px;display:flex}.ref-live-patch i{background:var(--orange);border-radius:50%;width:7px;height:7px}.ref-live-patch h2{color:#f8ede5;text-transform:uppercase;max-width:700px;font-size:clamp(34px,5vw,68px);font-weight:900;line-height:1.15}.ref-live-patch>p:not(.ref-eyebrow){max-width:650px;color:var(--muted);font-size:14px;line-height:1.9}.ref-live-patch>img{object-fit:cover;width:100%;max-height:360px}.ref-patch-archive{gap:12px;display:grid}.ref-patch-archive>a{background:#ffffff03;border:1px solid #ffffff07;justify-content:space-between;align-items:center;gap:30px;padding:24px;display:flex}.ref-patch-archive h2{margin:12px 0;font-size:21px}.ref-patch-archive p{color:var(--muted);font-size:12px;line-height:1.9}.ref-patch-archive .ref-button{flex-shrink:0}.ref-patch-body{width:100%;max-width:920px;margin:auto}.ref-patch-body .content-body{font-size:15px;line-height:2}.ref-patch-image{object-fit:contain;max-width:100%;height:auto;max-height:500px}.ref-search-content{width:100%;max-width:760px;margin:auto}.ref-search-content>.ref-player-lookup{color:#23252e;background:#eee9e0;border:0;border-radius:0;min-height:62px;margin-top:12px}.ref-player-lookup{background:var(--ref-paper), #11141e;border:1px solid #ffffff0b;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:0 15px;display:flex;position:relative}.ref-player-lookup>input{width:100%;color:inherit;background:0 0;border:0;outline:0;min-width:0;padding:12px 0}.ref-player-lookup:focus-within{box-shadow:0 0 0 1px var(--orange)}.ref-player-lookup>span{color:var(--muted);font-size:24px}.ref-lookup-results{inset-inline:0;z-index:20;color:#ddd;background:#11151f;border:1px solid #ffffff12;max-height:390px;position:absolute;top:calc(100% + 7px);overflow:auto;box-shadow:0 12px 30px #0009}.ref-lookup-results>button{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:12px;display:flex}.ref-lookup-results>button.active,.ref-lookup-results>button:hover{background:#fa77131a}.ref-lookup-results span{flex:1;gap:5px;display:grid}.ref-lookup-results small{color:var(--muted);font-size:10px}.ref-lookup-results>p{padding:18px;font-size:12px}.ref-key-hints{justify-content:center;gap:6px;padding:12px;display:flex}.ref-key-hints kbd{color:var(--muted);background:#ffffff07;padding:2px 6px;font-size:10px}.ref-search-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ref-search-links>a{background:#ffffff03;gap:15px;padding:18px;font-size:13px;display:flex}.ref-steam-help{margin-top:30px}.ref-steam-help h2{font-size:13px}.ref-steam-help ol{gap:16px;margin-top:20px;padding:0;list-style:none;display:grid}.ref-steam-help li{color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.ref-steam-help li b{color:#090b12;background:var(--orange);padding:3px 9px}.ref-player-inputs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.ref-player-inputs>div{width:245px}.ref-selected-player{background:#ffffff04;border:1px solid #ffffff10;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.ref-selected-player button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;font-size:22px}.ref-player-versus{background:radial-gradient(at 0,#00997b0d,#0000 55%),radial-gradient(at 100%,#2670c21a,#0000 55%),#0a0e17;border-radius:8px;grid-template-columns:1fr 1fr;min-height:300px;padding:40px;display:grid;position:relative}.ref-player-versus section{color:#12a98b;align-content:center;justify-items:start;gap:6px;display:grid}.ref-player-versus section:nth-child(2){text-align:end;color:#397fea;justify-items:end}.ref-player-versus section>b{border:1px solid;border-radius:8px;padding:5px 22px;font-size:34px}.ref-player-versus section h2{font-size:25px}.ref-player-versus section span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.ref-player-versus>i{color:var(--orange);background:#090d16;border:1px solid #367485;border-radius:50%;padding:24px;font-size:28px;font-style:normal;font-weight:900;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0b55472b}.ref-player-versus>p{text-align:center;color:var(--muted);grid-column:1/-1;margin-top:30px;font-size:11px}.ref-compare-heroes{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.ref-compare-heroes a{justify-items:center;font-size:9px;display:grid}.ref-favorite-list{gap:12px;display:grid}.ref-favorite-list article{background:#ffffff03;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.ref-favorite-list article>a{align-items:center;gap:15px;display:flex}.ref-favorite-list article span{gap:5px;display:grid}.ref-favorite-list small{color:var(--muted);font-size:10px}.ref-favorite-control{gap:5px;display:inline-grid}.ref-favorite-control .is-on{color:#ffce3e;border-color:#ffce3e35}.ref-favorite-control small{font-size:11px}.ref-learning-journey,.ref-learning-result{background:var(--ref-paper), linear-gradient(115deg, #162c35, #13111e);border:1px solid #ffffff09;justify-items:start;gap:16px;padding:38px;display:grid;position:relative;overflow:hidden}.ref-learning-journey h2,.ref-learning-result h2{max-width:80%;font-size:32px}.ref-learning-journey p,.ref-learning-result p{color:#9a9caa;max-width:650px;font-size:14px;line-height:1.9}.ref-learning-emblem{inset-inline-end:30px;color:#fa771330;font-size:140px;line-height:1;position:absolute;top:35px}.ref-learning-result{margin-bottom:28px}.ref-learning-result>small{color:var(--muted);max-width:700px;font-size:11px}.ref-assessment-intro{grid-template-columns:1.4fr 1fr;gap:40px;padding:40px;display:grid}.ref-assessment-intro h2{margin-block:22px;font-size:34px}.ref-assessment-intro p{color:var(--muted);margin-bottom:25px;font-size:14px;line-height:2}.ref-assessment-levels{align-content:center;gap:18px;display:grid}.ref-assessment-levels span{background:#ffffff02;border:1px solid #ffffff08;align-items:center;gap:15px;padding:18px;font-size:14px;display:flex}.ref-assessment-levels b{color:var(--orange);background:#fa771316;padding:7px 13px}.ref-account-summary{flex-wrap:wrap;gap:15px;font-size:12px;display:flex}.lesson-cover:has(>.lesson-cover-title){background:var(--ref-paper), linear-gradient(135deg, #253944, #17111c);padding:30px;position:relative}.lesson-cover-title{color:#e8e2d5;max-width:80%;font-size:26px;font-weight:900;line-height:1.6}.lesson-cover:has(>.lesson-cover-title):after{content:"↗";bottom:15px;color:var(--orange);font-size:32px;position:absolute;inset-inline-end:22px}.lesson-card{background:#ffffff02;border:1px solid #ffffff09}.lesson-card:hover{border-color:#fa771355}.invite-layout{gap:32px}.invite-instructions>p{color:#b6b7bd;font-size:17px;line-height:2}.steam-account{background:var(--ref-paper), linear-gradient(130deg, #17323a, #11121c);border:1px solid #ffffff0a;margin:25px 0;padding:32px}.steam-account h2{margin:15px 0;font-size:26px}.invite-steps{gap:24px;padding-inline-start:25px;font-size:14px;line-height:1.9;display:grid}.invite-steps li::marker{color:var(--orange);font-weight:900}.invite-layout>.panel{background:var(--ref-paper), #10121a;border:1px solid #ffffff0b;padding:28px}.invite-layout>.panel h2{margin-bottom:25px;font-size:24px}.catalog-shop{padding-inline-start:64px;background:url(/images/reference/shop/game/catalog/bg_all.webp) top/cover;border:1px solid #8d8a72;border-radius:10px;padding-top:70px;position:relative}.catalog-shop>.catalog-filters{top:10px;background:0 0;border:0;max-width:65%;margin:0;padding:0;position:absolute;inset-inline-end:16px}.catalog-shop>.catalog-filters .segmented,.catalog-shop>.catalog-filters>select,.catalog-shop>.catalog-filters>.muted{display:none}.catalog-shop>.catalog-filters input{color:#e3e0d8;text-align:center;background:#343a42;border-radius:0;width:150px;min-width:0;padding:10px;font-size:11px}.shop-tab-rail{inset-inline-start:0;gap:8px;width:64px;display:grid;position:absolute;top:70px}.shop-tab-rail button{cursor:pointer;opacity:.6;background:#9c998a;border:0;border-radius:8px 0 0 8px;width:64px;height:80px;padding:16px}.shop-tab-rail button.active{opacity:1;box-shadow:inset -4px 0 #e4dec8}.shop-tab-rail button:nth-child(2){background:#c9a913}.shop-tab-rail button:nth-child(3){background:#a563d6}.shop-tab-rail button:nth-child(4){background:#a6ce39}.shop-tab-rail img{object-fit:contain;width:100%;height:100%}.catalog-shop .shop-board{background:0 0;border:0;border-radius:0;padding:0}.shop-category-head{direction:ltr;border:0;top:0}.shop-category{color:#f2e8c5;text-shadow:0 2px #332d2077;background-position:50%;background-size:100% 100%;place-items:center;height:72px;padding:9px 5px;font-size:36px;display:grid}.shop-category.cat-bg-weapon{background-image:url(/images/reference/shop/shop_tab_weapon.png)}.shop-category.cat-bg-spirit{background-image:url(/images/reference/shop/shop_tab_tech.png)}.shop-category.cat-bg-vitality{background-image:url(/images/reference/shop/shop_tab_vitality.png)}.shop-category.cat-bg-weapon,.shop-category.cat-bg-spirit,.shop-category.cat-bg-vitality{font-size:0}.shop-cost-columns{direction:ltr}.shop-category-cell{border-inline-end:0;padding:18px 9px}.shop-weapon{background:#a7a29333}.shop-spirit{background:#8b80a240}.shop-vitality{background:#80936d40}.shop-tiles{direction:inherit;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shop-item{background-color:#0000;background-size:100% 100%;border:0;border-radius:2px;justify-content:start;min-height:94px;padding:5px 3px 7px;box-shadow:0 2px 4px #0004}.shop-item>img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;max-height:70px}.shop-item>strong{max-width:100%;margin-top:1px;font-size:11px;line-height:1.2}.shop-price{direction:ltr;background:#b3ad9566;border-block:1px solid #514f3e55;padding:12px;font-size:20px}.item-hovercard{direction:initial;inset-inline-start:auto;left:0}.shop-item:nth-child(4n) .item-hovercard{left:auto;right:0}.catalog-stats .catalog-filters{background:#10121a;border:1px solid #ffffff07;border-radius:0;padding:13px}.catalog-stats .catalog-filters input,.catalog-stats .catalog-filters select{border-radius:0;font-size:11px}.item-stats-table{border:0}.item-stats-table table{border-collapse:collapse;font-size:12px}.item-stats-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 12px;font-size:10px;font-weight:700}.item-stats-table td{border-bottom:1px solid #ffffff07;padding:13px 12px}.item-stats-table td a{gap:12px;font-size:13px}.item-stats-table td img{width:30px;height:30px}.item-stats-table td .cat-weapon{color:#d7913e}.item-stats-table td .cat-spirit{color:#b677f3}.item-stats-table td .cat-vitality{color:#19bb96}.ref-item-rating{color:#d6a4e5;background:#a455da22;border:1px solid #a455da33;border-radius:4px;padding:0 5px;font-size:9px}.ref-broker-page{background:radial-gradient(at top,#66358b33,#0000 55%),url(/images/reference/updates/city-never-sleeps/paper-dark.webp) 50%/700px,#0c0e13}.ref-broker-page>.ref-heading{background:0 0;align-items:center;min-height:190px;padding-inline-start:250px;position:relative}.ref-broker-page>.ref-heading:before{content:"";inset-inline-start:5px;background:url(/images/reference/updates/city-never-sleeps/broker-logo.webp) 50%/contain no-repeat;width:220px;height:110px;position:absolute;top:20px;rotate:-8deg}.ref-broker-page .ref-heading h1{font-size:36px}.broker-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);align-items:start;gap:20px}.broker-stash{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.broker-stash>button{color:#16140c;cursor:pointer;background:url(/images/reference/shop/game/tooltip_backer_weapon_corrupted.webp) 50%/100% 100%;border:1px solid #0000;border-radius:2px;align-content:start;justify-items:center;gap:4px;min-width:0;padding:6px 4px;display:grid}.broker-stash>button.active{border-color:#e0fd5a;box-shadow:0 0 12px #defb5915}.broker-stash>button>img{aspect-ratio:1;object-fit:contain;background:url(/images/reference/updates/city-never-sleeps/frame-corrupted.webp) 50%/100% 100%;width:100%;height:auto}.broker-stash>button>span{font-size:9px;line-height:1.3}.broker-preview{color:#e8dfbd;background:url(/images/reference/shop/game/tooltip_backer_weapon_corrupted.webp) 50%/100% 100%;border:0;padding:24px;position:sticky;top:20px}.broker-preview>img{float:inline-start;width:64px;height:64px;margin-inline-end:12px}.broker-preview h2{color:#fff;margin-top:8px;font-size:24px}.broker-preview>p{font-size:12px;line-height:1.9}.broker-preview h3{text-transform:uppercase;margin-block:25px 15px;font-size:13px}.corruption-properties>div{border-bottom:1px solid #ede5b916;padding:8px 0;font-size:11px}.corruption-properties dd{justify-content:flex-end;gap:12px;display:flex}.corruption-properties dd>strong{color:#ddff60}.broker-preview>.link-cta{color:#e6ff65}.item-detail-stage{background:radial-gradient(at 10%,#8c671a3b,#0000 55%),#0a1016;border-block-end:3px solid #efab23;gap:40px;min-height:510px;padding:30px}.item-tooltip-card{color:#e9dfbd;background-image:url(/images/reference/shop/game/tooltip_backer_weapon.webp);background-size:100% 100%;border:0;border-radius:0;align-self:center;max-width:450px;padding:0 0 18px;rotate:-2deg;box-shadow:0 14px 40px #0006}.item-tooltip-card>header{background:url(/images/reference/shop/game/tooltip_header_weapon.webp) 50%/100% 100%;padding:22px}.item-tooltip-card h2{color:#fff;font-size:26px}.item-tooltip-card>header strong{color:#58d5b0}.item-tooltip-card>.content-body,.item-card-properties,.item-property-blocks{padding-inline:22px}.item-tooltip-card>h3{background:#0003;padding:9px 22px;font-size:14px}.item-title-stats{align-self:center}.item-title-stats h1{margin:22px 0;font-size:clamp(34px,4vw,58px)}.item-stat-strip{background:0 0;border-block-start:1px solid #ffffff10;gap:12px;padding-block:24px}.item-stat-strip>div{border-inline-end:1px solid #ffffff0c;padding:0 12px}.item-stat-strip strong{font-size:34px}.item-stat-strip small{text-transform:uppercase;font-size:11px;font-weight:800}.item-stat-strip span{color:var(--muted);font-size:10px}.item-detail-page>.catalog-filters{background:#101820;border-radius:0;padding:18px}.profile-stage{background:#060c12}.profile-stage-art{-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.profile-stage-art .profile-background-art{opacity:.6}.profile-stage-art .profile-character-art{object-fit:contain;object-position:bottom;width:100%;height:100%}.profile-stat-strip{background:#0c151c;border:0}.profile-stage-copy>.kicker{margin-bottom:20px}.profile-tags li{color:#151c11;background:var(--hero-accent);clip-path:var(--ref-cut);font-weight:900;rotate:-2deg}.profile-build-path{background:var(--ref-paper), #11180f}.profile-build-path .build-phase{background:#0c1210a3}.profile-tabs{margin-block:20px}.shop-category.cat-bg-weapon,.shop-category.cat-bg-spirit,.shop-category.cat-bg-vitality{background-image:url(/images/reference/shop/game/shop_tree_header.webp);background-size:300% 100%}.shop-category.cat-bg-weapon{background-position:0}.shop-category.cat-bg-spirit{background-position:50%}.shop-category.cat-bg-vitality{background-position:100%}.ref-heading{background-image:linear-gradient(110deg,#211711dd,#080b11f5 65%),url(/images/interface/paper.webp);background-size:cover,320px}@media (max-width:1100px){.catalog-shop{padding-inline-start:45px;padding-top:55px}.shop-tab-rail{width:45px;top:55px}.shop-tab-rail button{width:45px;height:62px;padding:10px}.shop-category{height:54px}.shop-tiles{gap:5px}.shop-category-cell{padding:16px 6px}.shop-item{min-height:70px}.shop-item>strong{font-size:9px}.broker-stash{grid-template-columns:repeat(5,minmax(0,1fr))}.item-detail-stage{grid-template-columns:1fr;gap:35px;padding:25px}.item-title-stats{order:-1}.item-tooltip-card{justify-self:center;width:min(420px,90%)}.item-stat-strip{grid-template-columns:1fr 1fr;row-gap:20px}.profile-stage{flex-direction:column;padding-top:0;display:flex}.profile-stage-art{order:0;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000);width:100%!important;height:370px!important;position:relative!important;inset:auto!important}.profile-stage-copy{display:contents;position:static}.profile-stage-copy>.kicker,.profile-stage-copy>.profile-name,.profile-stage-copy>p,.profile-stage-copy>.profile-tags{order:1;max-width:100%;margin-inline:25px;position:relative}.profile-stage-copy>.profile-name{margin-top:-50px}.profile-stage-copy>.profile-tags{margin-bottom:25px}.profile-stat-strip{order:2;grid-template-columns:repeat(4,minmax(0,1fr));position:static}.profile-stat-strip>div:first-child{grid-column:1/3}.profile-stat-strip>div:nth-child(2){grid-column:3/5}.profile-stage-copy>.profile-abilities{order:4;margin:20px 25px 30px}.profile-stage-copy>p.kicker:has(+.profile-abilities){order:3;margin-top:25px}.ref-broker-page>.ref-heading{padding-inline-start:200px}.ref-broker-page>.ref-heading:before{width:170px}}@media (max-width:760px){.catalog-shop{padding-inline-start:35px;border-radius:5px;padding-top:48px;overflow:visible}.shop-tab-rail{gap:5px;width:35px;top:48px}.shop-tab-rail button{width:35px;height:52px;padding:9px}.shop-category-head{position:relative;display:grid!important}.shop-category{height:36px;padding:2px}.shop-cost-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important}.shop-cost-columns.single{grid-template-columns:1fr!important}.shop-category-cell{padding:10px 3px}.shop-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.shop-category-head.single{grid-template-columns:1fr}.shop-price{padding:9px 7px;font-size:15px}.shop-mobile-category{display:none!important}.shop-item{min-height:65px;padding:3px 2px 5px}.shop-item>strong{font-size:8px}.shop-item>em{padding:1px 2px;font-size:6px}.item-hovercard{display:none}.catalog-shop>.catalog-filters{top:5px;inset-inline-end:8px}.catalog-shop>.catalog-filters input{width:120px;height:30px;padding:6px 8px}.broker-layout{grid-template-columns:1fr}.broker-stash{grid-template-columns:repeat(4,minmax(0,1fr))}.broker-preview{position:static}.ref-broker-page>.ref-heading{padding:110px 15px 20px}.ref-broker-page>.ref-heading:before{top:0;width:170px;height:95px;inset-inline-start:20px}.ref-broker-page .ref-heading h1{font-size:28px}.item-detail-stage{gap:25px;padding:20px 15px}.item-title-stats h1{font-size:36px}.item-stat-strip strong{font-size:29px}.item-stat-strip>div{padding:0 8px}.item-tooltip-card{width:90%}.item-tooltip-card>header{padding:15px}.item-tooltip-card h2{font-size:20px}.item-tooltip-card>.content-body,.item-card-properties,.item-property-blocks{padding-inline:15px}.profile-stage-art{height:270px!important}.profile-stage-copy>.profile-name{margin-top:-15px}.profile-stage-copy>.kicker,.profile-stage-copy>.profile-name,.profile-stage-copy>p,.profile-stage-copy>.profile-tags{margin-inline:15px}.profile-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}.profile-stat-strip>div{min-width:0;padding:10px 5px}.profile-stat-strip strong{font-size:22px}.profile-stat-strip small,.profile-stat-strip span{font-size:9px}.profile-stage-copy>.profile-abilities{margin-inline:15px}.ability-orb{width:58px;height:58px}.profile-abilities strong{font-size:10px}.profile-name img{max-width:150px}.profile-name h1{font-size:30px}.item-stats-table table{min-width:720px}}.ref-map-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px;display:grid}.ref-map-viewport{aspect-ratio:1;background:#090f17;border:1px solid #ffffff0b;position:relative;overflow:hidden}.ref-map-viewport>svg{touch-action:none;cursor:grab;width:100%;height:100%}.ref-map-viewport image{filter:brightness(1.55)}.ref-map-marker{cursor:pointer;outline:none}.ref-map-marker:focus{filter:drop-shadow(0 0 6px #fff)}.ref-map-controls{top:12px;z-index:3;display:grid;position:absolute;inset-inline-end:12px}.ref-map-controls button{color:#ddd;cursor:pointer;background:#0d151f;border:1px solid #ffffff20;width:35px;height:34px}.ref-map-layout>aside{align-self:start;padding:18px}.ref-map-layout h2{margin:22px 0 16px;font-size:15px}.ref-map-layers{text-transform:capitalize;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;font-size:10px;display:grid}.ref-map-layers label{align-items:center;gap:5px;display:flex}.ref-map-layers input{accent-color:var(--orange)}.ref-map-info{background:#ffffff05;border:1px solid #ffffff0c;margin:18px 0;padding:16px;font-size:14px}.ref-map-layout>aside p{font-size:12px;line-height:1.9}.ref-map-layout>aside>small{margin-top:20px;font-size:10px;display:block}.ref-random{gap:20px;display:grid}.ref-reel-stage{text-align:center;padding:20px 0 30px;overflow:hidden}.ref-reel-stage>.ref-eyebrow{text-align:start;padding-inline:20px}.ref-reel{justify-content:center;align-items:center;height:240px;margin:12px 0 24px;display:flex;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.ref-reel>div{opacity:.35;filter:saturate(.4);flex:0 0 150px}.ref-reel img{object-fit:contain;width:100%;height:190px}.ref-reel .chosen{opacity:1;filter:none;background:#fa771308;border-inline:1px solid #fa771333;position:relative}.ref-reel .chosen:before{content:"▼";color:var(--orange);position:absolute;top:-16px;left:50%}.ref-reel.spinning{filter:blur(.7px)}.ref-random-results{display:grid}.ref-random-results>a{background:var(--ref-paper), linear-gradient(100deg, #2e1d3e, #0b1018);align-items:center;gap:30px;display:flex}.ref-random-results h2{color:#bd88cb;font-size:42px}.ref-random-results small{color:var(--muted);font-size:10px}.ref-random-results span{font-size:12px}.ref-random-results.team{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-random-results.team>a{gap:10px;padding:18px;display:grid}.ref-random-results.team h2{font-size:24px}.ref-random-results.team img{object-fit:contain;width:100%;height:130px}.ref-random>.ref-paper>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ref-random header h2{font-size:16px}.ref-pool{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:8px;display:grid}.ref-pool button{cursor:pointer;color:#ccc;background:#ffffff03;border:1px solid #ffffff0b;justify-items:center;gap:4px;padding:10px 3px;display:grid}.ref-pool button.excluded{opacity:.25;filter:grayscale()}.ref-pool small{font-size:9px}.ref-meta-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.ref-meta-highlights>.ref-paper{padding:17px 13px}.ref-meta-highlights small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.ref-meta-highlights>div>div{align-items:center;gap:8px;margin-top:15px;display:flex}.ref-meta-highlights span{flex:1;min-width:0;display:grid}.ref-meta-highlights strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ref-meta-highlights b{font-size:11px}.ref-spark{flex-shrink:0;width:100px;height:36px}.ref-meta-highlights .ref-spark{width:70px}.ref-meta-evolution .ref-stats-table{background:var(--ref-paper), #0c1019;min-width:650px}.ref-meta-evolution>.ref-subtitle{margin-top:20px}.ref-build-welcome{text-align:center;justify-items:center;gap:20px;max-width:760px;margin:30px auto 60px;display:grid}.ref-build-emblem{color:var(--orange);background:#fa771310;padding:10px 20px;font-size:34px}.ref-build-welcome h1{text-transform:uppercase;font-size:40px;font-weight:900}.ref-build-welcome>p{color:var(--muted);max-width:600px;font-size:14px;line-height:1.9}.ref-build-welcome>div{text-align:start;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.ref-build-welcome section>small{color:var(--orange);font-size:25px}.ref-build-welcome section h2{margin:18px 0 10px;font-size:15px}.ref-build-welcome section p{color:var(--muted);font-size:12px;line-height:1.9}.build-notice{color:#d7d3c4;background:linear-gradient(90deg,#13363877,#3b210f77);border:0;border-radius:0;padding:13px 18px;font-size:12px}.build-hero-filter{background:#0b0e16;border-block:1px solid #ffffff09;gap:10px;margin-top:-24px;padding:20px 24px}.build-hero-icon{background:0 0;border:1px solid #0000;border-radius:50%;width:43px;height:43px;padding:0}.build-hero-icon.active{border-color:var(--orange);background:#fa77131a}.build-hero-filter>input,.build-browser-controls input{background:#1c1d26;border-radius:28px;font-size:12px}.build-hero-filter>.hero-filter-all{border-radius:50%;place-items:center;min-width:44px;height:44px;font-size:12px;display:grid}.build-browser-controls{background:#0b0e16;border-block-end:1px solid #ffffff07;border-radius:0;margin-top:-24px;padding:18px 24px}.build-browser-controls select,.build-browser-controls>.chip{background:#161820;border:1px solid #ffffff08;border-radius:25px;padding:10px 16px;font-size:11px}.build-browser-list{background:#0e1018;border-radius:14px;overflow:hidden}.build-browser-list>header{background:#17212b;font-size:12px}.build-choice-copy>strong{font-size:15px}.build-browser-detail{background:#0e1018;border-top-width:2px;border-top-color:#c8d626}.build-choice>img{border:1px solid #b6bf6044;border-radius:50%}.build-detail-watermark{opacity:.32}.build-preview-items a{background:#1b1d25;border-radius:5px}.build-detail-title h2{font-size:24px}@media (max-width:1100px){.ref-meta-highlights{grid-template-columns:1fr 1fr}}@media (max-width:760px){.ref-meta-highlights{gap:8px}.ref-meta-highlights>.ref-paper{padding:12px}.ref-meta-highlights strong{font-size:10px}.ref-meta-highlights .ref-spark{display:none}.ref-build-welcome h1{font-size:28px}.ref-build-welcome>div{gap:10px}.ref-build-welcome .ref-paper{padding:18px}.ref-build-welcome section h2{font-size:13px}.build-hero-filter{gap:7px;margin-top:-20px;padding:16px}.build-hero-icon,.build-hero-icon img{width:34px;height:34px}.build-browser-controls{margin-top:-20px;padding:14px}.build-detail-title h2{font-size:20px}.ref-build-welcome>p{font-size:12px}}.ref-x-editor{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.ref-x-editor>div{min-width:0}.ref-x-editor .ref-paper{margin-top:16px;padding:20px}.ref-x-editor .ref-toolbar{background:0 0;border:0;margin-bottom:14px;padding:0}.ref-x-scene{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:3px;place-items:center;display:grid;overflow:hidden}.ref-x-scene .xhair,.ref-x-presets .xhair,.ref-x-gallery .xhair{background:0 0!important}.ref-x-scenes{flex-wrap:wrap;gap:6px;margin:12px 0 20px;display:flex}.ref-x-scenes>button{cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff08;width:46px;height:31px}.ref-x-scenes>button.active{border-color:var(--orange)}.ref-x-scenes>.ref-tabs{margin-inline-start:auto}.ref-x-presets{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.ref-x-presets>button{background:var(--ref-paper), #15161d;cursor:pointer;color:var(--muted);border:1px solid #ffffff0b;justify-items:center;gap:6px;padding:5px;font-size:9px;display:grid}.ref-x-slider{grid-template-columns:90px 1fr 42px;align-items:center;gap:9px;margin-top:20px;font-size:11px;display:grid}.ref-x-slider input{width:100%;height:4px;accent-color:var(--orange)}.ref-x-slider output{text-align:center;font-variant-numeric:tabular-nums;background:#0005;border:1px solid #ffffff0b;padding:3px}.ref-x-colors{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.ref-x-colors input{background:0 0;border:0;width:40px;height:28px;padding:0}.ref-x-colors code{font-size:12px}.ref-x-swatches{gap:6px;margin-top:15px;display:flex}.ref-x-swatches button{cursor:pointer;border:1px solid #aaa;width:22px;height:22px}.ref-x-code{overflow-wrap:anywhere;background:#0004;max-width:100%;padding:15px;font-size:11px;display:block}.ref-x-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ref-x-card{background:#11151c;border:1px solid #ffffff0b;overflow:hidden}.ref-x-card-scene{background-position:50%;background-size:cover;place-items:center;height:160px;display:grid}.ref-x-card-copy{gap:10px;padding:15px;display:grid}.ref-x-card-copy>strong{font-size:15px}.ref-x-card-copy>small{color:var(--muted);font-size:10px}.ref-x-card-copy>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ref-x-feature{background:#111a1d;grid-template-columns:1fr 1fr;min-height:330px;display:grid;position:relative;overflow:hidden}.ref-x-feature>div:first-child{z-index:1;background:linear-gradient(90deg,#0c0d14,#0000);padding:35px}.ref-x-feature h2{text-transform:uppercase;margin:18px 0;font-size:42px;line-height:1.2}.ref-x-feature h2>span{color:var(--orange)}.ref-x-feature p{color:var(--muted);max-width:370px;font-size:13px;line-height:1.9}.ref-x-feature .ref-x-scene{aspect-ratio:auto;height:100%}.ref-x-feature-actions{gap:10px;margin-top:25px;display:flex}.signin-notice{background:var(--ref-paper), radial-gradient(ellipse at top, #fa771312, transparent 70%), #0d1019;border:1px solid #ffffff08;align-content:center;justify-items:center;gap:25px;max-width:660px;min-height:420px;padding:50px 30px;display:grid;margin:30px auto!important}.signin-notice:before{content:"◈";color:var(--orange);font-size:65px}.signin-notice p{text-align:center;max-width:480px;font-size:22px}.signin-notice .btn-login{color:#f1f0ed;background:#1c3449;min-width:230px}@media (max-width:1100px){.ref-x-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-map-layout{grid-template-columns:1fr 240px}.ref-x-slider{grid-template-columns:76px 1fr 35px;font-size:10px}.ref-x-editor{gap:16px}.ref-major-update>div{padding:20px}}@media (max-width:760px){.ref-map-layout,.ref-x-editor,.ref-assessment-intro{grid-template-columns:1fr}.ref-map-layout>aside{order:-1}.ref-map-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.ref-map-layout>aside{padding:14px}.ref-map-layout>aside h2,.ref-map-layout>aside>small{display:none}.ref-map-viewport{min-height:330px}.ref-x-gallery{grid-template-columns:1fr 1fr;gap:10px}.ref-x-card-scene{height:125px}.ref-x-card-copy{padding:12px}.ref-x-feature{grid-template-columns:1fr;min-height:420px}.ref-x-feature>div:first-child{background:linear-gradient(#0a0d16e8,#0a0d1688);padding:25px}.ref-x-feature>.ref-x-scene{position:absolute;inset:0}.ref-x-feature h2{max-width:240px;font-size:34px}.ref-major-update{grid-template-columns:1fr}.ref-major-update>img{height:180px}.ref-live-patch{padding:24px}.ref-live-patch h2{font-size:36px}.ref-patch-archive>a{gap:15px;padding:20px;display:grid}.ref-patch-archive h2{font-size:19px}.ref-search-content>.ref-player-lookup{min-height:55px;font-size:12px}.ref-search-links>a{padding:14px;font-size:11px}.ref-player-inputs>div{width:100%}.ref-player-versus{min-height:280px;padding:25px 18px}.ref-player-versus section h2{max-width:130px;font-size:17px}.ref-player-versus section>b{padding:5px 15px;font-size:26px}.ref-player-versus>i{padding:16px;font-size:18px}.ref-favorite-list article{flex-wrap:wrap}.ref-learning-journey,.ref-learning-result{padding:24px}.ref-learning-journey h2,.ref-learning-result h2{max-width:100%;font-size:25px}.ref-learning-journey p,.ref-learning-result p{font-size:12px}.ref-learning-emblem{display:none}.ref-assessment-intro{gap:25px;padding:24px}.ref-assessment-intro h2{font-size:27px}.ref-assessment-levels{gap:9px}.ref-assessment-levels span{padding:12px}.ref-random-results.team{grid-template-columns:1fr 1fr}.ref-random-results>a{gap:10px;padding:18px}.ref-random-results h2{font-size:28px}.ref-random-results>a>img{object-fit:contain;width:130px;height:140px}.ref-reel>div{flex-basis:110px}.ref-reel img{height:150px}.ref-reel{height:190px}.ref-random header h2{font-size:12px}.ref-pool{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.ref-x-editor>div>.ref-toolbar{gap:6px}.ref-x-editor>div>.ref-toolbar>button{padding:9px;font-size:10px}.invite-layout>.panel{padding:22px}.steam-account{padding:24px}.ref-lookup-results>button{padding:11px}.lesson-cover-title{font-size:22px}}.ref-tier,.profile-tier{direction:ltr;unicode-bidi:isolate}.ref-patch-cover{object-fit:contain;max-width:100%;height:auto;max-height:500px}.profile-name:has(img)>h1{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (max-width:760px){.profile-stat-strip>div:nth-child(n+3) strong{white-space:nowrap;font-size:16px}.profile-stat-strip>div:first-child strong{font-size:18px}.profile-stat-strip{margin-inline:0}.profile-name img{max-width:210px;height:auto}.profile-character-art{inset-inline-end:0;top:0}.profile-name{min-height:50px}.hero-search{flex-direction:row;gap:0;min-height:58px}.hero-search>.search{flex:1;min-width:0}.hero-search .search input{min-height:48px;padding-inline:32px 5px;font-size:11px}.hero-search .search-icon{width:15px;inset-inline-start:10px}.hero-search>.btn-login{flex:none;width:auto;min-height:46px;padding:9px 10px;font-size:10px}.hero-search>.btn-login svg{width:13px}.hero-search-note{top:calc(100% + 4px)}.hero-links{padding-bottom:60px}}.variant-pro .ref-podium{align-items:end;gap:16px}.variant-pro .ref-podium .ref-hero-card{aspect-ratio:1.4;background:linear-gradient(120deg,#172e28,#161820);border:0;border-radius:0;width:31%;overflow:hidden}.variant-pro .ref-podium .podium-1{aspect-ratio:1.4;border-top:1px solid #4cbd98;width:36%;transform:translateY(-15px)}.variant-pro .ref-podium img{object-fit:contain;object-position:right center;width:70%;margin-inline-start:auto}.variant-pro .ref-podium .ref-hero-card>div{text-align:start}.variant-pro .ref-podium .ref-hero-card>div strong,.variant-pro .ref-podium .ref-hero-card>div b{font-size:26px}.m-drawer-backdrop{cursor:pointer;border:0}@media (max-width:760px){.variant-pro .ref-podium{grid-template-columns:1fr;gap:12px;display:grid}.variant-pro .ref-podium .ref-hero-card,.variant-pro .ref-podium .podium-1{aspect-ratio:auto;width:100%;height:180px;transform:none}.variant-pro .ref-podium .podium-1{order:-1}}.ref-button:focus-visible,.ref-tabs button:focus-visible,.ref-quiz button:focus-visible,.shop-tab-rail button:focus-visible{outline:2px solid var(--orange);outline-offset:3px;filter:brightness(1.15)}
.community-entry{max-width:560px;margin:16px 0 30px}.community-entry p{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.95}.community-entry-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.community-entry-actions .btn-login{white-space:nowrap;gap:8px;min-height:48px;padding:12px 18px}.community-learn{align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.community-learn:hover{color:var(--orange)}.community-learn:focus-visible{outline:2px solid var(--orange);outline-offset:5px}@media (max-width:600px){.community-entry{margin:16px 0 24px}.community-entry p{font-size:14px}.community-entry-actions{align-items:stretch;gap:10px}.community-entry-actions>a{justify-content:center;width:100%}}
html:not([data-sidebar=open]) .sb:not(.is-drawer) .sb-heading{display:none!important}.theme-menu.theme-menu-portal{z-index:12500;background:var(--panel,#17171d);border:1px solid #ffffff20;width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:10px;position:fixed;inset:auto;overflow:auto;box-shadow:0 15px 45px #000b}.theme-menu-portal .theme-option{align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 10px;color:var(--paper)!important;font-size:13px!important;display:flex!important}.theme-menu-portal p{padding:4px 10px 8px;font-size:12px!important;display:block!important}.theme-menu-portal .theme-swatch{flex-shrink:0;width:18px;height:18px}.ref-toolbar>[class*=ReferenceSelect],.catalog-filters>[class*=ReferenceSelect],.build-browser-controls>[class*=ReferenceSelect]{min-width:120px}.ref-page{--detail-line:#ffffff0b}.ref-heading{background:linear-gradient(110deg,#17111755,#04060bea 80%);border:0;border-radius:0;min-height:174px;margin-bottom:20px;padding:28px 24px}.ref-heading h1{letter-spacing:-.8px;margin:8px 0 12px;font-size:clamp(28px,3.1vw,45px);line-height:1.22}.ref-heading .ref-subtitle{max-width:670px;font-size:13px;line-height:1.9}.ref-eyebrow{letter-spacing:.7px;color:#777784;font-size:10px}.ref-toolbar{background:#101219;border:0;border-radius:0;gap:10px;min-height:66px;padding:12px 14px}.ref-tabs button,.ref-button{transition:color .16s,background .16s,transform .16s}.ref-tabs button:hover,.ref-button:hover{filter:brightness(1.13)}.ref-tabs button:focus-visible,.ref-button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.ref-toolbar input:not([type=checkbox]){background:#0b0d15;border:1px solid #ffffff09;border-radius:0;height:35px;min-height:35px;font-size:12px}.catalog-stats{background:0 0;border:0;padding:0}.catalog-stats .catalog-filters{background:#101219;border:0;gap:8px;margin-bottom:12px;padding:10px 12px}.catalog-stats .catalog-filters input{background:#090b13;border-radius:0;min-width:135px;max-width:220px;min-height:35px;font-size:12px}.catalog-stats .catalog-filters .segmented{background:0 0;border:0;border-radius:0;flex-basis:100%;order:6;justify-content:flex-start;padding:8px 0 0}.catalog-stats .segmented button{clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);background:#181922;border-radius:0;padding:8px 12px;font-size:11px}.catalog-stats .segmented button.active{color:#111;background:#eeece5}.catalog-stats .segmented small{opacity:.55;margin-inline-start:6px;font-weight:400}.detail-table-options{color:#696978;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:10px;display:flex}.detail-table-options>div{gap:6px;display:flex}.detail-table-options a,.detail-table-options b{background:#171922;padding:7px 12px;font-size:10px;font-weight:800}.detail-table-options .active{background:var(--orange);color:#0a0b10}.detail-item-table{border:0;border-radius:0}.detail-item-table table{border-collapse:collapse;table-layout:auto;width:100%;min-width:770px}.detail-item-table th{letter-spacing:.4px;color:#70707e;text-align:start;white-space:nowrap;background:#090b10;padding:10px 12px;font-size:10px}.detail-item-table th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.detail-item-table td{color:#777988;border-bottom:1px solid #ffffff08;height:46px;padding:8px 12px;font-size:12px}.detail-item-table tbody tr{background:#0d0e15;transition:background .15s}.detail-item-table tbody tr:nth-child(2n){background:#12131b}.detail-item-table tbody tr:hover{background:#1b1b24}.detail-item-table td:nth-child(2){min-width:165px}.detail-item-table td a{color:#dededc;align-items:center;gap:9px;font-size:13px;display:flex}.detail-item-table td a .art{object-fit:contain;flex-shrink:0;width:28px;height:28px}.detail-item-table .cat-weapon,.detail-cost{color:#ff7a12!important}.detail-item-table .cat-spirit{color:#b567ff!important}.detail-item-table .cat-vitality{color:#00b88d!important}.detail-roman{font-family:monospace}.ref-item-rating{color:#c16aff;background:#8b45b72a;border:1px solid #b265d747;border-radius:4px;place-items:center;min-width:16px;height:14px;padding:0 4px;font-size:9px;display:inline-grid}.detail-win{white-space:nowrap;align-items:center;gap:6px;display:flex}.detail-win>span{background:#20212b;border-radius:2px;width:38px;height:3px;display:block}.detail-win i{background:currentColor;border-radius:2px;height:100%;display:block}.detail-item-table td.up{color:#00bd91}.detail-item-table td.down{color:#ef5361}.catalog-stats .catalog-filters>.muted{font-size:11px}.detail-data-note{color:#717482;margin-top:16px;font-size:11px}.catalog-broker{background:#242720 url(/images/reference/updates/city-never-sleeps/paper-dark.webp) 50%/cover;border:0;border-radius:0;padding:18px}.catalog-broker .catalog-filters{background:0 0;border:0;gap:8px;padding:0 0 12px}.catalog-broker .catalog-filters .segmented{background:0 0;border-radius:0;gap:3px;padding:0}.catalog-broker .catalog-filters button,.catalog-broker .catalog-filters input{border-radius:0;min-height:30px;font-size:11px}.catalog-broker .catalog-filters .active{color:#171b12;background:#daed52}.catalog-broker .catalog-filters input{background:#0c100db0;border:0}.detail-broker-layout{grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:14px;display:grid}.catalog-broker>.broker-layout{max-width:840px;margin-inline:auto}.broker-preview>p{white-space:normal;min-height:0}.broker-stash{background:#11170f80;border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;padding:16px;display:grid}.broker-stash .broker-tile{aspect-ratio:.69;color:#15170f;isolation:isolate;background-size:100% 100%;border:1px solid #d7c77b30;border-radius:2px;flex-direction:column;align-items:center;min-width:0;height:auto;padding:2px 1px 6px;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 3px 5px #0005}.broker-stash .broker-tile>.art{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.broker-tile .broker-corrupt-frame{aspect-ratio:1;pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.broker-stash .broker-tile span{z-index:1;padding:2px;font-size:10px;font-weight:800;line-height:1.2;position:relative}.broker-stash .broker-tile:hover,.broker-stash .broker-tile:focus-visible{filter:brightness(1.16);z-index:2;outline-offset:2px;outline:2px solid #deed64;transform:translateY(-4px)rotate(-1deg);box-shadow:0 6px 10px #0009}.broker-stash .broker-tile.active{outline-offset:2px;outline:2px solid #e5ee72}.broker-preview{color:#f0e3be;background:#806323 url(/images/reference/shop/game/tooltip_backer_weapon_corrupted.webp) 50%/cover;border:1px solid #d5b74865;border-radius:0;padding:0 12px 14px;animation:.2s ease-out detail-inspect;position:sticky;top:20px}.broker-preview-head{background:linear-gradient(110deg,#af481b,#59320c);align-items:center;gap:8px;margin:0 -12px 12px;padding:12px;display:flex}.broker-preview-head .art{flex-shrink:0;width:34px;height:34px}.broker-preview-head h2{margin:0 0 4px;font-size:17px;line-height:1.2}.broker-preview-head b{color:#8debc4;font-size:12px}.broker-preview-head small{margin-inline-start:auto;font-size:8px;transform:rotate(-8deg)}.broker-preview>.tag-purple{display:none}.broker-preview>p{margin:12px 0;font-size:12px;line-height:1.65}.broker-preview h3{color:#eeef9e;margin:0;padding:9px 0 6px;font-size:12px}.broker-property-grid{background:#d8b85825;border:1px solid #dac27e50;grid-template-columns:1fr 1fr;display:grid}.broker-property-grid>div{text-align:center;border:1px solid #dac27e30;padding:8px}.broker-property-grid b{color:#a6ead1;font-size:16px;display:block}.broker-property-grid small{font-size:10px;display:block}.broker-preview .corruption-properties{background:#10120fce;margin:0 -6px;padding:8px;font-size:11px}.broker-preview .corruption-properties>div{border:0;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.broker-preview .corruption-properties dd{white-space:nowrap;margin:0}.broker-preview .corruption-properties dd span{opacity:.5;text-decoration:line-through}.broker-preview .corruption-properties strong{color:#e6e4a3}@keyframes detail-inspect{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}.build-library .build-notice{background:linear-gradient(100deg,#063d3540,#361b0d50);min-height:31px;margin-bottom:14px;padding:9px 12px;font-size:12px}.build-library{row-gap:0}.build-library .ref-heading{min-height:150px}.build-browser-controls{flex-wrap:wrap}.build-browser-controls>[class*=ReferenceSelect]{flex:none;min-width:112px}.build-choice[data-source=game] .build-choice-copy em{color:#13212a;background:#78b7c8}.pro-winning-heading{align-items:baseline;gap:12px;margin:24px 0 0;display:flex}.pro-winning-heading h2{margin:0;font-size:22px}.pro-winning-heading small{color:#73798a;font-size:11px}.build-library .ref-heading{border-top:2px solid #e8783255;margin:0;padding:26px 24px 16px}.build-hero-filter{border:0;background:#0d1017;border-block:1px solid #ffffff06;border-radius:0;gap:7px;padding:12px 24px}.build-hero-filter input{background:#1a1c25;border-radius:30px;width:138px;height:38px;font-size:12px}.build-hero-icon{border:1px solid #0000;border-radius:50%;width:36px;height:36px;padding:2px}.build-hero-icon .art{object-fit:contain;width:32px;height:32px}.build-hero-icon:hover{background:#ffffff10;transform:translateY(-2px)}.build-hero-icon.active{border-color:var(--orange);background:#ff7b121a}.hero-filter-all{border-radius:50%;place-items:center;min-width:38px;height:38px;display:grid}.build-browser-controls{background:#0e1018;border:0;border-radius:0;gap:8px;margin-bottom:16px;padding:12px 24px}.build-browser-controls input{background:#191b24;border:1px solid #ffffff08;border-radius:30px;max-width:240px;min-height:34px;font-size:12px}.build-browser-controls .segmented{background:#191b24;border:1px solid #ffffff08;border-radius:30px;padding:3px}.build-browser-controls .segmented button{border-radius:25px;padding:6px 12px;font-size:12px}.build-browser{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.build-browser-list{background:#11131b;border:1px solid #ffffff09;border-radius:14px;overflow:hidden}.build-browser-list>header{background:#19212a;min-height:47px;padding:14px 16px}.build-browser-list>header h2{font-size:16px}.build-browser-list>header span{color:#79818f;font-size:11px}.build-choice{text-align:start;border:0;border-bottom:1px solid #ffffff06;background:#14151e;border-inline-start:2px solid #0000;gap:10px;width:100%;min-height:102px;padding:12px 14px}.build-choice:hover{background:#202029}.build-choice.selected{border-inline-start-color:var(--orange);background:linear-gradient(100deg,#39261d9c,#1b1a22)}.build-choice>.art{border:1px solid #aaa4;border-radius:50%;width:42px;height:42px}.build-choice-copy{flex:1;min-width:0}.build-choice-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.build-choice-copy small{font-size:10px}.build-choice-items{direction:ltr;justify-content:flex-end;gap:3px;margin-top:5px;display:flex}html[dir=ltr] .build-choice-items{justify-content:flex-start}.build-choice-items .art{object-fit:contain;border-radius:0;width:26px;height:26px}.build-choice-fav{color:var(--orange);align-items:center;gap:8px;font-size:10px;display:flex}.build-round-open{outline:2px solid var(--orange);outline-offset:2px;background:var(--orange);color:#15100b;border:1px solid #08090c;border-radius:50%;place-items:center;width:33px;height:33px;font-size:18px;display:grid;box-shadow:0 0 17px #ff701c33}.build-browser-detail{border:1px solid #ffffff0c;background:linear-gradient(120deg,#141620,#0c1019);border-top:2px solid #d6e25b;border-radius:12px;align-self:start;min-width:0;padding:18px;position:sticky;top:20px;overflow:hidden}.build-detail-watermark{opacity:.3;inset-inline-end:-40px;top:8px}.build-detail-watermark .art{object-fit:contain;width:240px;height:240px}.build-detail-title{margin-block:14px;position:relative}.build-detail-title h2{font-size:21px;line-height:1.4}.build-detail-title .art{border:2px solid #dee976;border-radius:50%;width:50px;height:50px}.build-preview-items{gap:6px;position:relative}.build-preview-items a{background:#1c1d27;border:1px solid #ffffff0c;border-radius:4px;padding:4px 7px;font-size:11px}.build-description{white-space:pre-wrap;font-size:13px;line-height:1.9;position:relative}.build-detail-actions{border-top:1px solid #ffffff09;flex-wrap:wrap;gap:8px;padding-top:12px}.build-detail-actions .chip{min-height:36px;font-size:12px}.variant-pro .ref-podium{align-items:end;gap:10px;margin:26px 0 18px}.variant-pro .ref-podium .ref-hero-card{background:#191d24 url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;border:1px solid #ffffff0c;border-radius:3px;min-height:210px}.variant-pro .ref-podium .podium-1{min-height:245px}.variant-pro .ref-podium .ref-hero-card>.art{object-fit:cover;object-position:top;opacity:.85;width:80%;height:100%;position:absolute;inset-inline-end:-6%}.variant-pro .ref-hero-card>div{z-index:2;padding:18px;position:relative}.variant-pro .ref-hero-card strong{font-size:clamp(23px,2.8vw,38px)}.variant-pro .ref-hero-card b{font-size:27px}.variant-pro .pro-card-role{color:#b8aaa2;font-size:10px}.variant-pro .pro-card-stats{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.variant-pro .pro-card-stats>span{flex-direction:column;gap:4px;display:flex}.variant-pro .pro-card-stats small{color:#94919a;font-size:10px}.variant-pro .pro-card-stats b{font-size:24px;line-height:1.1}.variant-pro .ref-tier-group{border:1px solid #ffffff0c;border-inline-start:3px solid #dec733;border-radius:10px}.variant-pro .ref-tier-group h2{min-height:46px;padding:12px 16px;font-size:15px}.variant-pro .ref-tier-group>div{padding:10px 14px}.variant-pro .ref-tier-group a{background:#07080d40;gap:10px;min-width:180px;max-width:235px;padding:8px;font-size:12px}.ref-meta-evolution .ref-toolbar{margin-bottom:18px}.ref-meta-highlights{gap:12px;margin-block:18px}.ref-meta-highlights .ref-paper{border:1px solid #ffffff0c;border-radius:12px;min-height:105px;padding:16px}.ref-meta-highlights .ref-paper>small{letter-spacing:.5px;font-size:10px}.ref-meta-highlights strong{text-overflow:ellipsis;white-space:nowrap;max-width:95px;font-size:13px;overflow:hidden}.ref-meta-highlights .ref-paper:nth-child(2)>small{color:#ec5365}.ref-meta-highlights .ref-paper:nth-child(4)>small{color:var(--orange)}.ref-meta-evolution .ref-stats-table td{height:54px;padding:10px 14px;font-size:12px}.ref-meta-evolution .ref-stats-table td:nth-child(2){min-width:180px}.ref-meta-evolution .ref-stats-table td:nth-child(2) a{text-align:start;align-items:center;gap:12px;display:flex}.ref-meta-evolution .ref-stats-table td:nth-child(2) img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.ref-meta-evolution .ref-stats-table th{padding:12px 14px;font-size:10px}.meta-delta-bar{direction:ltr;background:#ffffff04;width:76px;height:7px;display:block}.meta-delta-bar i{background:#008b70;height:100%;display:block}.meta-delta-bar.negative i{background:#ae3a4d}.ref-spark{max-width:95px;height:32px}.ref-reel-stage{border:1px solid #ffffff12;border-radius:5px;padding:0 0 24px;overflow:hidden}.ref-reel-stage>.ref-eyebrow{border-bottom:1px solid #ffffff05;justify-content:space-between;margin:0;padding:14px 18px;display:flex}.ref-reel{border-bottom:1px solid #ffffff08;height:234px;margin:0 0 24px}.ref-reel>div{min-width:15%;height:100%}.ref-reel .art{object-fit:cover;object-position:top;width:100%;height:100%}.ref-reel .chosen{background:linear-gradient(#0000,#a85d191c);border-inline:1px solid #ed8c2733}.ref-reel-stage>button.orange{clip-path:none;background:linear-gradient(#ff8c2c,#dd6106);border:2px solid #ffa55b66;border-radius:30px;min-width:190px;padding:12px 34px;font-size:16px;font-weight:800;box-shadow:0 3px #6f330f}.ref-random-results>a{border:1px solid #ffffff10;border-radius:5px;gap:30px;min-height:246px;padding:24px}.ref-random-results .art{object-fit:cover;object-position:top;border:1px solid #b781a250;border-radius:4px;width:175px;height:215px}.ref-random-results h2{color:#d994b3;margin:10px 0 18px;font-size:42px}@media (max-width:1050px){.broker-stash{gap:8px;padding:10px}.detail-broker-layout{grid-template-columns:minmax(0,1fr) 235px}.broker-stash{grid-template-columns:repeat(5,minmax(0,1fr))}.build-choice-fav{flex-direction:column}.ref-meta-highlights{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.ref-heading{min-height:148px;padding:22px 16px}.ref-heading h1{font-size:29px}.detail-broker-layout{grid-template-columns:1fr}.broker-stash{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.broker-preview{width:100%;max-width:380px;margin:auto;position:static}.catalog-broker{padding:10px}.build-browser{grid-template-columns:1fr}.build-browser-detail{position:static}.build-browser-list{max-height:420px;overflow:auto}.build-hero-filter,.build-browser-controls{padding:12px}.build-choice{min-height:92px}.build-choice-fav{flex-direction:row}.variant-pro .ref-podium .ref-hero-card{min-height:160px}.variant-pro .ref-podium .podium-1{min-height:185px}.variant-pro .ref-hero-card>div{padding:10px}.variant-pro .ref-hero-card strong,.variant-pro .ref-hero-card b{font-size:20px}.ref-random-results h2{font-size:30px}.ref-random-results .art{width:110px;height:155px}.ref-random-results>a{gap:18px;min-height:190px;padding:16px}.ref-reel{height:200px}.ref-reel>div{min-width:22%}}@media (prefers-reduced-motion:reduce){.broker-preview,.broker-tile,.ref-tabs button,.ref-button{transition:none!important;animation:none!important}}.ref-map-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px}.ref-map-viewport{background:#0b111a;border:1px solid #ffffff15;border-radius:6px}.ref-map-viewport:fullscreen{aspect-ratio:auto;width:100vw;height:100dvh}.ref-map-viewport image{filter:none}.ref-map-viewport>svg{transition:transform .35s}.ref-map-controls{top:14px;inset-inline-end:12px}.map-view-controls{top:14px;z-index:4;direction:ltr;background:#0d121b;border:1px solid #ffffff20;border-radius:4px;gap:3px;padding:3px;display:flex;position:absolute;inset-inline-start:12px}.map-view-controls button{font:inherit;color:#a5a4a4;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:12px}.map-view-controls button.active{background:var(--orange);color:#13100c;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.map-view-controls{left:58px;right:auto;inset-inline-start:unset}html[dir=ltr] .map-view-controls{left:auto;right:58px}.ref-map-viewport>svg>g>image:first-child{filter:brightness(1.8)drop-shadow(0 0 1px #71879a80)}.meta-custom-dates{gap:8px;display:flex}.meta-custom-dates label{color:#8b8b99;align-items:center;gap:5px;font-size:11px;display:flex}.meta-custom-dates input{width:130px!important}.ref-map-layout>aside{border:1px solid #ffffff12;border-radius:6px;padding:12px}.ref-map-layout>aside>.ref-tabs:first-child{background:#12141d;grid-template-columns:1fr 1fr;margin:-12px -12px 16px;padding:4px;display:grid}.map-layer-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.map-layer-heading h2{margin:10px 0 12px}.map-layer-heading small{color:#777885;font-size:9px}.ref-map-layout>aside>.ref-tabs:has(img){grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:18px;display:grid}.ref-map-layout>aside>.ref-tabs:has(img) button{border:0;padding:0 0 5px;font-size:10px;overflow:hidden}.ref-map-layout>aside>.ref-tabs img{object-fit:cover;background:#0b111b;width:100%;height:60px;display:block}.ref-map-layer-groups>section{border-top:1px solid #ffffff0c;padding:10px 0}.ref-map-layer-groups header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ref-map-layer-groups h3{color:#72727f;margin:0;font-size:11px}.ref-map-layer-groups header button{color:#737380;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px;font-size:9px}.ref-map-layers{flex-wrap:wrap;gap:5px;margin:0;display:flex}.ref-map-layers label{color:#94969f;cursor:pointer;background:#1a1d27;border-bottom:2px solid #0000;padding:5px 6px;font-size:10px}.ref-map-layers label:has(input:checked){border-color:var(--orange);color:#e3e1df;background:#25232a}.ref-map-layers input{opacity:0;pointer-events:none;position:absolute}.ref-map-layers label:focus-within{outline:2px solid var(--orange);outline-offset:2px}.ref-map-marker:hover{filter:drop-shadow(0 0 4px #a9fff0)}.ref-learning-journey{background:radial-gradient(at 10% 60%,#ff751529,#0000 65%),#10131d url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;border:1px solid #ffffff12;border-radius:8px;min-height:260px;padding:34px;position:relative;overflow:hidden}.ref-learning-journey h2{max-width:650px;font-size:clamp(25px,3vw,38px);line-height:1.4;position:relative}.ref-learning-journey p{max-width:530px;font-size:13px;position:relative}.ref-learning-emblem{opacity:.1;color:#ff8b22;font-size:220px;inset-inline-end:5%;transform:rotate(-10deg)}.ref-learning-journey .ref-button{z-index:1;padding:11px 22px;position:relative}.lesson-grid{gap:20px}.lesson-card{background:#10141e;border:1px solid #ffffff10;border-radius:7px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.lesson-card:hover{border-color:#f07a2a80;transform:translateY(-5px);box-shadow:0 12px 30px #0006}@media (prefers-reduced-motion:reduce){.lesson-card,.ref-map-viewport>svg{transition:none!important}}.lesson-cover{aspect-ratio:16/9;background:radial-gradient(at 15% 10%,#f07a2a22,#0000 65%),#181b27 url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;min-height:160px}.lesson-cover-title{text-align:start;padding:28px;font-size:clamp(23px,2.2vw,32px);line-height:1.6}.lesson-cover:after{content:"↗";bottom:16px;color:var(--orange);font-size:25px;position:absolute;inset-inline-end:20px}.lesson-cover:has(.video-play):after{content:none}.lesson-card-copy{padding:22px}.lesson-card-copy h3{margin:8px 0;font-size:21px}.lesson-card-copy p{color:#858a9b;font-size:12px;line-height:1.9}.lesson-detail{max-width:1120px;margin:auto;padding:32px;display:block}.lesson-detail>*{min-width:0;max-width:100%}.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:fixed;inset:0 auto auto 0;overflow:hidden;transform:none}.skip:focus{top:12px;left:12px;right:auto}.lesson-detail .article-head{background:linear-gradient(110deg,#38201460,#080a11);border-bottom:1px solid #ffffff0c;margin-block:20px;padding:30px}.lesson-detail .article-head h1{margin:12px 0;font-size:clamp(32px,4vw,52px)}.lesson-detail .h-sub{max-width:800px;font-size:15px;line-height:2}.lesson-jump-links{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.lesson-jump-links a{background:#171b25;border-bottom:2px solid #e37a2740;padding:8px 14px;font-size:12px}.lesson-video-section{margin:24px 0;scroll-margin-top:20px}.lesson-video-empty{aspect-ratio:16/7;text-align:center;color:#959ca9;background:radial-gradient(#202b35,#0c101a);border:1px solid #ffffff10;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;min-height:180px;padding:24px;font-size:13px;display:flex}.lesson-video-empty>span{color:#e98038;font-size:54px}.lesson-guide{margin-block:24px;padding:32px 40px;line-height:2.2}.lesson-guide h2{margin-top:38px;font-size:26px}.lesson-guide p,.lesson-guide li{font-size:16px}.lesson-related{margin-block:40px}.lesson-related>h2,.lesson-comments>h2{margin-bottom:20px;font-size:25px}.lesson-comments{border:1px solid #ffffff10;border-radius:8px;margin-block:30px;padding:28px}.lesson-comments form{gap:16px;margin-top:24px;display:grid}.lesson-comments label{gap:8px;font-size:13px;display:grid}.lesson-comments input,.lesson-comments textarea{color:#eee;font:inherit;background:#090d15;border:1px solid #ffffff19;border-radius:4px;width:100%;padding:12px}.lesson-comments button{justify-self:start}.lesson-comment{border-bottom:1px solid #ffffff12;padding-block:20px}.lesson-comment header{justify-content:space-between;gap:12px;font-size:13px;display:flex}.lesson-comment time{color:#818492;font-size:11px}.lesson-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}.translation-note{border-inline-start:3px solid var(--orange);color:#bfb69e;background:#ff8b1110;padding:10px 14px;font-size:12px}.invite-layout{align-items:start;gap:24px}.invite-layout>.panel{background:#111723 url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;border:1px solid #ffffff12;border-radius:8px;padding:28px}.steam-account{background:radial-gradient(at bottom,#24423760,#0000),#101923;border:1px solid #65b99835;border-radius:8px;padding:30px}.friend-code{flex-direction:column;align-items:flex-start;gap:10px;margin:22px 0;display:flex}.friend-code>small{color:#98a49f;font-size:12px}.friend-code strong{color:#ebe5cd;letter-spacing:2px;-webkit-user-select:all;user-select:all;font-size:clamp(26px,4vw,42px)}.invite-steps{counter-reset:invite-step;margin:24px 0;padding:0;list-style:none}.invite-steps li{counter-increment:invite-step;gap:14px;padding:15px 0;font-size:14px;line-height:1.9;display:flex}.invite-steps li:before{content:counter(invite-step);background:var(--orange);color:#15100a;align-self:flex-start;place-items:center;min-width:30px;height:30px;font-weight:800;display:grid}@media (max-width:1050px){.ref-map-layout{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width:760px){.ref-map-layout{grid-template-columns:1fr}.ref-map-layout>aside{order:2;max-height:none}.ref-map-layout>aside h2,.ref-map-layout>aside>small{display:block}.ref-map-layout>aside>.ref-tabs:has(img) img{height:80px}.ref-map-viewport{aspect-ratio:1;min-height:0}.map-view-controls{top:8px;inset-inline-start:8px}.map-view-controls button{padding:5px 7px;font-size:10px}.ref-learning-journey{min-height:280px;padding:24px}.lesson-detail{padding:16px}.lesson-detail .article-head,.lesson-guide{padding:22px 18px}.lesson-guide p,.lesson-guide li{font-size:14px}.lesson-comments{padding:20px}.invite-layout>.panel,.steam-account{padding:22px}}@media (max-width:700px){.build-browser-detail{position:relative;top:auto}.lesson-video-empty{aspect-ratio:16/9;min-height:180px}}
@font-face{font-family:ShopOracle;src:url(/images/reference/shop/fonts/oracle-semibold.woff2)format("woff2");font-display:swap;font-weight:600;unicode-range:U+0-24F}@font-face{font-family:ShopRadiance;src:url(/images/reference/shop/fonts/radiance-semibold.otf)format("opentype");font-display:swap;font-weight:600;unicode-range:U+0-24F}@font-face{font-family:ShopPulp;src:url(/images/reference/shop/fonts/pulp-bold.woff2)format("woff2");font-display:swap;font-weight:700;unicode-range:U+0-24F}.recovered-item-stage{border-bottom:3px solid var(--orange);grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,56px);padding:40px}.item-tooltip-wrap{justify-self:center;width:100%;min-width:0;max-width:392px}.tooltip-version{direction:ltr;background:#131b1d;border-radius:30px;width:max-content;margin:0 auto 14px;padding:3px;overflow:hidden}.tooltip-version button{color:#d9d7c9;cursor:pointer;background:0 0;border:0;border-radius:30px;padding:8px 16px;font:800 11px/1.4 Arial,sans-serif}.tooltip-version button.active{color:#17181a;background:#eee3cf}.recovered-tooltip{color:#f5ead0;background:var(--tooltip-backer) center/100% 100%;filter:drop-shadow(4px 10px 14px #0008);padding-bottom:22px;transition:transform .22s;overflow:hidden;transform:rotate(-1.5deg)}.recovered-tooltip:hover{transform:rotate(0)}.recovered-tooltip>header{background:var(--tooltip-header) center/cover;text-align:left;direction:ltr;align-items:center;gap:12px;padding:22px 22px 18px;display:flex}.recovered-tooltip>header>div{flex:1;min-width:0}.recovered-tooltip h2{overflow-wrap:anywhere;color:#fff3db;margin:0 0 7px;font:800 clamp(22px,2.4vw,30px)/1.05 ShopOracle,Georgia,serif}.recovered-tooltip>header>small{color:#39260d;align-self:flex-start;font:800 12px/1 Arial,sans-serif}.tooltip-souls{color:#70deb4;font:800 17px/1.4 Arial,sans-serif;display:block}.recovered-innate{background:#0002;padding:12px 22px}.recovered-innate>div{align-items:baseline;gap:9px;line-height:1.7;display:flex}.recovered-innate b{white-space:nowrap;font:700 16px/1.4 Arial,sans-serif}.recovered-tooltip>h3{background:#0005;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:5px 22px;font-size:14px;display:flex}.recovered-description{padding:14px 22px}.recovered-description .content-body{font-size:14px;line-height:1.9}.recovered-description .content-body p{margin:0 0 8px}.recovered-effects{flex-wrap:wrap;justify-content:center;gap:2px;padding:0 16px;display:flex}.recovered-effects>div{text-align:center;background:#0002;flex:90px;min-width:0;padding:10px 6px}.recovered-effects strong{color:#90e1b9;font:800 19px/1.4 Arial,sans-serif;display:block}.recovered-effects span{font-size:12px}.corrupted-tooltip{outline:3px solid #a66ad1}.corrupted-bonuses{background:#1d1039dc;border:1px solid #c297eb80;margin:12px 16px 0;padding:12px}.corrupted-bonuses>div{justify-content:space-between;gap:10px;padding-block:5px;display:flex}.corrupted-bonuses>small{margin-top:10px;font-size:10px;display:block}.recovered-item-stage h1{text-align:start;overflow-wrap:anywhere;margin:24px 0;font:900 clamp(32px,4.8vw,64px)/1.02 ShopRadiance,Arial,sans-serif}.recovered-item-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.recovered-item-stats>div{border-inline-end:1px solid #ffffff14;min-width:0;padding:0 12px}.recovered-item-stats>div:first-child{padding-inline-start:0}.recovered-item-stats>div:last-child{border:0}.recovered-item-stats strong{white-space:nowrap;font-size:clamp(19px,2.1vw,30px);line-height:1.4}.recovered-item-stats small{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.recovered-item-stats span{font-size:11px;line-height:1.7;display:block}.tag-list a{padding:4px 9px;font-size:11px;font-weight:800}.item-page-filters{background:var(--surface,#10161b);border:1px solid var(--line);border-radius:3px;flex-wrap:wrap;align-items:center;gap:18px;margin:14px 0;padding:16px 20px;display:flex}.item-page-filters label,.item-time-filter{align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.item-page-filters>small{color:var(--muted);text-align:end;flex-basis:100%;font-size:10px}.item-page-filters .segmented button{min-height:36px}.item-poster-deck{scroll-margin-top:16px}.item-poster-wall{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:16px;display:grid}.item-poster{text-align:start;min-width:0;min-height:252px;font:inherit;cursor:pointer;color:#15201e;isolation:isolate;border:0;padding:24px 24px 36px;transition:transform .18s,filter .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff20}.item-poster:hover{filter:brightness(1.04);transform:translateY(-4px)rotate(-.3deg)}.item-poster:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.item-poster:before,.item-expanded-poster:before{content:"";opacity:.22;mix-blend-mode:multiply;pointer-events:none;z-index:-1;background:url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;position:absolute;inset:0}.poster-0{color:#291e12;background:#eca338}.poster-1{color:#152b25;background:#79b8a0}.poster-2{color:#162b36;background:#a1b8c7}.poster-3{color:#292116;background:#ceaf86}.poster-label{color:#fff4e0;background:#161c1b;width:fit-content;margin-bottom:14px;padding:4px 9px;font-size:12px;font-weight:900;display:table;transform:rotate(-1deg)}.item-poster>strong{margin-block:8px;font-size:clamp(24px,3vw,38px);display:block}.item-poster>svg{opacity:.4;inset-inline-end:25px;position:absolute;top:45px;transform:rotate(-12deg)}.item-poster>p{max-width:70%;font-size:13px;font-weight:700;line-height:1.9}.poster-open{bottom:12px;text-transform:uppercase;font-size:10px;font-weight:900;position:absolute;inset-inline-end:18px}.item-poster>small{font-size:10px}.poster-heroes{justify-content:space-around;align-items:end;gap:6px;display:flex}.poster-heroes>span{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.poster-heroes b{font-size:12px}.poster-heroes small{font:800 13px/1.6 Arial}.poster-property-preview{flex-wrap:wrap;gap:10px;margin-block:24px;display:flex}.poster-property-preview>span{flex-direction:column;display:flex}.poster-property-preview b{font-size:24px}.poster-property-preview span{font-size:12px}.minute-chart{margin:12px 0 0;position:relative;direction:ltr!important}.minute-bars{align-items:start;gap:2px;height:88px;display:flex;position:relative}.minute-bars>.minute-bar{cursor:crosshair;z-index:1;border:0;border-radius:2px 2px 0 0;flex:1;min-width:0;padding:0;transition:filter .12s;position:relative}.minute-bars>.minute-bar:hover,.minute-bars>.minute-bar:focus-visible{filter:brightness(1.5);outline:1px solid #fff}.minute-bars .minute-bar>span{display:none}.minute-zero{top:50%;background:#15201e55;height:1px;position:absolute;inset-inline:0}.minute-axis{color:inherit;opacity:.7;justify-content:space-between;margin-top:8px;font:10px/1.5 Arial;display:flex}.minute-chart.large .minute-bars{height:240px}.chart-value{text-align:center;min-height:24px;margin-top:10px;font-size:11px;display:block}.item-expanded-poster{isolation:isolate;min-height:420px;padding:28px;animation:.22s ease-out posterReveal;position:relative}.item-expanded-poster>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.item-expanded-poster h2{margin:0 0 16px;font-size:clamp(22px,3vw,34px)}.poster-close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;flex-shrink:0;font-size:24px}.poster-nav{border-block:1px solid #0002;flex-wrap:wrap;gap:6px;margin-block:10px 24px;padding:12px 0;display:flex}.poster-nav button{color:inherit;cursor:pointer;background:#0001;border:1px solid #0002;border-radius:30px;padding:6px 10px;font:700 11px/1.6 inherit}.poster-nav button[aria-pressed=true]{color:#fff1da;background:#17201f}.poster-summary{flex-wrap:wrap;gap:28px;margin-block:24px;display:flex}.poster-summary>div{flex:130px}.poster-summary small{font-size:12px;display:block}.poster-summary strong{font-size:36px;display:block}.poster-rows>div{border-bottom:1px solid #0002;align-items:center;gap:14px;padding:12px 0;display:flex}.poster-rows>div>a{flex:2;align-items:center;gap:10px;min-width:0;display:flex}.poster-rows>div>strong{flex:2}.poster-rows img{object-fit:contain;background:#0002;border-radius:3px}.poster-row-bar{background:#0002;flex:1;height:5px}.poster-row-bar i{background:#137b62;height:100%;display:block}.poster-rows b{min-width:56px;font-size:16px}.poster-rows small{min-width:65px;font-size:11px}.poster-empty{padding-block:20px;font-size:13px}.poster-enemy-select{align-items:center;gap:15px;display:flex}.item-upgrade-links{flex-wrap:wrap;gap:15px;margin-block:15px;display:flex}.item-upgrade-links>a{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.item-more-links{margin-block:24px}.item-more-links>a{color:var(--orange);margin-inline-end:20px;font-size:13px;font-weight:700;display:inline-flex}@keyframes posterReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.recovered-tooltip>header>small{inset-inline-end:10px;position:absolute;top:8px}.recovered-innate>div{direction:ltr;justify-content:flex-start}.hero-stat-filters{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.hero-stat-filters label{align-items:center;gap:10px;font-size:11px;display:flex}.hero-stat-filters>span{font-size:11px}.profile-tabs [role=tablist]{scrollbar-width:thin;flex-wrap:nowrap;overflow:auto}.profile-tabs [role=tab]{white-space:nowrap;flex-shrink:0}.ability-details{animation:.2s ease-out posterReveal}.hero-rank-summary{width:100%;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.hero-rank-summary h2{margin:0;font-size:20px}.hero-rank-summary>span{color:var(--orange);font-size:26px}.hero-rank-rows>div{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:13px 0;display:flex}.hero-rank-rows span{min-width:90px;font-size:13px}.hero-rank-rows i{background:var(--line);flex:1;height:5px}.hero-rank-rows i:before{content:"";width:var(--rank-width);background:#27b896;height:100%;display:block}.hero-rank-rows b{font-size:14px}.hero-rank-rows small{color:var(--muted);font-size:11px}.hero-leaderboard{margin-top:20px}.hero-leaderboard>div{border-bottom:1px solid var(--line);gap:20px;padding:14px;font-size:14px;display:flex}.hero-leaderboard b{color:var(--orange);min-width:40px}.hero-region-filter{align-items:center;gap:15px;font-size:12px;display:flex}.hero-pro-items{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.hero-pro-items>a{border:1px solid var(--line);background:#ffffff05;align-items:center;gap:8px;padding:8px;font:700 12px/1.3 Arial,sans-serif;display:flex}.hero-lore-file{background:#171916 url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;border:1px solid #beb18a55;border-top:5px solid #c1b58c;padding:clamp(22px,4vw,48px);position:relative}.hero-lore-file>header{border-bottom:1px solid #beb18a55;margin-bottom:30px;padding-bottom:24px}.hero-lore-file .kicker{color:#c1b58c}.hero-lore-file h2{font-size:24px}.hero-lore-file .content-body{max-width:850px;font-size:14px;line-height:2.1}.hero-lore-file .content-body h2{border-bottom:1px solid var(--line);margin-top:36px;padding-bottom:8px;font-size:20px}.hero-lore-file>footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:36px;padding-top:20px;font-size:11px;display:flex}.hero-lore-file>footer a{color:var(--orange)}.invite-sent-confirmation{grid-column:1/-1;align-items:center;gap:10px;font-size:12px;line-height:1.9;flex-direction:row!important;display:flex!important}.invite-sent-confirmation input{width:18px;min-width:18px;height:18px;accent-color:var(--orange)}.meta-sort-tabs{margin-inline-start:auto}.meta-range-label{color:var(--muted);text-align:end;margin:12px 0 18px;font-size:11px}.meta-highlight{appearance:none;text-align:start;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);transition:transform .15s}.meta-highlight:hover{transform:translateY(-3px)}.meta-trend-open{cursor:pointer;background:0 0;border:0;padding:4px}.meta-trend-open:focus-visible,.meta-highlight:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.meta-history>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.meta-history h2{font-size:20px}.meta-history svg{width:100%;max-height:300px;margin-block:15px}.meta-history-points{gap:8px;padding-block:12px;display:flex;overflow:auto}.meta-history-points>div{text-align:center;border:1px solid var(--line);flex-direction:column;flex:1 0 88px;gap:8px;padding:10px;display:flex}.meta-history-points small,.meta-history-points span{color:var(--muted);font-size:10px}.meta-show-all{margin:20px auto;display:block}.build-pagination{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.build-pagination button:disabled{opacity:.35;cursor:default}.build-patch-filter{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.build-patch-filter input{width:16px;min-width:0;accent-color:var(--orange)}.build-translation-control{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.build-translation-control small{color:var(--muted);font-size:10px}.build-translation-control p{flex-basis:100%;font-size:12px}.browser-build-groups>section{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.browser-build-groups h3{margin:0 0 12px;font-size:16px}.browser-build-groups>section>a{vertical-align:top;border:1px solid var(--line);background:#ffffff05;border-radius:3px;align-items:center;gap:7px;max-width:100%;margin:3px;padding:6px;transition:background .15s,transform .15s;display:inline-flex}.browser-build-groups a:hover{background:#ffffff0e;transform:translateY(-2px)}.browser-build-groups a>span{max-width:110px;font:700 12px/1.2 Arial}.browser-build-groups a>small{color:var(--muted);font:10px/1 Arial}.pro-build-stage{isolation:isolate;background:#090b0e url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center;gap:25px;margin:25px 0;padding:36px 28px;display:grid;position:relative;overflow:hidden}.pro-build-stage>div{z-index:1;min-width:0}.pro-build-stage h1{align-items:center;gap:12px;margin:18px 0 10px;font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1.3;display:flex}.pro-build-stage h1 em{color:var(--orange);font-style:normal}.pro-build-stage>div>p{color:var(--muted);font-size:12px;line-height:1.9}.pro-build-hero-art{object-fit:contain;width:100%;max-width:100%;height:390px}.pro-build-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-block:34px;display:grid}.pro-build-stats small{color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.pro-build-stats strong{overflow-wrap:anywhere;font-size:clamp(19px,2.6vw,32px);line-height:1.4}.pro-profile-note{border-inline-start:3px solid var(--orange);background:#0005;align-items:center;gap:18px;padding:12px 18px;display:flex}.pro-profile-note b{min-width:90px;font-size:13px}.pro-profile-note p{color:var(--muted);margin:0;font-size:11px;line-height:1.9}.pro-source-controls{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:14px;margin-block:24px;padding:16px;display:flex}.pro-source-controls label{color:var(--muted);flex-direction:column;flex:180px;gap:7px;font-size:10px;display:flex}.pro-source-controls>small{color:var(--muted);flex-basis:100%;font-size:10px}.pro-path-poster{color:#13282a;background:#6faeb7;border-radius:12px;margin-bottom:28px;padding:24px}.pro-path-poster>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.pro-path-poster h2{margin:0;font-size:26px}.pro-path-poster>header p{opacity:.8;font-size:12px}.pro-path-poster .segmented{background:#263f4933;border-radius:30px;padding:3px}.pro-path-poster .segmented button{border-radius:30px;font-size:11px}.pro-path-poster .segmented button.active{color:#152e31;background:#f0e9d8}.pro-item-phase{color:#eee3ce;background:#514c33 url(/images/reference/ui/ns/grain-faint.webp) 50%/cover;border:5px solid #cbc29a66;margin-top:18px;padding:12px}.pro-item-phase>h3{background:#181b1699;align-items:center;gap:12px;margin:0 0 12px;padding:9px;font-size:16px;display:flex}.pro-item-phase h3 small{color:#e3dbc6b3;font:11px/1.5 Arial,sans-serif}.pro-item-phase h3>b{margin-inline-start:auto;font-size:12px}.pro-item-phase>div{flex-wrap:wrap;gap:10px;display:flex}.pro-item-pick{text-align:center;color:#1e2219;background:#cfbc92;border:1px solid #ffffff40;border-radius:2px;flex-direction:column;align-items:center;gap:5px;width:110px;padding:12px 7px 8px;transition:transform .16s,filter .16s;display:flex;position:relative}.pro-item-pick:hover{filter:brightness(1.12);transform:translateY(-5px)rotate(-2deg)}.pro-item-pick em{background:var(--orange);color:#1a190d;padding:0 10px;font:900 10px/1.5 Arial;position:absolute;top:-8px}.pro-item-pick strong{min-height:26px;font:800 12px/1.1 Arial}.pro-item-pick>span{font:800 14px/1.5 Arial}.pro-item-pick>small{font:700 10px/1.5 Arial}.pick-spirit{background:#b9a2d0}.pick-vitality{background:#aabd8c}.pro-path-legend{margin-bottom:0;font-size:10px}.pro-skill-table{border-collapse:collapse;direction:ltr;width:100%;min-width:680px;font-size:11px}.pro-skill-table th,.pro-skill-table td{text-align:center;border:1px solid var(--line);padding:10px 6px}.pro-skill-table tbody th{text-align:start;align-items:center;gap:10px;min-width:180px;display:flex}.pro-skill-table tbody th span{font-size:11px}.pro-skill-table td>span{color:#171f1b;background:#d4bb8c;place-items:center;width:22px;height:24px;margin:auto;font-weight:800;display:grid}.pro-performance-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;display:grid}.pro-performance-grid h3{font-size:15px}.pro-radar{width:100%;max-width:340px;margin:auto;display:block}.pro-performance svg{width:100%;margin-top:20px}.pro-performance .ref-tabs{flex-wrap:wrap}.pro-metric-rows{max-width:600px;margin-top:24px}.pro-metric-rows>div{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr .6fr;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:grid}.pro-metric-rows+small{margin-top:12px;font-size:10px;display:block}@media (min-width:1000px){.build-browser{align-items:stretch;height:min(780px,100dvh - 80px);min-height:500px}.build-browser-list,.build-browser-detail{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;max-height:100%;overflow:auto!important}.build-browser-list>header{z-index:2;position:sticky;top:0}.build-browser-detail{position:relative!important;top:auto!important}}@media (max-width:1000px){.recovered-item-stage{grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr);gap:25px;padding:28px}.recovered-item-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.recovered-item-stats>div:nth-child(3){padding-inline-start:0}.item-poster-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.item-page-filters{gap:12px}.build-browser{height:auto}.build-browser-list{max-height:65dvh;overflow:auto}.build-browser-detail{max-height:none;position:relative;top:auto}}@media (max-width:700px){.recovered-item-stage{flex-direction:column-reverse;gap:30px;padding:24px 16px;display:flex}.recovered-item-stage .item-title-stats{width:100%}.recovered-item-stage h1{margin-block:20px;font-size:38px}.recovered-item-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.item-tooltip-wrap{max-width:340px}.item-poster-wall{grid-template-columns:minmax(0,1fr)}.item-poster{min-height:230px}.item-expanded-poster{padding:20px 15px}.poster-rows>div{flex-wrap:wrap;gap:8px}.poster-rows>div>a{flex:50%}.poster-row-bar{display:none}.poster-nav{scrollbar-width:thin;flex-wrap:nowrap;overflow:auto}.poster-nav button{white-space:nowrap;flex-shrink:0}.item-page-filters{align-items:stretch;padding:15px}.item-page-filters>label{flex-direction:column;flex:135px;align-items:stretch}.item-page-filters>small{text-align:start}.item-time-filter{flex:100%}.minute-axis{font-size:9px}.item-expanded-poster .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-heroes img{max-width:100%;height:auto}}@media (prefers-reduced-motion:reduce){.item-poster,.recovered-tooltip{transition:none}.item-expanded-poster{animation:none}.item-poster:hover,.recovered-tooltip{transform:none}}@media (max-width:700px){.pro-build-stage{grid-template-columns:minmax(0,1fr);padding:24px 18px}.pro-build-hero-art{inset-inline-end:-60px;opacity:.2;z-index:0;width:260px;height:320px;position:absolute;top:0}.pro-build-stage h1{font-size:32px}.pro-build-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.pro-build-stats strong{font-size:28px}.pro-profile-note{flex-direction:column;align-items:start;gap:8px}.pro-path-poster{padding:18px 12px}.pro-item-phase{border-width:3px;padding:8px}.pro-item-phase>div{gap:8px}.pro-item-pick{width:calc(33.3333% - 5.33333px);padding-inline:4px}.pro-item-pick strong{font-size:10px}.pro-item-pick small{font-size:9px}.pro-item-phase h3{flex-wrap:wrap;gap:8px}.pro-performance-grid{grid-template-columns:minmax(0,1fr)}.browser-build-groups>section>a{width:calc(50% - 6px);margin:3px}.browser-build-groups a>small{display:none}}.item-builds-section{margin-block:24px}.item-build-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.item-build-cards article{background:var(--surface-2);border:1px solid var(--line);min-width:0;padding:18px}.item-build-title{align-items:center;gap:10px;display:flex}.item-build-title>span{flex-direction:column;gap:5px;min-width:0;display:flex}.item-build-title strong{overflow-wrap:anywhere;font-size:14px}.item-build-title small{color:var(--muted);font-size:11px}.item-build-icons{flex-wrap:wrap;gap:5px;margin-top:15px;display:flex}.item-build-cards article>p{white-space:pre-line;max-height:150px;font-size:12px;line-height:1.9;overflow:auto}.mvp-records>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.mvp-records h2{margin-top:32px;font-size:24px}.mvp-records h3{margin-top:0;font-size:16px}.mvp-records .panel{padding:20px 15px}.mvp-records .panel>a{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 0;font-size:11px;display:flex}.mvp-records .panel>a>strong{flex:1}.mvp-records .panel>a>span{color:var(--orange);font-size:12px}@media (max-width:1000px){.mvp-records>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.item-build-cards,.mvp-records>div{grid-template-columns:minmax(0,1fr)}}.hero-extra-posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px;display:grid}.hero-extra-posters .item-poster{min-height:190px}.hero-extra-expanded>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero-extra-expanded article{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.hero-extra-expanded article h3{font-size:16px}.hero-extra-expanded article small{color:var(--muted);font-size:11px}.hero-extra-expanded article p{white-space:pre-line;font-size:13px;line-height:1.9}@media (max-width:700px){.hero-extra-posters{grid-template-columns:minmax(0,1fr)}.hero-extra-posters .item-poster{min-height:165px}}