body[data-page=build] .workspace{background:radial-gradient(circle at 70% -5%,#5b357049,transparent 490px),#211831;min-height:100vh}
body[data-page=build] .workspace main{max-width:1680px;padding:0 28px 42px}
.build-topbar .context{display:flex;align-items:center;gap:10px;min-width:0}
.build-top-brand{display:inline-flex;align-items:center;gap:7px;color:#f6eafa;text-decoration:none;font-weight:700;white-space:nowrap}
.build-top-brand img{object-fit:contain}.build-top-separator{color:#81698e}
.build-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 28px 24px;margin:20px 0 22px;min-height:190px;border:1px solid #79558a;border-radius:18px;background:radial-gradient(circle at 80% 35%,#734b8c71,transparent 330px),linear-gradient(110deg,#352246,#2a1b3b 62%,#322044);color:#fdf8ff;overflow:hidden;position:relative}
.build-hero>div{position:relative;z-index:1}.build-hero>img{width:135px;height:135px;object-fit:contain;filter:drop-shadow(0 15px 22px #140b2388);flex:none}
.build-eyebrow,.build-step{display:block;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#d6b4ec}
.build-hero h1{font-size:clamp(26px,2.7vw,38px);font-weight:750;line-height:1.25;letter-spacing:0;margin:6px 0 7px;color:#fff8ff}
.build-mobile-title{display:none}
.build-hero p{color:#e0cfe9;font-size:13px;max-width:770px;line-height:1.7}
.build-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.build-hero-actions button{background:#ffffff14;border-color:#b68dc3;color:#fff;min-height:35px;padding:6px 12px}.build-hero-actions button:hover{background:#ffffff28}.build-hero-actions span{color:#c9b1d6;font-size:11px}
.build-error{padding:12px 15px;background:#ffe8ee;border:1px solid #d690a3;color:#7b2445;border-radius:9px;margin:0 0 15px}
.build-class-bar{margin-bottom:18px}.build-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.build-section-heading h2{font-size:21px;color:#f6e9ff;margin-top:3px}.build-section-heading>span{color:#bca7c8;font-size:12px}
.build-classes{display:flex;gap:8px;flex-wrap:wrap}.build-class-button{display:flex;align-items:center;gap:8px;min-height:42px;background:#3a294b;color:#e4d3ee;border:1px solid #604874;border-radius:10px;padding:8px 12px;font-size:13px}.build-class-button:hover{background:#4a335e;color:white}.build-class-button[aria-pressed=true]{background:#f2e5ff;color:#4f2b69;border-color:#d6aef2;box-shadow:inset 0 -3px #a36cca}.build-class-initial{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#6e4d82;color:#fff;font-weight:750;font-size:12px}.build-class-button[aria-pressed=true] .build-class-initial{background:#8b54bd}
.build-layout{display:grid;grid-template-columns:minmax(205px,.78fr) minmax(335px,1.45fr) minmax(255px,.95fr);gap:14px;align-items:start}.build-panel{min-width:0;background:#fbf8ff;border:1px solid #dccce7;border-radius:16px;box-shadow:0 8px 28px #10071b25;padding:16px}.build-panel-head{padding-bottom:13px;border-bottom:1px solid #e6dbea;margin-bottom:15px}.build-panel-head .build-step{color:#8d62a4;font-size:10px}.build-panel-head h2{font-size:19px;margin:3px 0;color:#392347}.build-panel-head p{font-size:11px;color:#7b6a87;line-height:1.5;max-width:530px}
.build-character-banner{display:flex;align-items:center;gap:12px;padding:12px;background:#f1e7f8;border:1px solid #e2ceed;border-radius:12px}.build-character-badge{width:44px;height:44px;border-radius:13px;background:#6d3c95;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:750;flex:none}.build-character-banner strong{display:block;font-size:16px}.build-character-banner small{display:block;font-size:10px;color:#756085}.build-attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 15px}.build-attribute{display:flex;justify-content:space-between;gap:8px;border:1px solid #e8dced;background:white;border-radius:8px;padding:8px 9px;font-size:12px}.build-attribute strong{color:#7543a3}.build-attribute small{color:#977ca7;font-size:10px}
.build-ability-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.build-ability-title h3{font-size:13px;margin:0}.build-ability-title span{font-size:10px;color:#9a87a4}.build-ability-slots{display:grid;gap:6px}.build-ability-slot{width:100%;display:flex;align-items:center;gap:9px;justify-content:flex-start;text-align:left;min-height:46px;border:1px dashed #d7c7e1;background:#f7f1fb;color:#756080;padding:7px 9px}.build-ability-slot.filled{border-style:solid;border-color:#c8a9dc;background:#f0e3f8;color:#4a2e5e}.build-ability-slot .build-slot-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e9d9f3;color:#704395;flex:none;font-weight:700}.build-ability-slot.filled .build-slot-mark{background:#8250ae;color:white}.build-ability-slot .build-slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.build-ability-slot .build-slot-action{font-size:11px;color:#916da7;white-space:nowrap}
.build-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.build-item-slot{position:relative;min-width:0;display:flex;align-items:center;gap:11px;width:100%;text-align:left;min-height:75px;border:1px solid #e2d4eb;background:#fff;border-radius:11px;padding:10px}.build-item-slot:hover{background:#fbf5ff;border-color:#af8aca}.build-item-slot.empty{border-style:dashed;background:#f9f5fc}.build-item-slot img,.build-item-placeholder{width:52px;height:52px;flex:none;object-fit:contain;background:#eee6f3;border-radius:9px;padding:3px}.build-item-placeholder{display:grid;place-items:center;color:#a68cb8;font-size:22px}.build-item-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.build-item-label{font-size:10px;color:#8d739e}.build-item-name{font-size:13px;color:#412b52;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-item-facts{font-size:10px;color:#846d91;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-item-action{position:absolute;right:8px;top:8px;font-size:10px;color:#8d62a4}.build-small-note{font-size:11px;color:#806b8e;line-height:1.65;margin-top:13px}
.build-results{position:sticky;top:14px}.build-results h3{font-size:13px;margin:0 0 9px}.build-result-hero{background:linear-gradient(140deg,#efe2fb,#f9f3fd);border:1px solid #dbc5ee;border-radius:12px;padding:14px;margin-bottom:12px}.build-result-hero small{display:block;color:#7d5c94;font-size:11px}.build-result-hero strong{display:block;color:#633388;font-size:28px;line-height:1.25;margin:4px 0}.build-result-hero p{font-size:10px;color:#886d98}.build-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px}.build-metric{border:1px solid #e4d8e9;background:white;border-radius:9px;padding:9px;min-width:0}.build-metric small{display:block;font-size:10px;color:#8a7595}.build-metric strong{display:block;margin-top:4px;color:#563573;font-size:17px;line-height:1.2}.build-metric em{font-style:normal;color:#9482a0;font-size:9px}.build-results-divider{border-top:1px solid #e5d9eb;margin:14px 0}.build-damage-card{background:#322142;color:#f9f1ff;border:1px solid #654579;border-radius:12px;padding:14px;margin:9px 0}.build-damage-card small{display:block;color:#d1b6de;font-size:10px}.build-damage-card strong{display:block;font-size:26px;line-height:1.2;margin:5px 0}.build-damage-card p{font-size:10px;color:#d5c0df;line-height:1.5}.build-damage-weapon{font-size:11px;color:#af8bc8;margin-top:3px}.build-raw-damage{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f4ebf9;border:1px solid #e4d4ee;border-radius:9px;padding:9px 11px;font-size:11px}.build-raw-damage strong{font-size:17px;color:#573475}.build-target-control{margin-top:13px}.build-target-control label{font-size:11px}.build-target-control input{margin-top:5px}.build-accuracy-note{background:#fff8e9;border-left:3px solid #cd9c4f;border-radius:4px;padding:9px 10px;font-size:10px;color:#745c36;line-height:1.6;margin-top:12px}.build-results details{font-size:11px;margin-top:11px}.build-results summary{cursor:pointer;color:#6e4590}.build-results details p{font-size:11px;color:#826c90;line-height:1.6;margin-top:6px}.build-uncertain{font-size:10px;color:#986c2e;margin-top:8px}
.build-method{color:#e0c9ee;border:1px solid #705582;background:#30213e;border-radius:12px;margin:18px 0;padding:12px 16px;font-size:12px}.build-method summary{cursor:pointer;font-weight:650}.build-method p{margin-top:9px;color:#d2badf}.build-method a{color:#e3bdff}.build-method a:hover{color:white}body[data-page=build] .app-footer{color:#a891ba;font-size:11px}
.build-ability-slot.filled{min-height:57px}.build-slot-copy{display:flex;flex-direction:column;min-width:0;flex:1}.build-slot-copy .build-slot-name{font-size:12px;font-weight:700}.build-slot-copy small{font-size:10px;line-height:1.35;color:#856b95;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.build-target-control select{display:block;width:100%;margin-top:5px;min-height:39px;border:1px solid #d9c8e4;border-radius:8px;background:#fff;color:#573b69;padding:6px 8px}.build-target-control small{display:block;font-size:10px;line-height:1.5;color:#917a9e;margin-top:5px}.build-mobile-summary{display:none}
.build-item-slot.occupied,.build-item-slot.occupied:hover{cursor:not-allowed;opacity:.7;background:#f1eaf5;border-style:solid;border-color:#ded0e5}
.build-mobile-summary:hover,.build-mobile-summary:focus{background:#4b3165;color:#fff;outline:2px solid #d2a4ef}
.build-picker{width:min(760px,calc(100vw - 28px));max-height:min(800px,calc(100vh - 32px));padding:0;border-radius:16px;border:1px solid #d5b9e7;background:#fbf8ff;color:#402a50;box-shadow:0 25px 90px #090411a0;overflow:hidden}.build-picker::backdrop{background:#15091ec9}.build-picker-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 11px;border-bottom:1px solid #e5d8ec}.build-picker-head h2{font-size:21px}.build-picker-head span{font-size:10px;color:#966bb1;letter-spacing:1px}.build-picker-head button{font-size:24px;min-width:35px;min-height:35px;padding:0}.build-picker>p{padding:10px 20px 0;font-size:11px;color:#786688}.build-picker-search{padding:10px 20px 5px}.build-picker-filters{padding:4px 20px 11px;display:flex;gap:6px;flex-wrap:wrap}.build-picker-filters button{min-height:30px;padding:4px 9px;font-size:11px}.build-picker-filters button[aria-pressed=true]{background:#7542a2;color:#fff;border-color:#7542a2}.build-picker-list{overflow:auto;max-height:min(520px,calc(100vh - 260px));padding:0 20px 18px;display:grid;gap:7px}.build-picker-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:66px;background:white;border:1px solid #e5d9eb;border-radius:10px;padding:8px 10px}.build-picker-item:hover{background:#f4e9fa}.build-picker-item img,.build-picker-ability-mark{width:48px;height:48px;object-fit:contain;background:#efe6f5;border-radius:8px;flex:none}.build-picker-ability-mark{display:grid;place-items:center;font-size:19px;font-weight:700;color:#8251ab}.build-picker-item-copy{min-width:0;flex:1}.build-picker-item-copy strong{display:block;font-size:13px;color:#4a305e}.build-picker-item-copy small{display:block;font-size:10px;color:#8a7795;line-height:1.45;white-space:normal}.build-picker-item-copy span{display:block;font-size:10px;color:#9e7bad}.build-picker-item.current{border-color:#9d67c1;background:#f2e5fb}.build-picker-empty{color:#867291;text-align:center;padding:35px 0;font-size:12px}.build-picker-count{font-size:10px;color:#947da2;padding:0 20px 7px}
@media(max-width:1180px){.build-layout{grid-template-columns:minmax(235px,.85fr) minmax(380px,1.35fr)}.build-results{grid-column:1/-1;position:static}.build-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){body[data-page=build] .workspace main{padding-bottom:100px}.build-layout{grid-template-columns:1fr}.build-results{grid-column:auto}.build-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-attribute-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.build-mobile-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;z-index:30;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:51px;padding:9px 15px;border-radius:13px;border:1px solid #b688d0;background:#3b2851;color:#fff;box-shadow:0 8px 32px #10082080;text-align:left}.build-mobile-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.build-mobile-summary strong{white-space:nowrap;font-size:11px;color:#f0d8ff}}
@media(max-width:600px){body[data-page=build] .workspace main{padding:0 12px 100px}.build-hero{margin:10px 0 18px;min-height:0;padding:20px 16px}.build-hero>img{width:66px;height:66px;align-self:flex-start;opacity:.8}.build-hero h1{font-size:23px}.build-desktop-title{display:none}.build-mobile-title{display:inline}.build-hero p{font-size:11px}.build-hero-actions{gap:6px}.build-hero-actions button{font-size:11px;min-height:32px;padding:5px 8px}.build-hero-actions span{width:100%}.build-section-heading{align-items:start}.build-section-heading>span{display:none}.build-section-heading h2{font-size:18px}.build-classes{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;scroll-snap-type:x proximity}.build-class-button{white-space:nowrap;flex:none;scroll-snap-align:start}.build-panel{padding:14px}.build-attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-equipment-grid{gap:7px}.build-item-slot{min-height:67px;padding:7px;gap:7px}.build-item-slot img,.build-item-placeholder{width:42px;height:42px}.build-item-name{font-size:11px}.build-item-facts{font-size:9px}.build-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-picker-list{max-height:calc(100vh - 275px)}.build-topbar .pill{display:none}}

/* Game asset icons and game-like equipped-position map, in the site's palette. */
.build-class-icon,.build-character-icon,.build-ability-icon,.build-picker-ability-icon{display:block;flex:none;object-fit:contain;background:#3a2b4c;border:1px solid #78558b;border-radius:7px}
.build-class-icon{width:28px;height:28px;padding:2px}
.build-character-icon{width:52px;height:52px;padding:3px;border-radius:12px;background:#53366c}
.build-ability-icon{width:38px;height:38px;padding:2px}
.build-picker-ability-icon{width:48px;height:48px;padding:2px}
.build-class-icon.is-missing,.build-character-icon.is-missing,.build-ability-icon.is-missing,.build-picker-ability-icon.is-missing{display:grid;place-items:center;color:#ead9f4}
.build-class-button{padding:5px 10px 5px 5px}
.build-ability-slot.filled{min-height:62px}
.build-equipment-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-template-areas:"primary back head necklace secondary" "primary hands chest ring1 secondary" "primary ring2 legs foot secondary";
  grid-auto-rows:minmax(102px,auto);
  gap:8px;padding:15px;
  border:1px solid #d9cae2;border-radius:16px;
  background:radial-gradient(ellipse at 50% 47%,#e7d8ee 0,#f2eaf7 35%,#f9f5fc 72%);
}
.build-item-slot{grid-area:var(--slot-area);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;padding:7px 4px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #492d5b12}
.build-item-slot[data-item-slot=head]{--slot-area:head}
.build-item-slot[data-item-slot=chest]{--slot-area:chest}
.build-item-slot[data-item-slot=hands]{--slot-area:hands}
.build-item-slot[data-item-slot=legs]{--slot-area:legs}
.build-item-slot[data-item-slot=foot]{--slot-area:foot}
.build-item-slot[data-item-slot=back]{--slot-area:back}
.build-item-slot[data-item-slot=necklace]{--slot-area:necklace}
.build-item-slot[data-item-slot=ring1]{--slot-area:ring1}
.build-item-slot[data-item-slot=ring2]{--slot-area:ring2}
.build-item-slot[data-item-slot=primary]{--slot-area:primary}
.build-item-slot[data-item-slot=secondary]{--slot-area:secondary}
.build-item-slot.empty{background:#ffffff85;border:1px dashed #cdb8d9}
.build-item-slot.equipped{background:#fff;border-color:#ad80c6;box-shadow:0 2px 9px #683b8c2b}
.build-item-slot img,.build-item-slot .build-item-placeholder{width:min(56px,75%);height:56px;padding:2px;background:transparent;border-radius:5px}
.build-item-slot .build-item-placeholder{border:1px solid #d8c7e0;background:#eee5f3;font-size:23px}
.build-item-slot .build-item-copy{align-items:center;max-width:100%;gap:0}
.build-item-slot .build-item-label{font-size:11px;line-height:1.2;color:#76598b;font-weight:700}
.build-item-slot .build-item-name{font-size:10px;line-height:1.3;max-width:100%;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.build-item-slot.empty .build-item-name{font-size:9px;color:#a38bab}
.build-item-slot .build-item-facts,.build-item-slot .build-item-action{display:none}
.build-item-slot[data-item-slot=primary],.build-item-slot[data-item-slot=secondary]{background:linear-gradient(#f7effb,#eaddf2)}
.build-item-slot[data-item-slot=primary].equipped,.build-item-slot[data-item-slot=secondary].equipped{background:linear-gradient(#fff,#f3e8f9)}
.build-item-slot[data-item-slot=primary] img,.build-item-slot[data-item-slot=secondary] img{height:92px;width:min(72px,85%)}
.build-item-slot:focus-visible{outline:3px solid #9a58c4;outline-offset:2px}
.build-equipped-summary{margin-top:14px;border-top:1px solid #e5d8ec;padding-top:12px}
.build-equipped-summary h3{font-size:12px;color:#54336b;margin:0 0 8px}
.build-equipped-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.build-equipped-summary li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:2px 8px;background:#fff;border:1px solid #e9ddec;border-radius:7px;padding:7px 9px;font-size:11px}
.build-equipped-summary li span{color:#8b70a0}
.build-equipped-summary li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4e3262}
.build-equipped-summary li small{grid-column:2;font-size:10px;color:#836d93;line-height:1.4}
@media(max-width:600px){
 .build-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"back head head necklace" "primary hands chest secondary" "primary ring1 legs secondary" "primary ring2 foot secondary";grid-auto-rows:minmax(84px,auto);gap:5px;padding:8px}
 .build-item-slot{padding:5px 2px}
 .build-item-slot img,.build-item-slot .build-item-placeholder{height:38px;width:min(40px,70%)}
 .build-item-slot[data-item-slot=primary] img,.build-item-slot[data-item-slot=secondary] img{height:72px;width:min(52px,80%)}
 .build-item-slot .build-item-label{font-size:10px}
 .build-item-slot .build-item-name{font-size:9px}
}

/* Position the supported slots after the in-game equipment silhouette. */
.build-equipment-grid{
 display:grid;
 grid-template-areas:none;
 grid-template-columns:repeat(12,minmax(0,1fr));
 grid-template-rows:repeat(12,minmax(0,1fr));
 grid-auto-rows:auto;
 aspect-ratio:700/610;
 min-height:365px;
 gap:5px;
 padding:12px;
 position:relative;
 border-radius:12px;
 background:repeating-conic-gradient(from 4deg at 50% 52%,#e6d8ee38 0 3deg,transparent 3deg 10deg),radial-gradient(ellipse at 50% 48%,#e8d9f0 0,#f4ecf8 47%,#fbf8fd 85%);
}
.build-item-slot{
 display:flex;flex-direction:column;justify-content:center;align-items:center;
 gap:5px;min-width:0;min-height:0;padding:5px 3px;
 border:1px solid #cdbbd8;border-radius:5px;text-align:center;
 background:#ffffffb5;
 box-shadow:inset 0 0 0 3px #fbf7fd,inset 0 0 0 4px #dfd0e8,0 2px 8px #492d5b12;
}
.build-item-slot[data-item-slot=primary]{grid-area:1/1/5/4}
.build-item-slot[data-item-slot=secondary]{grid-area:1/10/5/13}
.build-item-slot[data-item-slot=head]{grid-area:2/6/4/8}
.build-item-slot[data-item-slot=necklace]{grid-area:3/8/4/9}
.build-item-slot[data-item-slot=chest]{grid-area:4/6/8/9}
.build-item-slot[data-item-slot=back]{grid-area:5/9/7/11}
.build-item-slot[data-item-slot=hands]{grid-area:9/3/12/5}
.build-item-slot[data-item-slot=ring1]{grid-area:8/5/9/6}
.build-item-slot[data-item-slot=ring2]{grid-area:8/9/9/10}
.build-item-slot[data-item-slot=legs]{grid-area:8/6/12/9}
.build-item-slot[data-item-slot=foot]{grid-area:9/9/12/11}
.build-item-slot.empty{background:#ffffff91;border-color:#cdb8d9;border-style:dashed}
.build-item-slot.equipped{background:#fff;border-color:#ad80c6;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #e8d5f2,0 2px 9px #683b8c2b}
.build-item-slot img,.build-item-slot .build-item-placeholder{width:min(70px,82%);height:min(70px,62%);padding:2px;background:transparent;border-radius:4px}
.build-item-slot .build-item-placeholder{display:grid;place-items:center;width:min(48px,72%);height:min(48px,55%);border:1px solid #d8c7e0;background:#eee5f3;font-size:21px}
.build-item-slot[data-item-slot=primary],.build-item-slot[data-item-slot=secondary]{background:linear-gradient(#f5eafb,#e7d8f0)}
.build-item-slot[data-item-slot=primary].equipped,.build-item-slot[data-item-slot=secondary].equipped{background:linear-gradient(#fff,#f3e8f9)}
.build-item-slot[data-item-slot=primary] img,.build-item-slot[data-item-slot=secondary] img{height:min(106px,65%);width:min(98px,83%)}
.build-item-slot[data-item-slot=chest] img,.build-item-slot[data-item-slot=legs] img{height:min(100px,66%);width:min(100px,85%)}
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]){gap:1px;padding:2px}
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) img,.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) .build-item-placeholder{width:min(30px,86%);height:min(30px,62%);font-size:16px}
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) .build-item-label{font-size:9px}
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) .build-item-name{display:none}
@media(max-width:600px){
 .build-equipment-grid{grid-template-areas:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(8,minmax(44px,1fr));aspect-ratio:auto;min-height:400px;gap:4px;padding:7px}
 .build-item-slot[data-item-slot=primary]{grid-area:1/1/4/3}
 .build-item-slot[data-item-slot=secondary]{grid-area:1/5/4/7}
 .build-item-slot[data-item-slot=head]{grid-area:1/3/3/5}
 .build-item-slot[data-item-slot=necklace]{grid-area:3/4/4/5}
 .build-item-slot[data-item-slot=chest]{grid-area:4/3/6/5}
 .build-item-slot[data-item-slot=back]{grid-area:4/5/6/7}
 .build-item-slot[data-item-slot=hands]{grid-area:4/1/6/3}
 .build-item-slot[data-item-slot=ring1]{grid-area:6/1/7/3}
 .build-item-slot[data-item-slot=ring2]{grid-area:6/5/7/7}
 .build-item-slot[data-item-slot=legs]{grid-area:6/3/9/5}
 .build-item-slot[data-item-slot=foot]{grid-area:7/5/9/7}
 .build-item-slot{padding:4px 2px;gap:2px}
 .build-item-slot img,.build-item-slot .build-item-placeholder{height:min(44px,55%);width:min(44px,76%)}
 .build-item-slot[data-item-slot=primary] img,.build-item-slot[data-item-slot=secondary] img{height:min(70px,60%);width:min(58px,80%)}
 .build-item-slot[data-item-slot=chest] img,.build-item-slot[data-item-slot=legs] img{height:min(62px,55%);width:min(58px,78%)}
 .build-item-slot .build-item-label{font-size:10px}
 .build-item-slot .build-item-name{font-size:9px}
}

/* Keep tiny accessory names inside their slot; full names stay in the worn-item list. */
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) .build-item-copy{max-width:100%;min-width:0}
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) .build-item-label{display:block;max-width:100%;font-size:9px;line-height:1;white-space:nowrap;overflow:hidden}
.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) img,.build-item-slot:is([data-item-slot=ring1],[data-item-slot=ring2],[data-item-slot=necklace]) .build-item-placeholder{width:min(24px,72%);height:min(24px,52%);font-size:14px}
.build-equipped-summary li strong{white-space:normal;overflow:visible;overflow-wrap:anywhere}
.build-equipped-summary li small{overflow-wrap:anywhere}
.build-results{position:static}
.build-full-results{grid-column:1/-1}
.build-full-heading .build-step{display:block;color:#8d62a4;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:4px}
.build-full-heading h3{font-size:15px;margin:0 0 5px;color:#462a5b}
.build-full-heading p{font-size:11px;line-height:1.6;color:#806b8e;margin:0 0 11px}
.build-full-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:start}
.build-detail-section{min-width:0;background:#fff;border:1px solid #e5d9eb;border-radius:11px;padding:11px}
.build-detail-section h4{font-size:12px;color:#56376e;margin:0 0 4px}
.build-detail-section>p{font-size:10px;line-height:1.5;color:#867294;margin:0 0 8px}
.build-detail-section dl{margin:0}
.build-detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,41%);gap:8px;align-items:start;padding:7px 0;border-top:1px solid #f0e9f3}
.build-detail-row dt{min-width:0;font-size:11px;line-height:1.4;color:#59436b;overflow-wrap:anywhere}
.build-detail-row dt small{display:block;font-size:9px;line-height:1.35;color:#9885a4;margin-top:2px}
.build-detail-row dd{min-width:0;margin:0;text-align:right;font-size:11px;line-height:1.4;font-weight:700;color:#663c88;overflow-wrap:anywhere}
.build-detail-empty{font-size:11px;color:#8a7795;padding:8px 0 2px}
@media(max-width:1180px){.build-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.build-full-grid{grid-template-columns:minmax(0,1fr)}}