.armor-builder{--ab-border:#f0f3e925;--ab-surface:#19251d;--ab-dim:#121e17;padding-block:2rem 5rem}.armor-builder .ab-hero{max-width:58rem;padding-block:2rem 2.5rem}.armor-builder h1{overflow-wrap:anywhere;font-size:clamp(2.2rem,4.5vw,4rem)}.armor-builder h2{font-size:clamp(1.3rem,2.2vw,1.8rem)}.armor-builder h3{font-size:1.05rem}.armor-builder h4{margin:.25rem 0;font-size:.95rem}.armor-builder .eyebrow{margin-bottom:1rem}.armor-builder .lede{margin-top:1rem}.armor-builder .ab-links,.armor-builder .ab-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.armor-builder .ab-links{color:var(--color-signal);gap:1.5rem;margin-top:1.2rem;font-size:.9rem}.armor-builder button,.armor-builder .ab-detail-link{border:1px solid var(--ab-border);background:var(--ab-surface);min-height:44px;color:var(--color-paper);text-align:center;border-radius:.5rem;padding:.6rem .9rem;font-size:.85rem;line-height:1.4}.armor-builder button:hover:not(:disabled),.armor-builder .ab-detail-link:hover{border-color:var(--color-signal);background:#253624}.armor-builder button:disabled{cursor:default;opacity:.4}.armor-builder .ab-primary{background:var(--color-signal);color:#152016;border-color:var(--color-signal);font-weight:650}.armor-builder .ab-primary:hover:not(:disabled){color:#152016;background:#d0f7a0}.armor-builder input,.armor-builder select,.armor-builder textarea{width:100%;min-height:44px;color:var(--color-paper);font:inherit;background:#101a13;border:1px solid #f0f3e940;border-radius:.45rem;min-width:0;padding:.65rem .75rem;display:block}.armor-builder textarea{resize:vertical}.armor-builder label{color:var(--color-muted);gap:.4rem;font-size:.85rem;display:grid}.armor-builder .ab-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.armor-builder .ab-workbench,.armor-builder .ab-summary,.armor-builder .ab-panel{border:1px solid var(--ab-border);background:var(--ab-dim);border-radius:1rem;min-width:0;padding:1.5rem}.armor-builder .ab-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.armor-builder .ab-count{color:var(--color-signal);white-space:nowrap;border:1px solid #c1ef8540;border-radius:2rem;padding:.2rem .7rem;font-size:.8rem}.armor-builder .ab-slots{gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.armor-builder .ab-slots>li{min-width:0;position:relative}.armor-builder .ab-slot{text-align:left;background:#1b2a20;align-items:center;gap:1rem;width:100%;min-height:94px;padding:.85rem 3.3rem .85rem .85rem;display:flex}.armor-builder .ab-slot.is-filled{border-color:#c1ef8540}.armor-builder .ab-slot-copy{gap:.25rem;min-width:0;display:grid}.armor-builder .ab-slot-copy strong{overflow-wrap:anywhere;font-size:1rem}.armor-builder .ab-kicker{letter-spacing:.04em;color:var(--color-brass);font-size:.72rem}.armor-builder .ab-meta{color:var(--color-muted);overflow-wrap:anywhere;font-size:.78rem;line-height:1.55;display:block}.armor-builder .ab-slot-arrow{color:var(--color-signal);margin-left:auto}.armor-builder .ab-remove{background:#101713;border-color:#0000;width:44px;padding:.25rem;font-size:1.4rem;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.armor-builder .ab-slot.is-filled .ab-slot-arrow{display:none}.armor-builder .ab-art,.armor-builder .ab-slot-art{color:#83917d;background:radial-gradient(#364a2b55,#0f191744);border-radius:.6rem;flex:none;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:inline-flex}.armor-builder .ab-art img{object-fit:contain;width:100%;height:100%}.armor-builder .ab-slot-art{width:64px;height:64px}.armor-builder .ab-scope{color:var(--color-muted);margin-top:1.1rem;font-size:.78rem;line-height:1.7}.armor-builder .ab-empty{padding:1rem 0;font-size:.9rem;line-height:1.8}.armor-builder .ab-summary>h2{margin-bottom:1rem}.armor-builder .ab-skill{border-top:1px solid var(--ab-border);padding:.9rem 0}.armor-builder .ab-skill-heading{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.armor-builder .ab-skill-heading>a{color:var(--color-signal);overflow-wrap:anywhere;font-weight:600}.armor-builder .ab-skill-heading .ab-meta{white-space:nowrap}.armor-builder .ab-skill details{margin-top:.5rem;font-size:.8rem}.armor-builder .ab-skill summary{overflow-wrap:anywhere;align-items:center;min-height:44px;padding:.5rem .2rem;display:flex}.armor-builder .ab-skill summary:before{content:"+";color:var(--color-muted);margin-right:.6rem}.armor-builder .ab-skill details[open] summary:before{content:"−"}.armor-builder .ab-skill details p{padding:.2rem 0 .6rem 1.3rem;line-height:1.7}.armor-builder .ab-set-summary{border-top:1px solid var(--ab-border);margin-top:.6rem;padding-top:1.2rem}.armor-builder .ab-set{padding-top:.8rem}.armor-builder .ab-threshold{background:#f0f3e904;border-left:2px solid #70806b;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-top:.6rem;padding:.65rem .8rem;font-size:.78rem;display:flex}.armor-builder .ab-threshold.is-active{border-color:var(--color-signal);background:#c1ef8509}.armor-builder .ab-threshold.is-active>span,.armor-builder .ab-threshold.is-active>strong{color:var(--color-signal)}.armor-builder .ab-threshold p{flex-basis:100%;font-size:.85rem}.armor-builder .ab-status{min-height:1.7rem;color:var(--color-signal);padding:.75rem 0;font-size:.85rem}.armor-builder .ab-panel{margin-top:1rem}.armor-builder .ab-recovery{border:1px solid var(--color-brass);border-radius:.6rem;padding:1rem}.armor-builder .ab-recovery button{margin:.7rem .5rem 0 0}.armor-builder .ab-mobile-bar{display:none}.armor-builder .ab-recommendations{background:#c1ef8505;border:1px solid #c1ef8540;border-radius:.6rem;margin-bottom:1rem;padding:.5rem .85rem}.armor-builder .ab-recommendations>summary{min-height:44px;color:var(--color-signal);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.armor-builder .ab-recommendations>summary:after{content:"+"}.armor-builder .ab-recommendations[open]>summary:after{content:"−"}.armor-builder .ab-recommendation-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.armor-builder .ab-recommendation-preview{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.armor-builder .ab-recommendation-preview>div{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:.4rem;min-width:0;font-size:.7rem;display:flex}.armor-builder .ab-recommendation-preview img{object-fit:contain;width:48px;height:48px}.armor-builder .ab-recommendation-preview .ab-art{width:48px;height:48px}.armor-builder .ab-recommendations>button{width:100%;margin-bottom:.7rem}@media (width<=600px){.armor-builder .ab-recommendation-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}.armor-builder .ab-difference{gap:.7rem;font-size:.78rem;line-height:1.6;display:grid}.armor-builder .ab-difference ul{margin:.3rem 0;padding-left:1.1rem}.armor-builder .ab-difference li{overflow-wrap:anywhere}.armor-builder .ab-gained>strong{color:var(--color-signal)}.armor-builder .ab-lost>strong{color:#e3ad8c}.armor-builder .ab-comparison{margin-top:1rem}.armor-builder .ab-comparison-head,.armor-builder .ab-comparison-row{border-bottom:1px solid var(--ab-border);grid-template-columns:5rem minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.6rem;padding:.7rem 0;font-size:.82rem;display:grid}.armor-builder .ab-comparison-row>div{overflow-wrap:anywhere;align-items:center;gap:.5rem;min-width:0;display:flex}.armor-builder .ab-comparison-row .ab-art{width:42px;height:42px}.armor-builder .ab-comparison-head{color:var(--color-muted)}.armor-builder .ab-save-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem;display:grid}.armor-builder .ab-saved{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.3rem;display:grid}.armor-builder .ab-saved-card{border:1px solid var(--ab-border);border-radius:.7rem;min-width:0;padding:1rem}.armor-builder .ab-thumbnails{flex-wrap:wrap;gap:.3rem;margin:.8rem 0;display:flex}.armor-builder .ab-thumbnails .ab-art{width:40px;height:40px;font-size:1.2rem}.armor-builder .ab-manual{margin-top:1rem}.armor-builder .ab-example{margin-top:3rem}.armor-builder .ab-example>p{max-width:48rem;font-size:.9rem}.armor-builder .ab-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.armor-builder .ab-example-grid article{border-top:1px solid var(--ab-border);min-width:0;padding-top:1rem}.armor-builder .ab-example-grid article>a{color:var(--color-signal);align-items:center;gap:.75rem;margin:.7rem 0;display:flex}.armor-builder .ab-example-grid img{object-fit:contain;flex:none}.armor-builder .ab-example-grid h3{overflow-wrap:anywhere;font-size:.95rem}.armor-builder .ab-example-grid ul{padding-left:1rem;font-size:.8rem;line-height:1.7}.armor-builder .ab-example-grid li p{margin:.3rem 0 .7rem;font-size:.78rem}.armor-builder .ab-help{max-width:54rem;margin-top:3rem}.armor-builder .ab-help h2{margin-bottom:1rem}.armor-builder .ab-help details{border-bottom:1px solid var(--ab-border);padding:.7rem 0}.armor-builder .ab-help summary{min-height:44px;padding:.6rem 0}.armor-builder .ab-help details p{padding:.2rem 0 1rem;font-size:.9rem}.armor-builder .ab-dialog{color:var(--color-paper);background:#142019;border:1px solid #75836a;border-radius:1rem;width:min(920px,100% - 3rem);max-width:calc(100vw - 2rem);max-height:90dvh;margin:auto;padding:0;overflow:hidden}.armor-builder .ab-dialog[open]{grid-template-rows:auto auto minmax(0,1fr);display:grid}.armor-builder .ab-dialog::backdrop{backdrop-filter:blur(3px);background:#000a}.armor-builder .ab-picker-head{border-bottom:1px solid var(--ab-border);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex}.armor-builder .ab-picker-head h2{margin-top:.3rem}.armor-builder .ab-filters{grid-template-columns:2fr 1fr 1fr;gap:.7rem;padding:1rem 1.5rem;display:grid}.armor-builder .ab-filter-count{color:var(--color-muted);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.armor-builder .ab-filter-count button{background:0 0;border:0;padding:.3rem .6rem}.armor-builder .ab-candidates{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.8rem;min-height:100px;padding:0 1.5rem 1.5rem;display:grid;overflow-y:auto}.armor-builder .ab-candidate{border:1px solid var(--ab-border);border-radius:.65rem;flex-direction:column;min-width:0;display:flex;overflow:hidden}.armor-builder .ab-pick{text-align:left;background:#1a2a20;border:0;border-radius:0;flex:1;width:100%;height:auto;padding:1rem;display:block}.armor-builder .ab-pick.is-selected{box-shadow:inset 0 0 0 2px var(--color-signal)}.armor-builder .ab-candidate-top{align-items:center;gap:.7rem;display:flex}.armor-builder .ab-candidate-top>span:last-child{min-width:0}.armor-builder .ab-candidate-top strong{overflow-wrap:anywhere;font-size:.95rem;display:block}.armor-builder .ab-candidate-skills{color:var(--color-muted);margin:.8rem 0;font-size:.8rem;display:block}.armor-builder .ab-pick-label{color:var(--color-signal);margin-top:.8rem;font-weight:600;display:block}.armor-builder .ab-detail-link{border:0;border-top:1px solid var(--ab-border);background:#121d16;border-radius:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}.armor-builder .ab-pick .ab-difference{font-size:.73rem}.armor-builder .ab-pick .ab-difference span{display:block}@media (width>=1000px){.armor-builder .ab-summary{max-height:calc(100dvh - 2rem);position:sticky;top:1rem;overflow:auto}}@media (width<=800px){.armor-builder .ab-layout{grid-template-columns:minmax(0,1fr)}.armor-builder .ab-summary{max-height:none}.armor-builder .ab-workbench,.armor-builder .ab-summary,.armor-builder .ab-panel{padding:1.1rem}.armor-builder .ab-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.armor-builder{padding-bottom:7rem}.armor-builder .ab-mobile-bar{z-index:15;padding:.5rem 1rem max(.5rem,env(safe-area-inset-bottom));background:#132018f5;border-top:1px solid #c1ef8540;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0005}.armor-builder .ab-mobile-bar a{min-height:44px;color:var(--color-signal);background:#c1ef850a;border-radius:.4rem;flex:1;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;display:flex}}@media (width<=600px){.armor-builder .ab-hero{padding-block:1rem 1.7rem}.armor-builder .ab-hero .lede{font-size:1rem}.armor-builder .ab-save-form,.armor-builder .ab-saved,.armor-builder .ab-example-grid{grid-template-columns:minmax(0,1fr)}.armor-builder .ab-comparison-head,.armor-builder .ab-comparison-row{grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr);gap:.4rem;font-size:.75rem}.armor-builder .ab-comparison-row>div{flex-direction:column;align-items:flex-start}.armor-builder .ab-dialog{border-bottom:0;border-radius:1rem 1rem 0 0;width:100%;max-width:100vw;max-height:94dvh;margin:auto 0 0}.armor-builder .ab-picker-head{padding:1rem}.armor-builder .ab-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.7rem 1rem}.armor-builder .ab-filters>label:first-child{grid-column:1/-1}.armor-builder .ab-candidates{padding:0 1rem max(1rem,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr)}.armor-builder .ab-slot{gap:.7rem;padding-right:3rem}.armor-builder .ab-slot .ab-art{width:52px;height:52px}.armor-builder .ab-links{gap:1rem;font-size:.8rem}.armor-builder .ab-section-head>.ab-actions{width:100%}}html[lang=zh-CN] .armor-builder h1,html[lang=zh-TW] .armor-builder h1{word-break:keep-all;text-wrap:wrap}
