.cb .cb-dialog.cw-dialog{width:min(872px,96vw);max-width:96vw;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;max-height:none;color:#e8edf2}
.cb .cw-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:none}
.cb .cw-dialog>.cb-dialog-head{position:absolute;top:-29px;left:0;width:600px;max-width:100%;height:26px;padding:0;border:0;background:transparent;justify-content:flex-end}.cb .cw-dialog>.cb-dialog-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cb .cw-dialog>.cb-dialog-head button{width:26px;height:26px;min-width:0;padding:3px;background:transparent;border:0}.cb .cw-dialog>.cb-dialog-footer{display:none}.cb .cw-dialog>.cb-dialog-body{padding:0;max-height:none;overflow:visible;background:transparent}
.cb .cw-layout{display:grid;grid-template-columns:minmax(0,600px) 256px;gap:16px;align-items:start}.cb .cw-main{display:flex;flex-direction:column;min-width:0;height:min(960px,calc(100dvh - 86px));background:#202020;border:1px solid #303030;border-radius:6px;padding:0 12px 12px}
.cb .cw-heading{display:flex;align-items:center;gap:10px;min-height:49px;flex-shrink:0;font-size:13px}.cb .cw-heading small{margin-left:auto;background:#1b1b1b;border-radius:12px;padding:4px 9px;font-size:11px;color:#b9c8d4}.cb .cw-heading-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#222e38;color:#58afe6}.cb .cw-heading-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.cb .cw-current{background:#1b1b1b;padding:11px 12px;border-radius:6px;margin:10px 0 12px;flex-shrink:0}.cb .cw-current>small{color:#b3bcc7;font-size:12px}.cb .cw-current>p{margin:7px 0 0;color:#aab4bd;font-size:13px}.cb .cw-equipped{display:flex;align-items:center;gap:12px;border:1px solid #c5a526;border-radius:7px;padding:10px;margin-top:8px}.cb .cw-equipped>div{flex:1}.cb .cw-equipped small,.cb .cw-name small{display:block;color:#a9b4c1;margin-top:3px;font-size:12px}.cb .cw-equipped b{font-size:14px}
.cb .cw-layout .cb-item-image{width:44px;height:44px;object-fit:contain;flex-shrink:0;border:1px solid #777;border-radius:4px}.cb .cw-layout .grade-Unique{border-color:#d5b324;background:linear-gradient(135deg,#312308,#a27b00)}
.cb .cw-search{display:flex;gap:6px;margin-bottom:12px;flex-shrink:0}.cb .cw-search input{flex:1;min-width:0;height:32px;background:#292929}.cb .cw-search select{width:104px;height:32px;padding:4px 24px 4px 8px;background-color:#292929;font-size:12px}
.cb .cw-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#6a6a6a transparent}.cb .cw-row{display:flex;align-items:center;gap:10px;min-height:66px;padding:9px 10px;border:1px solid #303030;border-radius:7px;margin-bottom:6px;background:#1e1e1e}.cb .cw-row[hidden]{display:none}.cb .cw-row.owned{background:#202b32;border-color:#467b96}.cb .cw-row.equipped{border-color:#c5a526}.cb .cw-row>input{width:23px;height:23px;accent-color:#429bd8;flex-shrink:0}.cb .cw-name{flex:1;min-width:0;font-size:13px}.cb .cw-row label{display:flex;align-items:center;gap:6px;color:#aab9c5;font-size:12px;width:40%;max-width:225px}.cb .cw-row label input{width:100%;min-width:0;height:32px;padding:4px 8px;background:#292929;border-color:#3a3a3a}.cb .cw-row button,.cb .cw-equipped button{height:32px;padding:5px 11px;flex-shrink:0;font-size:13px}
.cb .cw-bulk{display:flex;gap:8px;padding-top:12px;margin-top:8px;border-top:1px solid #2b2b2b;align-items:center;flex-shrink:0}.cb .cw-bulk button{height:32px;padding:5px 11px;border:1px solid #45484d;border-radius:4px;font-size:13px}.cb .cw-confirm{display:flex;gap:6px;margin-left:auto}.cb .cw-confirm>button:first-child{background:transparent;border-color:transparent;color:#aeb7bf}
.cb .cw-stats{align-self:start;background:#1d1d1d;border:1px solid #363636;border-radius:3px;max-height:calc(100dvh - 86px);overflow:auto;scrollbar-width:thin}.cb .cw-stats h3{padding:7px 8px;font-size:13px;font-weight:400;border-bottom:1px solid #353535}.cb .cw-stats>div{display:flex;justify-content:space-between;gap:12px;padding:5px 8px;border-bottom:1px solid #303030;font-size:13px;line-height:18px}.cb .cw-stats b{font-weight:400;white-space:nowrap}.cb .cw-stats p{padding:12px;color:#aab5c0;font-size:12px}
@media(max-width:700px){.cb .cw-layout{grid-template-columns:1fr;gap:10px;max-height:calc(100dvh - 70px);overflow:auto}.cb .cw-main{height:70dvh}.cb .cw-stats{max-height:220px}.cb .cw-row{gap:6px;padding:8px 6px}.cb .cw-name{font-size:12px}.cb .cw-row label{width:24%}.cb .cw-row button{padding:5px 7px}.cb .cw-layout .cb-item-image{width:38px;height:38px}.cb .cw-row>input{width:19px;height:19px}}
.cb .cw-dialog:not(.cp-dialog) .cw-list .cw-row:has(input[data-progress="owned"]:enabled){cursor:pointer}.cb .cw-dialog:not(.cp-dialog) .cw-list .cw-row:has(input[data-progress="owned"]:enabled):hover{border-color:#5a8ba5}.cb .cw-list .cw-row label{cursor:default}