.clb{isolation:isolate;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--club,#b8e36a) 45%,#2e5e52);min-height:120px;box-shadow:0 0 16px color-mix(in srgb,var(--club,#b8e36a) 14%,transparent);background:linear-gradient(#06101e,#0a2420);border-radius:18px;align-items:center;padding:20px 26px;display:flex;position:relative;overflow:hidden}.clb .clb-art{object-fit:cover;z-index:-1;pointer-events:none;width:70%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 55%);mask-image:linear-gradient(90deg,#0000 0%,#000 55%)}.clb .clb-glow{z-index:-1;filter:blur(26px);pointer-events:none;background:radial-gradient(#3dffb02e,#0000 70%);width:70%;height:100%;position:absolute;top:-40%;left:10%}.clb.clb .clb-name{letter-spacing:-.4px;color:#fff;text-align:left;text-shadow:0 2px 12px #000000b3;margin:0;padding:0;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.1}.clb.clb .clb-name:before,.clb.clb .clb-name:after{content:none;display:none}.clb .clb-name em{color:#b8e36a;font-style:normal}.clb .clb-name small{letter-spacing:2px;color:#d6e2d9;margin-top:6px;font-size:15px;font-weight:800;display:block}.clb-compact{border-radius:14px;min-height:72px;padding:12px 16px}.clb-compact.clb-compact .clb-name{font-size:19px}.clb-compact .clb-name small{letter-spacing:1.5px;margin-top:3px;font-size:12px}@media (max-width:700px){.clb{min-height:100px;padding:16px 18px}.clb.clb .clb-name{font-size:24px}.clb .clb-art{width:85%}}