.bscb{--bscb-flow-accent:#00bda2;--bscb-flow-muted:color-mix(in srgb,currentColor 57%,transparent);--bscb-flow-line:color-mix(in srgb,currentColor 12%,transparent);--bscb-flow-gap:44px;--bscb-flow-avatar-size:32px;--bscb-flow-tank-height:310px;color:inherit;font-family:inherit;width:100%;line-height:1.45;background:transparent}
.bscb *,.bscb *::before,.bscb *::after{box-sizing:border-box}
.bscb .bscb__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}
.bscb .bscb__eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:.13em;font-weight:500;color:var(--bscb-flow-muted)}
.bscb .bscb__title{color:var(--bscb-flow-heading,inherit);font-family:inherit;font-size:36px;font-weight:600;line-height:1.1;letter-spacing:-.04em;text-transform:none;margin:0;overflow-wrap:anywhere}
.bscb .bscb__summary{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;margin:0 0 4px;font-weight:400;color:var(--bscb-flow-muted)}
.bscb__summary>span{display:inline-block;width:5px;height:5px;background:var(--bscb-flow-accent);border-radius:50%}
.bscb__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bscb-flow-gap);align-items:stretch}
.bscb__card{min-width:0;display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;box-shadow:none}
.bscb__card-heading{padding:0 4px 24px;min-height:120px;text-align:center}
.bscb .bscb__vessel{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 14px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--bscb-flow-muted);overflow-wrap:anywhere}
.bscb__vessel>i,.bscb__status>i{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--bscb-flow-accent)}
.bscb .bscb__beer{font-family:inherit;color:var(--bscb-flow-heading,inherit);font-size:clamp(23px,2.25vw,32px);font-weight:650;line-height:1.1;letter-spacing:-.045em;text-transform:none;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.bscb .bscb__style{font-size:12px;font-weight:400;line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere;color:var(--bscb-flow-muted)}
.bscb__tank{height:var(--bscb-flow-tank-height);position:relative;overflow:hidden;background:transparent;-webkit-mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%)}
.bscb .bscb__tank-image{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;max-width:none;height:auto;mix-blend-mode:normal;display:block;border:0;border-radius:0;box-shadow:none;opacity:1;transition:transform .5s ease}
@media(hover:hover){.bscb__card:hover .bscb__tank-image{transform:translate(-50%,-3px)}}
.bscb__body{background:transparent;color:inherit;padding:0 4px;display:flex;flex-direction:column;gap:18px;flex:1;text-align:center;font-size:12px}
.bscb__specs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;min-height:20px}
.bscb__status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--bscb-flow-muted)}
.bscb__abv{display:inline-flex;align-items:baseline;gap:4px;padding-left:12px;border-left:1px solid var(--bscb-flow-line);white-space:nowrap}
.bscb__abv strong{font-size:15px;font-weight:650;letter-spacing:-.04em}
.bscb__abv-hint{font-size:9px;color:var(--bscb-flow-muted)}
.bscb .bscb__label{font-size:9px;line-height:1.3;font-weight:400;letter-spacing:.03em;text-transform:none;margin:0 0 8px;color:var(--bscb-flow-muted)}
.bscb__clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:220px;margin-inline:auto;font-variant-numeric:tabular-nums}
.bscb__clock>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:transparent;min-width:0}
.bscb__clock>span+span::before{content:':';position:absolute;left:-7px;top:1px;font-size:17px;color:var(--bscb-flow-muted);opacity:.5}
.bscb__clock strong{font-size:25px;font-weight:500;letter-spacing:-.05em;line-height:1.1;overflow-wrap:anywhere;max-width:100%}
.bscb__clock small{font-size:8px;line-height:1.2;margin-top:5px;text-transform:lowercase;color:var(--bscb-flow-muted)}
.bscb .bscb__countdown-message{padding:12px 0;border:0;font-size:12px;font-weight:400;margin:0;color:var(--bscb-flow-muted)}
.bscb .bscb__release{font-size:9px;margin:-9px 0 0;color:var(--bscb-flow-muted);display:flex;justify-content:center;flex-wrap:wrap;gap:3px 5px;align-items:baseline}
.bscb__release time{font-weight:500}
.bscb__brewers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding-top:4px;margin-top:auto}
.bscb .bscb__brewers>.bscb__label{margin:0;text-align:start;flex-shrink:0}
.bscb__people{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.bscb__people--avatars{gap:0;padding-left:7px}
.bscb__people--avatars .bscb__person{margin-left:-7px}
.bscb .bscb__person{position:relative;display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;min-width:0;max-width:100%;border:0;box-shadow:none}
.bscb__avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--bscb-flow-avatar-size);height:var(--bscb-flow-avatar-size);border:2px solid var(--bscb-flow-avatar-border,#fff);border-radius:50%;overflow:hidden;background:var(--bscb-flow-avatar-bg,#dfe9e4);color:var(--bscb-flow-avatar-text,#3f5a4c);flex-shrink:0;font-size:9px;font-weight:600;transition:transform .2s ease}
.bscb .bscb__avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.bscb__person-name{font-size:10px;font-weight:500;overflow-wrap:anywhere}
.bscb__person:focus-visible{outline:2px solid var(--bscb-flow-accent);outline-offset:4px}
.bscb__person:hover{z-index:1}
.bscb__person:hover .bscb__avatar{box-shadow:0 0 0 1px var(--bscb-flow-accent);transform:translateY(-2px)}
.bscb__unassigned{font-size:10px;color:var(--bscb-flow-muted)}
.bscb__card--free .bscb__vessel>i{background:var(--bscb-flow-muted)}
.bscb .bscb__card--free .bscb__beer{color:var(--bscb-flow-muted);font-size:25px;font-weight:400;letter-spacing:.035em}
.bscb__card--free .bscb__tank-image{opacity:.3;filter:grayscale(1)}
.bscb__empty{display:flex;align-items:flex-start;justify-content:center;text-align:center;flex:1;min-height:140px;padding-top:12px}
.bscb .bscb__empty p{max-width:20ch;margin:0;font-size:12px;color:var(--bscb-flow-muted);line-height:1.5}
@media(max-width:1024px){.bscb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.bscb__grid{grid-template-columns:1fr}.bscb .bscb__header{align-items:flex-start;flex-direction:column;gap:20px}.bscb__card{max-width:430px;width:100%;margin-inline:auto}.bscb__card-heading{min-height:0}.bscb .bscb__beer{font-size:30px}.bscb__tank{height:320px}}
@media(prefers-reduced-motion:reduce){.bscb .bscb__tank-image,.bscb__avatar{transition:none}.bscb__card:hover .bscb__tank-image{transform:translateX(-50%)}.bscb__person:hover .bscb__avatar{transform:none}}