.cb .cb-dialog.ph-dialog{width:min(808px,96vw)}.cb .ph-dialog>.cb-dialog-head{width:536px}.cb .ph-dialog .cw-layout{grid-template-columns:minmax(0,536px) 256px;gap:16px}.cb .ph-dialog .cw-main{height:auto;max-height:calc(100dvh - 86px)}.cb .ph-dialog .cw-heading-icon{background:#243528;color:#51c17a}
.cb .ph-content{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#666 transparent}.cb .ph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cb .ph-grid[hidden],.cb .ph-picker[hidden]{display:none}
.cb .ph-slot{position:relative;display:flex;align-items:center;min-height:70px;background:#1e1e1e;border:1px solid #303030;border-radius:8px}.cb .ph-slot:hover{border-color:#526b7a}.cb .ph-slot.equipped{border-color:#b88c45}.cb .ph-slot>button[data-ph-slot]{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 35px 10px 12px;border:0;background:transparent;text-align:left}.cb .ph-slot img,.cb .ph-option img{width:46px;height:46px;object-fit:contain;flex-shrink:0}.cb .ph-slot button>span:not(.ph-placeholder){min-width:0}.cb .ph-slot small{display:block;color:#acbdcb;font-size:12px;margin-bottom:4px}.cb .ph-slot b{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.cb .ph-remove{position:absolute;right:6px;width:27px;height:28px;padding:6px;background:transparent;border:0;color:#aaa}.cb .ph-remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.cb .ph-edit{position:absolute;right:8px;color:#747e87;font-size:11px;pointer-events:none}
.cb .ph-placeholder{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid #343b42;border-radius:50%;background:#12181c;color:#45515a}.cb .ph-placeholder svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3}.cb .ph-Small{border-radius:9px}.cb .ph-Large{border-radius:5px;border-color:#74694e}
.cb .ph-picker{display:flex;flex-direction:column;height:min(660px,calc(100dvh - 200px));min-height:220px}.cb .ph-picker-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cb .ph-picker-head button{display:flex;align-items:center;gap:3px;padding:5px 8px;font-size:12px}.cb .ph-picker-head .cb-fluent-chevron{transform:rotate(180deg)}.cb .ph-picker-head b{font-size:13px}.cb .ph-picker>input{height:32px;margin-bottom:10px;flex-shrink:0;background:#292929}.cb .ph-options{overflow:auto;min-height:0;scrollbar-width:thin}.cb .ph-option{display:flex;gap:12px;align-items:center;width:100%;padding:10px;margin-bottom:6px;min-height:72px;text-align:left;background:#1d1d1d;border:1px solid #343434;border-radius:6px}.cb .ph-option[hidden]{display:none}.cb .ph-option:hover{border-color:#528cb0;background:#202d35}.cb .ph-option.equipped{border-color:#b88c45}.cb .ph-option>span{flex:1;min-width:0}.cb .ph-option b{font-size:13px}.cb .ph-option small{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:#aebfce}.cb .ph-option em{font-size:11px;font-style:normal;color:#a8b8c5;max-width:64px}.cb .ph-option:disabled{opacity:.5;cursor:default}.cb .ph-options>p{padding:24px;text-align:center;color:#aebfce}
@media(max-width:700px){.cb .ph-dialog .cw-layout{grid-template-columns:1fr}.cb .ph-dialog>.cb-dialog-head{width:100%}.cb .ph-dialog .cw-main{max-height:calc(100dvh - 90px)}.cb .ph-grid{gap:8px}.cb .ph-slot>button[data-ph-slot]{gap:7px;padding-left:7px}.cb .ph-slot img,.cb .ph-placeholder{width:36px;height:36px}}

.cb dialog.ph-picker-dialog{width:min(560px,94vw);height:min(720px,80dvh);max-height:80dvh;margin:auto;padding:12px;border:1px solid #393939;border-radius:7px;background:#202020;color:#e8edf2;box-shadow:0 18px 60px #0009;overflow:hidden}.cb dialog.ph-picker-dialog:not([open]){display:none}.cb dialog.ph-picker-dialog[open]{display:flex}.cb .ph-picker-dialog::backdrop{background:#0009}.cb .ph-picker-dialog .ph-picker-head{justify-content:space-between;flex-shrink:0}.cb .ph-picker-dialog .ph-picker-head button{width:28px;height:28px;padding:5px;background:transparent;border:0}.cb .ph-picker-head svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.cb .ph-picker-dialog .ph-options{flex:1}.cb .ph-art{border:1px solid var(--ph-grade,#777);border-radius:5px;background:linear-gradient(135deg,#171717,var(--ph-glow,#343434))}.cb .ph-art.grade-Rare{--ph-grade:#72a32a;--ph-glow:#385818}.cb .ph-art.grade-Legend{--ph-grade:#409ac6;--ph-glow:#174c6a}.cb .ph-art.grade-Unique{--ph-grade:#d8b72a;--ph-glow:#806a0a}.cb .ph-art.grade-Epic,.cb .ph-art.grade-Mythic{--ph-grade:#f47711;--ph-glow:#a13d07}


.cb.ph-detail header .cb-item-image{width:112px;height:112px;flex-basis:112px}.cb.ph-detail .cb-stone-tip-body p{margin-top:18px}.cb.ph-detail .cb-stone-tip-stat b{color:#e6eaf0}.cb .ph-slot b>span,.cb .ph-option b>span{display:inline}