.cbb-visual-box{background:#0a0f15;border:1px solid #1e3040;border-radius:10px;overflow:hidden;margin:0 0 1.5rem}
.cbb-box-lid{background:#111827;border-bottom:1px solid #1e3040;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem}
.cbb-box-brand{color:#c9a96e;font-size:15px;letter-spacing:.25em;text-transform:uppercase;font-weight:400;white-space:nowrap;font-family:Georgia,serif}
.cbb-box-stars{flex:1;display:flex;gap:5px;align-items:center;opacity:.3}
.cbb-box-star{width:4px;height:4px;background:#7eb8c9;border-radius:50%;flex-shrink:0}
.cbb-box-star.lg{width:5px;height:5px;background:#c9a96e}
.cbb-box-subtitle{font-size:9px;color:#3a5a6a;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.cbb-box-interior{padding:1.5rem 1rem;background:#080d12}

.cbb-slots-row{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:flex-end;
    overflow-x:auto;
    padding:8px 4px 12px;
    min-height:190px;
}
.cbb-slots-row::-webkit-scrollbar{height:3px}
.cbb-slots-row::-webkit-scrollbar-thumb{background:#1a2535;border-radius:2px}

.cbb-slot{
    flex-shrink:0;
    width:80px;
    min-width:80px;
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
    cursor:default;
    transition:transform .25s;
}
.cbb-slot svg{
    width:72px !important;
    height:160px !important;
    display:block !important;
    flex-shrink:0;
}
.cbb-slot-filled{cursor:pointer;animation:cbbIn .35s ease both}
.cbb-slot-filled:hover{transform:translateY(-7px)}
@keyframes cbbIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

.cbb-slot-label{font-size:10px;color:#4a7080;margin-top:6px;text-align:center;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:sans-serif}
.cbb-slot-num{width:22px;height:22px;border-radius:50%;border:1px dashed #1e3040;display:flex;align-items:center;justify-content:center;font-size:10px;color:#1e3040;font-family:sans-serif;margin-top:6px}

.cbb-slot-remove{display:none;position:absolute;top:-2px;right:0;width:18px;height:18px;border-radius:50%;background:#c0392b;color:#fff;font-size:10px;border:none;cursor:pointer;align-items:center;justify-content:center;padding:0;line-height:1;z-index:10}
.cbb-slot-filled:hover .cbb-slot-remove{display:flex}

.cbb-box-progress{display:flex;align-items:center;gap:10px;margin-top:.85rem;padding-top:.75rem;border-top:1px solid #1a2535}
.cbb-progress-lbl{font-size:10px;color:#3a5a6a;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-family:sans-serif}
.cbb-progress-track{flex:1;height:2px;background:#1a2535;border-radius:1px}
.cbb-progress-fill{height:100%;background:#c9a96e;border-radius:1px;transition:width .4s ease}
.cbb-progress-count{font-size:13px;color:#c9a96e;font-weight:600;font-family:sans-serif;white-space:nowrap;min-width:36px;text-align:right}