
.be-scope{--bg:#08111e;--bg2:#0b1623;
  --surface:#0f1e2e;--card:#111f30;--card2:#162436;
  --border:#1e3148;--border2:#253d57;
  --gold:#c8922a;--gold-lt:#e8b84b;--gold-dim:#6b4a10;--gold-glow:#c8922a1a;
  --text:#ddd3be;--text-mid:#8fa4bc;--text-dim:#3d566e;
  --red:#d94040;--blue:#3b82f6;--purple:#9d6fe8;
  --yellow:#d4a820;--orange:#d4721a;--green:#3a9e6a;--teal:#2a9e8e;
  --gear-c:#d4721a;--acc-c:#1e90ff;--dedi-c:#e05070;--growth-c:#9d6fe8;--form-c:#c2a06a;--pet-c:#2a9e8e;
  --R:14px 0 14px 0;--RS:8px 0 8px 0;--RL:20px 0 20px 0;font-size:13px;color:var(--text);}
.be-scope .segment{border-radius:var(--R);padding:12px;transition:border-color .18s,box-shadow .18s;min-width:0;}
.be-scope .segment-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.be-scope .segment-bar{width:3px;height:20px;border-radius:1px;flex-shrink:0;}
.be-scope .segment-title{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;flex:1;}
.be-scope .segment-gear{background:linear-gradient(160deg,#d4721a26 0%,var(--card) 55%);border:1px solid #d4721a33;}
.be-scope .segment-gear:hover{border-color:#d4721a;box-shadow:0 0 20px #d4721a18;}
.be-scope .segment-gear .segment-bar{background:var(--gear-c);}
.be-scope .segment-gear .segment-title{color:#f0a868;}
.be-scope .segment-dedi{background:linear-gradient(160deg,#e0507026 0%,var(--card) 55%);border:1px solid #e0507044;display:flex;flex-direction:column;}
.be-scope .segment-dedi:hover{border-color:#e05070;box-shadow:0 0 20px #e0507018;}
.be-scope .segment-dedi .segment-bar{background:var(--dedi-c);}
.be-scope .segment-dedi .segment-title{color:#f090a8;}
.be-scope .segment-acc{background:linear-gradient(160deg,#1e90ff22 0%,var(--card) 55%);border:1px solid #1e90ff33;}
.be-scope .segment-acc:hover{border-color:#1e90ff;box-shadow:0 0 20px #1e90ff18;}
.be-scope .segment-acc .segment-bar{background:var(--acc-c);}
.be-scope .segment-acc .segment-title{color:#6ab0f8;}
.be-scope .segment-growth{background:linear-gradient(160deg,#9d6fe826 0%,var(--card) 55%);border:1px solid #9d6fe833;}
.be-scope .segment-growth:hover{border-color:#9d6fe8;box-shadow:0 0 20px #9d6fe818;}
.be-scope .segment-growth .segment-bar{background:var(--growth-c);}
.be-scope .segment-growth .segment-title{color:#c4a0f8;}
.be-scope .acc-dedi-col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.be-scope .acc-dedi-col .segment-dedi{flex:1;}
.be-scope .gear-2col{display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:0;}
.be-scope .gear-col{padding:0 8px;min-width:0;}
.be-scope .gear-col:first-child{padding-left:0;}
.be-scope .gear-col:last-child{padding-right:0;}
.be-scope .gear-col:not(:first-child){border-left:1px solid #d4721a33;}
.be-scope .gear-piece{margin-bottom:12px;}
.be-scope .gear-piece:last-child{margin-bottom:0;}
.be-scope .gear-piece + .gear-piece{padding-top:10px;border-top:1px solid #d4721222;}
.be-scope .gear-piece-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-width:0;}
.be-scope .gear-piece-icon{width:64px;height:64px;object-fit:contain;flex-shrink:0;}
.be-scope .gear-piece-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f0a868;margin-bottom:6px;white-space:nowrap;}
.be-scope .gear-set-select{width:100%;margin-top:3px;}
.be-scope .fixed-bonus-row{font-size:11px;color:var(--text-mid);margin-bottom:6px;}
.be-scope .fixed-bonus-row b{color:var(--gold-lt);}
.be-scope .fixed-bonus-row em{color:var(--text-dim);font-style:italic;}
.be-scope .field-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-width:0;}
.be-scope .field-row label{font-size:10.5px;color:var(--text-dim);width:48px;flex-shrink:0;}
.be-scope .field-val{font-size:11px;color:var(--gold-lt);font-weight:700;width:48px;text-align:right;flex-shrink:0;}
.be-scope input[type=number]{background:var(--bg2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-size:12px;padding:6px 6px;font-family:'SKR Global','Lato',sans-serif;min-width:0;}
.be-scope select{background:var(--bg2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-size:12px;padding:6px 6px;font-family:'SKR Global','Lato',sans-serif;min-width:0;flex:1;}
.be-scope select:disabled{opacity:.35;cursor:not-allowed;}
.be-scope .csel-wrap{position:relative;flex:1;min-width:0;display:flex;}
.be-scope .csel-wrap select{position:absolute;inset:0;opacity:0;pointer-events:none;}
.be-scope .csel-trigger{flex:1;min-width:0;display:flex;align-items:center;box-sizing:border-box;background:var(--bg2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-size:12px;padding:6px 22px 6px 6px;font-family:'SKR Global','Lato',sans-serif;cursor:pointer;position:relative;transition:border-color .15s;}
.be-scope .csel-trigger:hover{border-color:#c8922a55;}
.be-scope .csel-wrap.open .csel-trigger{border-color:#c8922a55;}
.be-scope .csel-wrap.disabled .csel-trigger{opacity:.35;cursor:not-allowed;}
.be-scope .csel-input{width:100%;background:transparent;border:none;outline:none;color:inherit;font:inherit;padding:0;margin:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.be-scope .csel-input:focus{cursor:text;}
.be-scope .csel-wrap.disabled .csel-input{cursor:not-allowed;}
.be-scope .csel-arrow{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:8px;color:var(--text-dim);transition:transform .15s;}
.be-scope .csel-wrap.open .csel-arrow{transform:translateY(-50%) rotate(180deg);}
.be-scope .csel-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:260px;background:var(--card);border:1px solid var(--border);border-radius:var(--RS);box-shadow:0 16px 32px #00000077;z-index:900;max-height:240px;overflow-y:auto;}
.be-scope .csel-wrap.open .csel-menu{display:block;}
.be-scope .csel-option{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;}
.be-scope .csel-option:hover{background:#c8922a16;color:var(--gold-lt);}
.be-scope .csel-option.recommended{color:#5fc98f;font-weight:700;}
.be-scope .csel-option.recommended:hover{background:#3a9e6a1a;color:#7fe0a8;}
.be-scope .csel-option.on{color:var(--gold-lt);background:#c8922a10;}
.be-scope .csel-option.empty{color:var(--text-dim);font-style:italic;}
.be-scope .csel-option.kbd-hl{background:#c8922a16;box-shadow:inset 0 0 0 1px var(--gold-dim);}
.be-scope .csel-suffix{opacity:.6;font-weight:500;}
.be-scope input[type=range]{-webkit-appearance:none;appearance:none;flex:1;width:100%;height:5px;border-radius:3px;background:var(--border2);outline:none;min-width:0;display:block;}
.be-scope input[type=range]:disabled{opacity:.3;}
.be-scope input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold-lt);border:2px solid var(--bg);box-shadow:0 0 6px #c8922a66;cursor:pointer;transition:transform .1s,box-shadow .1s;}
.be-scope input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gold-lt);border:2px solid var(--bg);box-shadow:0 0 6px #c8922a66;cursor:pointer;transition:transform .1s,box-shadow .1s;}
.be-scope input[type=range]:active::-webkit-slider-thumb{transform:scale(1.35);box-shadow:0 0 12px #c8922aaa;}
.be-scope input[type=range]:active::-moz-range-thumb{transform:scale(1.35);box-shadow:0 0 12px #c8922aaa;}
.be-scope input.rank-val,.be-scope input.amt,.be-scope input.level-val{background:var(--card2);border:1px solid var(--border2);border-radius:4px;padding:1px 2px;font-family:inherit;-moz-appearance:textfield;}
.be-scope input.rank-val::-webkit-outer-spin-button,.be-scope input.rank-val::-webkit-inner-spin-button,.be-scope input.amt::-webkit-outer-spin-button,.be-scope input.amt::-webkit-inner-spin-button,.be-scope input.level-val::-webkit-outer-spin-button,.be-scope input.level-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.be-scope input.rank-val:focus,.be-scope input.amt:focus,.be-scope input.level-val:focus{outline:none;border-color:var(--gold-lt);}
.be-scope input.rank-val:disabled,.be-scope input.amt:disabled,.be-scope input.level-val:disabled{opacity:.3;}
.be-scope .amt-prefix{font-size:12px;color:#c4a0f8;font-weight:700;flex-shrink:0;}
.be-scope .gear-sub-divider{height:1px;background:linear-gradient(90deg,transparent,#d4721a33,transparent);margin:8px 0;}
.be-scope .substat-row{display:grid;grid-template-columns:20px 1fr 54px 26px 40px;gap:6px;align-items:center;margin-bottom:6px;}
.be-scope .substat-icon{width:20px;height:20px;object-fit:contain;}
.be-scope .substat-row .rank-val{font-size:11px;color:var(--text-mid);text-align:center;width:100%;}
.be-scope .substat-row .sub-val{font-size:10.5px;color:var(--gold-lt);font-weight:700;text-align:right;}
@media (max-width:760px){.be-scope .gear-2col{grid-template-columns:1fr;}}
@media (max-width:760px){.be-scope .gear-col{padding:0;}}
@media (max-width:760px){.be-scope .gear-col:not(:first-child){border-left:none;border-top:1px solid #d4721a33;margin-top:12px;padding-top:10px;}}
@media (max-width:430px){.be-scope #gear2col .substat-row{grid-template-columns:20px 1fr 32px 40px;}}
@media (max-width:430px){.be-scope #gear2col .substat-row input[type=range]{display:none;}}
.be-scope .subs-budget{font-size:10.5px;margin-top:6px;text-align:right;}
.be-scope .subs-budget.ok{color:var(--text-dim);}
.be-scope .subs-budget.warn{color:#e8a866;}
.be-scope .subs-budget.err{color:#f08080;}
.be-scope .active-set-bonuses{margin-top:14px;padding-top:12px;border-top:1px solid #d4721222;font-size:11.5px;color:var(--text-mid);line-height:1.6;}
.be-scope .active-set-bonuses b{color:#f0a868;}
.be-scope .gear-clear-btns{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.be-scope .gear-action-group{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.be-scope .gear-action-lbl{font-size:10.5px;color:var(--text-mid);margin-right:1px;}
.be-scope .gear-action-sep{width:1px;height:16px;background:#d4721a55;}
.be-scope .gear-clear-link{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px 0 6px 0;border:1px solid #d4721a55;background:#d4721a17;
  color:#f0a868;font-size:10.5px;font-weight:700;letter-spacing:.2px;cursor:pointer;user-select:none;transition:background .15s,border-color .15s,color .15s;}
.be-scope .gear-clear-link:hover{background:#d4721a33;border-color:#f0a868;color:var(--gold-lt);}
.be-scope .gear-clear-link[id^="clear"]:hover{background:#f0808022;border-color:#f08080;color:#ffb0b0;}
@media (max-width:1100px){.be-scope .segment-head{flex-wrap:wrap;}}
@media (max-width:1100px){.be-scope .gear-clear-btns{flex-basis:100%;flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;margin-top:4px;}}
.be-scope .gear-action-lbl .lbl-short{display:none;}
@media (max-width:600px){.be-scope .gear-clear-btns{justify-content:flex-start;gap:6px 10px;}}
@media (max-width:600px){.be-scope .gear-action-group{gap:5px;}}
@media (max-width:600px){.be-scope .gear-clear-link{padding:0 7px;}}
@media (max-width:420px){.be-scope .gear-action-lbl .lbl-long{display:none;}}
@media (max-width:420px){.be-scope .gear-action-lbl .lbl-short{display:inline;}}
.be-scope .toggle-switch{position:relative;width:38px;height:21px;flex-shrink:0;}
.be-scope .toggle-switch input{opacity:0;width:0;height:0;}
.be-scope .toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border2);border-radius:11px;transition:.18s;}
.be-scope .toggle-slider:before{content:"";position:absolute;height:15px;width:15px;left:3px;bottom:3px;background:var(--text-dim);border-radius:50%;transition:.18s;}
.be-scope .toggle-switch input:checked + .toggle-slider{background:var(--tglc,#e0507066);}
.be-scope .toggle-switch input:checked + .toggle-slider:before{transform:translateX(17px);background:var(--tglthumb,var(--dedi-c));}
.be-scope .toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.be-scope .toggle-row .lbl{font-size:12px;color:var(--text-mid);font-weight:700;}
.be-scope .dedi-top{display:flex;gap:12px;align-items:center;margin-bottom:14px;min-width:0;}
.be-scope .dedi-icon{width:64px;height:64px;object-fit:contain;flex-shrink:0;}
.be-scope .dedi-name{font-weight:700;color:#f090a8;font-size:13px;margin-bottom:3px;}
.be-scope .dedi-ab{display:inline-flex;flex-shrink:0;border:1px solid #e0507055;border-radius:11px;overflow:hidden;align-self:flex-start;}
.be-scope .dedi-ab-btn{width:28px;height:22px;padding:0;border:none;background:transparent;color:var(--text-mid);font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:background .15s,color .15s;}
.be-scope .dedi-ab-btn + .dedi-ab-btn{border-left:1px solid #e0507055;}
.be-scope .dedi-ab-btn.on{background:#e0507040;color:#f090a8;}
.be-scope .dedi-ab-btn:hover:not(.on){color:var(--text);}
.be-scope .dedi-fixed-stats{font-size:12px;color:var(--text-mid);}
.be-scope .dedi-fixed-stats b{color:#f090a8;}
.be-scope .dedi-apply-all{font-size:11px;color:#f090a8;text-decoration:underline;cursor:pointer;text-underline-offset:2px;margin-top:8px;display:inline-block;}
.be-scope .pet-pot-block{display:flex;flex-direction:column;gap:6px;}
.be-scope .pet-pot-row{display:grid;grid-template-columns:18px auto minmax(60px,1fr) 52px;gap:10px;align-items:center;padding:6px 10px;border-radius:999px;background:#0b1522cc;border:1px solid #ffffff12;min-width:0;}
.be-scope .pet-pot-n{font-size:11px;font-weight:900;color:var(--text-mid);text-align:center;}
.be-scope .pet-pot-stats{display:flex;gap:6px;}
.be-scope .pet-pot-stat{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border:2px solid var(--border2);background:var(--card2);opacity:.35;transition:opacity .15s ease,transform .15s ease,border-color .15s,background .15s;}
.be-scope .pet-pot-stat:hover:not(:disabled){transform:translateY(-2px);opacity:.7;}
.be-scope .pet-pot-stat.on{opacity:1;border-color:#4fb3a6;background:color-mix(in srgb, #4fb3a6 24%, var(--card2));}
.be-scope .pet-pot-stat:disabled{cursor:not-allowed;}
.be-scope .pet-pot-stat img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));}
.be-scope .pet-pot-val{font-size:12px;font-weight:800;color:#7fd8cc;text-align:right;font-variant-numeric:tabular-nums;}
.be-scope .pet-pot-row.locked{background:#0b152288;}
.be-scope .pet-pot-row.locked .pet-pot-stats{opacity:.5;}
.be-scope .pet-pot-lock{grid-column:3 / 5;font-size:11px;font-weight:700;color:var(--text-mid);font-style:italic;}
@media (max-width:520px){.be-scope .pet-pot-row{grid-template-columns:14px auto minmax(40px,1fr) 46px;gap:6px;padding:6px 8px;}}
@media (max-width:520px){.be-scope .pet-pot-stats{gap:4px;}}
@media (max-width:520px){.be-scope .pet-pot-stat{width:28px;height:28px;}}
@media (max-width:520px){.be-scope .pet-pot-stat img{width:20px;height:20px;}}
.be-scope .dedi-apply-all.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}
.be-scope .dedi-empty{color:var(--text-dim);font-size:12px;font-style:italic;}
.be-scope .acc-rows{display:flex;flex-direction:column;gap:14px;}
.be-scope .acc-row{display:flex;align-items:center;gap:14px;min-width:0;}
.be-scope .acc-icon-big{width:64px;height:64px;object-fit:contain;flex-shrink:0;}
.be-scope .acc-row-fields{flex:1;min-width:0;}
.be-scope .acc-row-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6ab0f8;margin-bottom:6px;}
.be-scope .acc-preview-text{font-size:11px;color:var(--text-dim);line-height:1.4;margin-top:4px;}
.be-scope .acc-preview-text b{color:var(--text-mid);}
.be-scope .extra-effects-block{margin-top:16px;padding-top:14px;border-top:1px solid #1e90ff22;}
.be-scope .growth-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:0;}
@media (max-width:900px){.be-scope .growth-cols{grid-template-columns:1fr;}}
.be-scope .growth-col{padding:0 8px;min-width:0;}
.be-scope .growth-col:not(:first-child){border-left:1px solid #9d6fe822;}
@media (max-width:900px){.be-scope .growth-col:not(:first-child){border-left:none;}}
.be-scope .growth-col-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#c4a0f8;margin-bottom:12px;}
.be-scope #potLockBadge .buff-badge{white-space:normal;text-align:left;}
.be-scope .slider-with-ticks{position:relative;flex:1;min-width:0;}
.be-scope .slider-ticks{position:relative;height:11px;margin-top:2px;}
.be-scope .slider-tick{position:absolute;top:0;width:1px;height:3px;background:#9d6fe855;transform:translateX(-50%);}
.be-scope .slider-tick-label{position:absolute;top:3px;font-size:8px;line-height:1;color:var(--text-dim);transform:translateX(-50%);white-space:nowrap;}
.be-scope .potential-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.be-scope .potential-row:last-child{margin-bottom:0;}
.be-scope .potential-row label{width:32px;flex-shrink:0;font-size:12px;color:var(--text-mid);font-weight:700;}
.be-scope .potential-row .amt{width:32px;text-align:center;font-size:12px;color:#c4a0f8;font-weight:700;flex-shrink:0;}
.be-scope .potential-row .delta{width:60px;text-align:right;font-size:11px;color:var(--teal);font-weight:700;flex-shrink:0;}
.be-scope .pot-lock-overlay{position:absolute;top:0;right:0;height:5px;left:0;background:#00000066;border-radius:0 3px 3px 0;pointer-events:none;}
.be-scope .transcend-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.be-scope .transcend-row .amt{width:32px;text-align:center;font-size:12px;font-weight:700;color:#c4a0f8;font-family:'SKR Global','Lato',sans-serif;flex-shrink:0;}
.be-scope .transcend-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;font-size:11px;color:var(--text-dim);line-height:1.6;max-height:130px;overflow-y:auto;padding-right:4px;}
.be-scope .transcend-breakdown b{color:var(--text-mid);}
.be-scope .transcend-breakdown em{grid-column:1/-1;}
.be-scope .segment.seg-off > :not(.segment-head){filter:grayscale(1) brightness(.85);opacity:.6;transition:filter .2s ease,opacity .2s ease;}
.be-scope .segment.seg-off > .segment-head .segment-title{opacity:.55;}
.be-scope .segment.seg-off .half-off > :not(.half-head),.be-scope .segment.seg-off .sub-disabled{filter:none;opacity:1;}
.be-scope .toggle-switch.mini{width:26px;height:15px;}
.be-scope .toggle-switch.mini .toggle-slider:before{height:9px;width:9px;left:3px;bottom:3px;}
.be-scope .toggle-switch.mini input:checked + .toggle-slider:before{transform:translateX(11px);}
.be-scope .toggle-switch.mini input:disabled + .toggle-slider{opacity:.35;cursor:default;}
.be-scope .buff-badge{font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;}
.be-scope .badge-locked{background:#ffffff14;color:var(--text-dim);border:1px solid #ffffff22;}
