/* Dense character workbench. Keep game-slot art at native proportions. */
/* Equipment rarity: name, icon border and lower glow share the same palette. */
.cb .grade-Common,.cb.grade-Common{--cb-grade:#a5a8ad;--cb-grade-dark:#35373b}
.cb .grade-Rare,.cb.grade-Rare{--cb-grade:#73b94e;--cb-grade-dark:#26451d}
.cb .grade-Legend,.cb.grade-Legend{--cb-grade:#38a8e3;--cb-grade-dark:#173c58}
.cb .grade-Unique,.cb.grade-Unique{--cb-grade:#e5bd24;--cb-grade-dark:#584815}
.cb .grade-Epic,.cb.grade-Epic{--cb-grade:#f47719;--cb-grade-dark:#783306}
.cb .grade-Mythic,.cb.grade-Mythic{--cb-grade:#ef3d70;--cb-grade-dark:#64152d}
.cb .grade-Special,.cb.grade-Special{--cb-grade:#04ddd9;--cb-grade-dark:#124c4a}
.cb .cb-result[class*="grade-"] b,.cb .cb-selected-item[class*="grade-"] .cb-item-picker b{color:var(--cb-grade,#e6eaf0)}
.cb img.cb-item-image[class*="grade-"]{border:1px solid var(--cb-grade,#757c86);border-radius:3px;background:radial-gradient(ellipse at 50% 115%,var(--cb-grade,#757c86),transparent 68%),linear-gradient(145deg,#17191c 22%,var(--cb-grade-dark,#35373b));box-shadow:inset 0 0 4px #0008}
.cb .cb-slot[class*="grade-"]{border-color:var(--cb-grade,#757c86);background:radial-gradient(ellipse at 50% 110%,var(--cb-grade,#757c86),transparent 68%),linear-gradient(145deg,#17191c 22%,var(--cb-grade-dark,#35373b))}
.cb .cb-result[class*="grade-"]:hover:not(:disabled),.cb .cb-result[class*="grade-"]:focus-visible{background:#202e38}
.cb .cb-result[class*="grade-"] small{color:#a6adb7}
.cb .cb-crest img{width:38px;height:42px;object-fit:contain}.cb .cb-base-stats .cb-stat-line:nth-child(n){background:transparent}.cb .cb-skill-palette{margin:14px 0;border-bottom:1px solid #383a3e;padding-bottom:14px}.cb .cb-palette-group{margin-top:10px}.cb .cb-palette-group h3{font-size:11px;color:#acb3be;font-weight:400;margin-bottom:5px}.cb .cb-palette-group>div{display:flex;gap:5px;flex-wrap:wrap}.cb .cb-palette-group button{width:42px;height:42px;position:relative;padding:2px;border-radius:3px;background:#17191c}.cb .cb-palette-group .cb-item-image{width:36px;height:36px;border:0}.cb .cb-palette-group button.configured{border-color:#60ace2}.cb .cb-palette-group small{position:absolute;bottom:0;right:3px;color:white;text-shadow:0 1px 4px #000;font-size:12px}.cb .cb-skill{border-radius:3px}.cb .cb-skill summary{padding:7px}.cb .cb-skill summary>.cb-item-image{width:36px;height:36px}.cb .cb-skill-body{padding:10px}
.cb{--cb-bg:#0d0e10;--cb-panel:#202123;--cb-inset:#191a1c;--cb-line:#36383b;--cb-text:#eee;--cb-muted:#a2a6ac;--cb-accent:#44a7ed;--cb-blue:#44a7ed;padding:14px max(16px,calc((100vw - 1630px)/2));font-size:13px}
.cb .cb-top{margin-bottom:14px;gap:12px}.cb h1{font-size:21px}.cb .cb-eyebrow{display:none}.cb .cb-crest{width:38px;height:42px;background:transparent;border:0}.cb .cb-meta{margin-top:2px;font-size:11px}.cb .cb-top-title{gap:8px}.cb .cb-primary{background:#369ae0;color:#fff;border-color:#45a5e8}.cb .cb-primary:hover:not(:disabled){background:#48a9ed;color:#fff}.cb .cb-btn{padding:7px 10px}.cb button,.cb input,.cb select,.cb textarea{border-radius:4px}.cb input,.cb select{padding:6px 8px}.cb button:hover:not(:disabled){background:#303236;border-color:#777}
.cb .cb-layout{grid-template-columns:284px 136px minmax(0,1fr) 258px;gap:12px}.cb .cb-panel{border-radius:3px}.cb .cb-layout>section{background:transparent;border:0;overflow:visible;min-width:0}.cb .cb-sidebar{padding:0 7px 12px 0;background:#1b1c1e;border:0;border-right:1px solid #303235;border-radius:0;min-height:calc(100vh - 156px)}
.cb .cb-progress{min-height:56px;padding:6px;margin:0 0 7px;background:#202123;border-color:#36383b;gap:10px}.cb .cb-progress>svg{box-sizing:content-box;width:21px;height:21px;padding:11px;background:#17181a;border-radius:7px;color:#a9aaad}.cb .cb-progress-body{font-size:12px}.cb .cb-progress-body b{font-size:12px;color:#eef0f4;font-weight:600;line-height:1.4}.cb .cb-progress>span:last-child{font-size:23px;color:#9fa4aa}.cb .cb-section-title{border-top:1px solid #37383b;padding:10px 2px}.cb .cb-build-card{padding:7px;background:#191a1c}.cb .cb-build-card.active{box-shadow:none;border-color:#3ba4ed;background:#202327}.cb .cb-mini-slots{margin-top:4px}.cb .cb-account-note{font-size:10px;line-height:1.5}
.cb .cb-gear{gap:7px;padding:2px 0;overflow:visible;max-height:none}.cb .cb-slot{padding:0;background:#171819 url('/public/assets/img/builder/slot-background.webp') center/100% 100% no-repeat;border:1px solid #606164;border-radius:0;overflow:visible}.cb .cb-slot .cb-slot-silhouette{width:100%;height:100%;opacity:.72;object-fit:contain}.cb .cb-slot.selected{outline:1px solid #50b5fb;outline-offset:1px;box-shadow:0 0 9px #229ae433}.cb .cb-slot-label{opacity:0;background:#131416e8;padding:2px 4px;z-index:2;transition:opacity .1s;pointer-events:none}.cb .cb-slot:hover .cb-slot-label,.cb .cb-slot:focus-visible .cb-slot-label{opacity:1}.cb .cb-slot .cb-enchant{font-size:14px;bottom:1px;right:3px;text-shadow:0 1px 3px #000,0 1px 5px #000}
.cb .cb-tabs{justify-content:center;gap:4px;background:transparent;padding:0;border:0;margin-bottom:0}.cb .cb-tab{flex:0 1 auto;padding:8px 15px;border:1px solid #25272a;border-bottom:0;background:#17181a;border-radius:4px 4px 0 0;font-size:14px;gap:6px}.cb .cb-tab.active{background:#202123;color:#fff;border-color:#36383b;box-shadow:none}.cb .cb-tab svg{width:18px;height:18px}.cb .cb-editor{padding:13px;background:#202123;border:1px solid #36383b;border-radius:3px;min-height:600px}.cb .cb-block{margin-top:18px}.cb .cb-block h3{margin-bottom:5px;color:#aeb7c1;font-size:12px;font-weight:400}.cb .cb-equipment-label{display:flex;justify-content:space-between;margin-bottom:4px;color:#aeb7c1;font-size:12px}.cb .cb-equipment-label span{color:#7f8994}.cb .cb-selected-item{background:transparent;border:0;padding:0;gap:8px;display:flex;align-items:stretch;flex-wrap:nowrap}.cb .cb-selected-item>.cb-item-image{width:48px;height:48px;flex:none}.cb .cb-item-picker{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:4px 10px;background:#292a2c;font-size:16px}.cb .cb-item-picker b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.cb .cb-item-picker>span:first-child{min-width:0}.cb .cb-item-picker small{display:block;font-size:10px}.cb .cb-square{width:40px;height:46px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b3e42;border-radius:4px;color:#d0d4da;background:#242629;text-decoration:none}.cb .cb-current-enchant{color:#e9ecef;margin-left:5px}.cb .cb-level-control{gap:10px}.cb .cb-level-control input[type=range]{accent-color:#d98036;min-width:0;padding:0;height:20px;flex:1}.cb .cb-level-control select{width:62px;padding:2px 5px}.cb .cb-enchant-ticks{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));margin-top:2px;padding-right:72px}.cb .cb-enchant-ticks button{padding:2px 0;background:transparent;border:0;border-radius:2px;font-size:11px;color:#a9adb4;min-width:0}.cb .cb-enchant-ticks .filled{color:#eee;font-weight:600}.cb .cb-enchant-ticks .active{background:#b76522;color:#fff}.cb .cb-base-stats .cb-stat-list{background:transparent;border:0}.cb .cb-base-stats .cb-stat-line{justify-content:flex-start;gap:6px;border:0;padding:1px 0;min-height:0;font-size:13px;line-height:1.55}.cb .cb-base-stats .cb-stat-line span:after{content:':'}.cb .cb-base-stats .cb-stat-line strong{font-weight:400}.cb .cb-roll{margin:4px 0;gap:6px}.cb .cb-roll select{background:#292a2d;min-height:32px}.cb .cb-roll input[type=number]{width:82px;padding:5px}.cb .cb-roll .cb-btn{font-size:11px;padding:5px 8px}.cb .cb-results{border:1px solid #3a3d41;border-radius:4px;background:#181a1c;max-height:550px}.cb .cb-result{padding:6px 8px;border:0;border-bottom:1px solid #303236;border-radius:0;width:100%;background:transparent}.cb .cb-result .cb-item-image{width:38px;height:38px}.cb .cb-result small{font-size:10px}.cb .cb-result b{font-size:13px}.cb .cb-toolbar{gap:7px}.cb .cb-toolbar input[type=search]{flex:1;min-width:0}
.cb .cb-stats{background:transparent;border:0}.cb .cb-stats-tabs{display:flex;gap:3px}.cb .cb-stats-tabs button{flex:1;padding:8px 4px;border:0;border-radius:3px 3px 0 0;background:#17181a;color:#a2a6ad}.cb .cb-stats-tabs button.active{background:#242629;color:#fff}.cb .cb-score{padding:6px 9px;background:#242629;border:1px solid #36383b;border-top:0;border-radius:0 0 3px 3px}.cb .cb-score strong{font-size:22px;color:#f2dc94;line-height:1.2}.cb .cb-score strong:before{content:'★';font-size:15px;margin-right:4px}.cb .cb-score>.muted{font-size:10px}.cb .cb-stat-body{padding:10px 0;max-height:calc(100vh - 260px)}.cb .cb-stat-group{margin:8px 0;background:#1d1e20;border:1px solid #333538;border-radius:3px}.cb .cb-stat-group h3{padding:6px 8px;background:#18191b;font-size:12px;border-bottom:1px solid #333538}.cb .cb-stat-line,.cb .cb-stat-group summary{padding:4px 8px;font-size:12px;line-height:1.5}.cb .cb-stat-group .cb-stat-line{border-bottom:1px solid #2b2d30}.cb .cb-stat-group summary{border-bottom:1px solid #2b2d30}.cb .cb-breakdown{font-size:10px}.cb .cb-hint{font-size:11px;line-height:1.6}.cb .cb-summary-skills{padding:8px 0;max-height:calc(100vh - 200px);overflow:auto}.cb .cb-summary-skill{display:flex;align-items:center;gap:8px;padding:7px;background:#202123;border-bottom:1px solid #35373a}.cb .cb-summary-skill img{width:34px;height:34px}.cb .cb-summary-skill b{font-size:12px}.cb .cb-summary-skill small{display:block;font-size:10px}
@media(min-width:821px){.cb .cb-sidebar,.cb .cb-gear,.cb .cb-stats{position:sticky;top:78px}.cb .cb-sidebar{max-height:calc(100vh - 92px)}.cb .cb-gear{max-height:none;overflow:visible}}
@media(min-width:821px) and (max-width:1390px){.cb .cb-layout{grid-template-columns:224px 118px minmax(0,1fr) 224px;gap:10px}.cb .cb-stats{grid-column:auto}.cb .cb-enchant-ticks{padding-right:0}.cb .cb-progress{gap:7px}.cb .cb-progress>svg{padding:8px}.cb .cb-tab{padding:8px 11px}}
@media(min-width:821px) and (max-width:1100px){.cb .cb-layout{grid-template-columns:190px 106px minmax(0,1fr)}.cb .cb-stats{grid-column:3}.cb .cb-progress-body{font-size:11px}.cb .cb-progress>svg{padding:5px}.cb .cb-editor{min-height:450px}.cb .cb-stat-body{max-height:none}}
@media(max-width:820px){.cb{padding:12px 10px}.cb .cb-top{gap:8px}.cb h1{font-size:20px}.cb .cb-layout{grid-template-columns:90px minmax(0,1fr);gap:8px}.cb .cb-sidebar{grid-column:1/-1;min-height:0;border:0;padding:0;background:transparent}.cb .cb-progress{margin:0;min-height:49px;padding:4px;gap:6px}.cb .cb-progress>svg{padding:6px;width:18px;height:18px}.cb .cb-progress-body{font-size:11px}.cb .cb-progress-body b{font-size:10px}.cb .cb-account-note{padding:2px;margin-bottom:5px}.cb .cb-section-title{padding:6px 2px}.cb .cb-build-card{min-width:130px;padding:7px}.cb .cb-editor{padding:9px;min-height:450px}.cb .cb-tabs{gap:1px}.cb .cb-tab{flex:1;padding:8px 3px;font-size:11px;gap:3px}.cb .cb-tab svg{width:12px}.cb .cb-selected-item{gap:5px;flex-wrap:wrap}.cb .cb-selected-item>.cb-item-image{width:36px;height:36px}.cb .cb-item-picker{font-size:12px;min-height:36px;padding:3px 6px}.cb .cb-selected-item>.cb-actions{width:100%;justify-content:flex-end}.cb .cb-square{height:28px;width:30px}.cb .cb-enchant-ticks{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;padding:0}.cb .cb-enchant-ticks button{font-size:10px;padding:3px 0}.cb .cb-stats{grid-column:1/-1}.cb .cb-stat-body{max-height:none}.cb .cb-roll select{width:100%;min-width:0}.cb .cb-toolbar{flex-wrap:wrap}.cb .cb-toolbar select{max-width:100%}.cb .cb-slot-label{font-size:8px}.cb .cb-base-stats .cb-stat-line{font-size:11px}.cb .cb-base-stats .cb-stat-line span{min-width:0}}