/* Scoped build library presentation. */
.build-library{--bl-accent:#81c6ef;--bl-line:#ffffff12;max-width:1380px;margin:24px auto 64px;padding:0 24px;color:#edf1f4;font-family:"Encode Sans","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.build-library *{box-sizing:border-box}.build-library a{text-decoration:none;color:inherit}.build-library h1,.build-library h2,.build-library h3,.build-library p{margin:0}
.bl-header{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:225px;padding:35px 36px;margin-bottom:28px;border:1px solid var(--bl-line);border-radius:12px;background:#172129}.bl-header:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111a20 10%,#111a20db 45%,#111a2055),url('../img/home/hero.avif') center 43%/cover}.bl-eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--bl-accent)}.bl-header h1{font-size:34px;font-weight:750;line-height:1.3;letter-spacing:-1px;margin:12px 0}.bl-intro{font-size:14px;line-height:1.8;color:#bcc6cc}.bl-summary{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:11px;color:#92a7b4}.bl-summary span+span{border-left:1px solid #ffffff26;padding-left:20px}.build-library .bl-create{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:12px 18px;border-radius:6px;background:#79bde6;color:#102431;font-size:13px;font-weight:650;box-shadow:0 4px 20px #0003}.bl-create img{opacity:.8}.bl-create:hover{background:#a2d7f7}
.bl-layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:28px}.bl-sidebar{align-self:start;background:#15191d;border:1px solid var(--bl-line);border-radius:9px;padding:18px 10px 14px}.bl-filter-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 16px}.bl-filter-heading h2{font-size:12px;font-weight:600;color:#aeb8c1}.bl-filter-heading>span{font-size:10px;color:#63717e}.bl-filters{display:flex;flex-direction:column;gap:4px}.bl-filters a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:5px;font-size:13px;border:1px solid transparent;color:#b7bfc7;min-height:44px}.bl-filters a:hover{background:#ffffff07;color:#fff}.bl-filters a[aria-current]{background:#263c4b;border-color:#75b8e12b;color:#b9e3ff}.bl-filter-icon{object-fit:cover;object-position:65% 10%;border-radius:5px;background:#ffffff08}.bl-all-icon{width:24px;height:24px;margin:0 4px;filter:invert(1);opacity:.6}.bl-filters small{margin-left:auto;font-size:10px;color:#7e919f;font-variant-numeric:tabular-nums}.bl-filters a[aria-current] small{color:#a8d4ef}.bl-sidebar-tip{margin:17px 10px 0!important;padding-top:16px;border-top:1px solid var(--bl-line);font-size:11px;color:#75818c;line-height:1.9}
.bl-results{min-width:0}.bl-results-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 0 18px;border-bottom:1px solid var(--bl-line);margin-bottom:18px}.bl-results-heading h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650}.bl-results-heading h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:22px;background:#ffffff08;border:1px solid var(--bl-line);border-radius:5px;color:#94a2ac;font-size:11px;font-weight:400}.bl-curator{font-size:11px;color:#85939d}.bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bl-card{--bl-tint:#293c48;min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:9px;background:#1a1e22;transition:border-color .18s,background .18s}.bl-card:hover{border-color:#81c6ef66;background:#1d242a}.bl-card--assassin{--bl-tint:#492c35}.bl-card--ranger{--bl-tint:#2b4036}.bl-card--sorcerer{--bl-tint:#3e2c4e}.bl-card--elementalist,.bl-card--chanter{--bl-tint:#423e2b}.bl-card--cleric{--bl-tint:#2b444d}.bl-card-main{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:191px}.bl-art{position:relative;overflow:hidden;min-height:191px;background:linear-gradient(145deg,var(--bl-tint),#14191e)}.bl-art img{position:absolute;height:100%;width:280px;max-width:none;object-fit:cover;object-position:center;left:50%;transform:translateX(-57%);opacity:.92}.bl-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11171cef,transparent 55%)}.bl-art>span{position:absolute;bottom:14px;left:14px;z-index:1;font-size:11px;color:#d5dfe5;letter-spacing:.08em}.bl-card-body{min-width:0;padding:17px 16px 15px}.bl-card-top{display:flex;align-items:center;justify-content:space-between;color:#8eb3c8;font-size:10px}.bl-race{color:#86949f}.bl-card h3{margin:9px 0 10px;min-height:42px;font-size:15px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}.bl-tags{display:flex;flex-wrap:wrap;gap:5px}.bl-tags span{font-size:9px;color:#acb9c3;border:1px solid #ffffff0c;border-radius:3px;padding:2px 5px;background:#ffffff05}.bl-counts{display:flex;gap:22px;margin:15px 0 0}.bl-counts dt{color:#84929e;font-size:9px;margin-bottom:4px}.bl-counts dd{font-size:13px;font-weight:600;margin:0;font-variant-numeric:tabular-nums;color:#dce5eb}.bl-counts small{font-size:9px;font-weight:400;color:#84929e}.bl-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid var(--bl-line);background:#12161955}.bl-author{font-size:11px;overflow-wrap:anywhere;min-width:0;color:#b7c2ca!important}.bl-author>span{font-size:10px;color:#778792;margin-right:5px}.build-library .bl-open{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#9ed2f1}.bl-open img{filter:invert(1);opacity:.65}.bl-author:hover,.bl-open:hover{color:#fff!important}.bl-note{margin-top:22px!important;color:#77848e;font-size:11px;line-height:1.9;max-width:760px}.bl-empty{padding:64px;text-align:center;color:#959fa8}.build-library a:focus-visible{outline:2px solid var(--bl-accent);outline-offset:-2px}
@media(min-width:1450px){.bl-card-main{grid-template-columns:130px minmax(0,1fr)}.bl-card-body{padding:20px}.bl-card h3{font-size:16px}}
@media(max-width:1050px){.bl-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}.bl-card-main{grid-template-columns:85px minmax(0,1fr)}.bl-card-body{padding:14px 12px}.bl-counts{gap:13px}.bl-header{padding:28px}}
@media(max-width:850px){.bl-layout{grid-template-columns:1fr;gap:18px}.bl-sidebar{padding:0;background:none;border:0;border-radius:0;min-width:0}.bl-filter-heading,.bl-sidebar-tip{display:none}.bl-filters{flex-direction:row;overflow-x:auto;padding-bottom:7px;gap:6px;scrollbar-width:thin}.bl-filters a{flex-shrink:0;background:#171c20;border-color:var(--bl-line);padding:6px 10px;gap:7px}.bl-filter-icon{width:24px;height:24px}.bl-filters small{margin-left:4px}.bl-header{min-height:210px}.bl-header h1{font-size:30px}.bl-card-main{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:620px){.build-library{padding:0 16px;margin:16px auto 40px}.bl-header{padding:25px 22px;align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:20px}.bl-header:before{background:linear-gradient(90deg,#111a20ee,#111a20aa),url('../img/home/hero.avif') center/cover}.bl-header h1{font-size:28px}.bl-intro{font-size:12px;max-width:255px}.bl-summary{gap:12px;font-size:10px;margin-top:16px}.bl-summary span+span{padding-left:12px}.build-library .bl-create{padding:10px 14px;font-size:12px}.bl-grid{grid-template-columns:1fr;gap:12px}.bl-card-main{grid-template-columns:104px minmax(0,1fr);min-height:181px}.bl-art{min-height:181px}.bl-card-body{padding:16px}.bl-counts{gap:18px}.bl-results-heading{padding-bottom:14px;margin-bottom:14px}.bl-results-heading h2{font-size:16px}.bl-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.bl-card{transition:none}}
.bl-art img{width:100%;height:100%;left:0;top:0;transform:none;object-fit:cover;object-position:60% top}.bl-filter-icon{object-fit:cover;object-position:center 5%}

.bl-filters .bl-filter-icon{width:26px;height:26px;flex:none;object-fit:contain;object-position:center;border-radius:0;background:none;opacity:.8}.bl-filters a[aria-current] .bl-filter-icon,.bl-filters a:hover .bl-filter-icon{opacity:1}