.builds-page .account-page {max-width:1560px;padding:32px 3vw 70px}
.builds-page .account-heading h1 {font-size:2.6rem;margin:8px 0 12px}
.builds-page .account-heading .eyebrow {margin-bottom:10px}
.builds-page .build-layout {display:block}
.visual-build {--build-line:#394335;--build-panel:#131a15;--build-inset:#1e291f;--build-gold:#dec38c;display:grid;gap:16px;color:var(--text)}
.build-panel {min-width:0;padding:20px;border:1px solid var(--build-line,var(--border));border-radius:14px;background:var(--build-panel,var(--surface))}
.build-toolbar {display:flex;flex-wrap:wrap;align-items:end;gap:14px}
.visual-build label {display:block;min-width:0;font-size:14px;color:var(--muted)}
.visual-build input,.visual-build select,.visual-build textarea {display:block;width:100%;margin-top:6px;padding:10px 12px;min-height:44px;border:1px solid var(--build-line);border-radius:7px;font:400 16px/1.4 var(--sans);color:var(--text);background:var(--build-inset)}
.visual-build .build-title-field {flex:1 1 240px}
.visual-build .build-level-field {width:84px}
.builds-page .build-toolbar .button {margin:0;min-height:46px}
.build-overview {display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.build-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.build-panel-heading h2 {font:700 16px/1.4 var(--sans);margin:0;letter-spacing:0}
.build-panel-heading .small-tag {font-size:12px;letter-spacing:0;padding:4px 8px;min-height:25px}
.build-hint {font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 16px}
.build-hint a {text-decoration:underline;text-underline-offset:3px}
.visual-build .build-stat {display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:center;gap:8px;padding-left:10px;margin:7px 0;border-radius:5px;color:var(--text);background:linear-gradient(90deg,#67533d,#3b3528)}
.visual-build .build-stat>span {font-size:14px;line-height:1.3}
.visual-build .build-stat input {margin:0;min-height:36px;padding:7px 4px;border:0;border-radius:0 5px 5px 0;text-align:center;background:#e2d3b52a;font-size:14px;font-weight:600;appearance:textfield;-moz-appearance:textfield}
.build-stat input::-webkit-inner-spin-button {appearance:none}
.build-extra-stats {border:0;padding:18px 0 0}
.build-extra-stats summary {font-size:14px;color:var(--muted);margin-bottom:10px;gap:8px}
.build-extra-stats summary::after {content:'+';font-size:18px;color:var(--build-gold)}
.build-extra-stats[open] summary::after {content:'−'}
.build-paperdoll {overflow:hidden}
.build-filters {display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;margin-bottom:10px}
.paperdoll-slots {display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.85fr) minmax(0,1fr);gap:14px;align-items:stretch}
.gear-side {display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.visual-build .gear-slot {display:flex;align-items:center;gap:10px;min-height:70px;min-width:0;padding:8px;border:1px solid var(--build-line);border-radius:8px;background:var(--build-inset)}
.gear-slot-content {display:block;min-width:0;flex:1}
.gear-slot-label {display:block;font-size:12px;line-height:1.4;color:var(--muted)}
.visual-build .gear-slot select {margin:2px 0 0;min-height:32px;padding:4px 0;border:0;background:transparent;font-size:14px;text-overflow:ellipsis;cursor:pointer}
.visual-build .gear-slot select option {background:var(--build-panel);color:var(--text)}
.build-icon {display:block;position:relative;flex-shrink:0;overflow:hidden;width:44px;height:44px;line-height:44px;text-align:center;font:600 20px/44px var(--sans);color:var(--muted);background:#28352b;border:1px solid #53604a;border-radius:7px}
.build-sprite {display:block;position:absolute;left:0;top:0;transform-origin:top left;background-repeat:no-repeat}
.gear-slot[data-rarity=rare] .build-icon {border-color:#59a8ee;background:#193951}
.gear-slot[data-rarity=epic] .build-icon {border-color:#bc82e2;background:#37284c}
.gear-slot[data-rarity=legendary] .build-icon {border-color:#e3b652;background:#4b3b1c}
.gear-slot[data-rarity=uncommon] .build-icon {border-color:#7cb75c}
.build-character {position:relative;min-width:0;margin:0;min-height:460px;overflow:hidden;border-radius:10px;background:#101912}
.build-character img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82}
.build-character figcaption {position:absolute;inset:auto 0 0;padding:34px 10px 16px;background:linear-gradient(transparent,#101912);text-align:center;color:#f2f0e5}
.build-character figcaption strong {display:block;font:400 30px/1.2 var(--serif)}
.build-character figcaption span {display:block;font-size:12px;line-height:1.4;color:#b6c5b7;margin-top:8px}
.gear-kit {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px;border-top:1px solid var(--build-line)}
.build-specializations {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.visual-talents {display:flex;flex-direction:column;gap:12px}
.talent-tier {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:12px;padding:22px 0 12px;border-top:1px solid var(--build-line)}
.talent-tier-label {position:absolute;left:0;top:2px;font-size:12px;color:var(--muted)}
.talent-branch {display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:12px 8px;min-width:0}
.visual-build .talent-node {display:flex;flex-direction:column;align-items:center;width:64px;gap:6px;color:var(--muted)}
.talent-gem {display:grid;place-items:center;width:50px;height:50px;border:1px solid #77725e;border-radius:10px;background:#332f24;opacity:.65}
.talent-gem .build-icon {border-radius:6px;border:0}
.talent-node.selected .talent-gem {opacity:1;border-color:var(--build-gold);box-shadow:0 0 16px #dec38c26}
.talent-name {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;text-align:center}
.talent-rank {display:flex;align-items:center;gap:3px;font-size:12px}
.visual-build .talent-rank input {min-width:0;width:42px;min-height:32px;margin:0;padding:5px 2px 5px 5px;font-size:14px}
.rune-skill {display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.5fr);align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--build-line)}
.rune-skill h3 {font:600 14px/1.45 var(--sans);margin:0;overflow-wrap:anywhere}
.rune-options {display:flex;flex-wrap:wrap;gap:8px}
.builds-page .visual-build .rune-option {flex:1 1 68px;min-width:0;max-width:130px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font:400 14px/1.35 var(--sans)}
.rune-sigil {display:grid;place-items:center;width:34px;height:34px;border:1px solid #81639b;border-radius:8px;color:#bbaaC8;background:#34243f;font-size:12px;font-weight:700}
.builds-page .visual-build .rune-option:hover {background:var(--build-inset);color:var(--text)}
.builds-page .visual-build .rune-option.selected {background:#8051a32a;border-color:#a270c9;color:var(--text)}
.rune-option.selected .rune-sigil {background:#7944a4;color:#fff;border-color:#c797f0;box-shadow:0 0 12px #a469da2e}
.build-library {margin-top:24px}
.build-library .saved-builds {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.build-library .saved-build-card {border:1px solid var(--border);border-radius:10px;padding:18px;min-width:0}
.build-library .saved-build-card h3 {font-family:var(--sans);font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}
.build-library .build-pieces {font-size:14px;grid-template-columns:80px minmax(0,1fr);gap:4px 10px}
.build-library .saved-build-card p {font-size:14px;overflow-wrap:anywhere}
html.theme-light .visual-build {--build-line:#cad3c2;--build-panel:#f8faf5;--build-inset:#edf1e8;--build-gold:#826829}
html.theme-light .visual-build .build-stat {background:linear-gradient(90deg,#dbccb0,#e8dfca)}
html.theme-light .visual-build .build-stat input {background:#fff7}
html.theme-light .build-icon {background:#dce5d5;color:#394532}
html.theme-light .talent-gem {background:#e7decc}
html.theme-light .rune-sigil {color:#5b3973;background:#e6d9ef}
@media(max-width:1200px) {
 .build-overview {grid-template-columns:210px minmax(0,1fr)}
 .paperdoll-slots {grid-template-columns:minmax(0,1fr) minmax(105px,.65fr) minmax(0,1fr);gap:8px}
 .visual-build .gear-slot {gap:6px;padding:6px}
}
@media(max-width:1000px) {
 .build-overview {grid-template-columns:1fr}
 .build-attributes #build-attributes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
 #build-advanced-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 .build-specializations {grid-template-columns:1fr}
 .build-library .saved-builds {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px) {
 .builds-page .account-page {padding:22px 12px 48px}
 .build-panel {padding:14px}
 .build-toolbar {gap:12px}
 .build-title-field {flex-basis:100%!important}
 .build-filters {grid-template-columns:1fr 110px;gap:10px}
 .paperdoll-slots {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .build-character {grid-column:1/-1;grid-row:1;min-height:200px}
 .build-character img {object-fit:contain;object-position:center 28%;opacity:.8}
 .build-character figcaption {inset:auto 0 0 auto;width:48%;background:none;text-align:right}
 .gear-kit {grid-template-columns:repeat(2,minmax(0,1fr))}
 .visual-build .gear-slot {flex-direction:column;align-items:start;min-height:112px}
 .gear-slot-content {width:100%}
 .build-attributes #build-attributes {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}
 #build-advanced-stats {grid-template-columns:1fr}
 .rune-skill {grid-template-columns:1fr;gap:8px}
 .talent-tier {gap:8px}
 .build-library .saved-builds {grid-template-columns:1fr}
}
/* Rarity and upgrades are configured independently for each equipped weapon. */
.weapon-variants{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.visual-build .weapon-variants label{display:block;font:500 .875rem/1.4 var(--sans);color:var(--muted);min-width:0}.visual-build .weapon-variants select{width:100%;font-size:.875rem;min-height:40px;padding:6px;margin-top:4px}.visual-build .gear-kit .gear-slot{align-items:flex-start}.visual-build .gear-kit .build-icon{margin-top:6px}
@media(max-width:620px){.visual-build .gear-kit{grid-template-columns:1fr}.visual-build .gear-kit .gear-slot{flex-direction:row}.visual-build .gear-kit .gear-slot-content{width:auto}}

.build-character {background:#0b0a08}
.build-character .farever-class-portrait {position:absolute;left:0;top:50%;width:100%;transform:translateY(-55%)}
@media(max-width:900px) {.build-character .farever-class-portrait {width:180px;max-width:48%;left:8%;transform:translateY(-50%)}}