.bh-scb {
    --bh-green: #318701;
    --bh-green-dark: #236300;
    --bh-gold: #f9ba1b;
    --bh-orange: #e85d04;
    --bh-ink: #17221c;
    --bh-muted: #66716b;
    --bh-parchment: #fff8df;
    --bh-border: rgba(35, 78, 57, .18);
    --bh-scb-brand-bg: #30111c;
    padding: 32px 10px 28px;
    background: #f4f6f4;
    color: var(--bh-ink);
    font-family: "Work Sans", sans-serif;
}

.bh-scb *, .bh-scb *::before, .bh-scb *::after { box-sizing: border-box; }
.bh-scb__shell { width: min(1180px, 100%); margin: 0 auto; }
.bh-scb__header { margin-bottom: 18px; }
.bh-scb__kicker { margin: 0 0 3px; color: var(--bh-green); font: 800 12px/1.2 "Work Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.bh-scb__header h2 { margin: 0; color: #000; font: 700 clamp(24px, 2.4vw, 30px)/1.2 "Archivo", sans-serif; text-transform: none; }
.bh-scb__header > p:last-child { margin: 5px 0 0; color: var(--bh-muted); font: 500 15px/1.5 "Work Sans", sans-serif; }

.bh-scb-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1.45fr) minmax(160px, .75fr) minmax(170px, .75fr) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 24px;
    padding: 16px;
    border: 1px solid var(--bh-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(22, 52, 37, .045);
}

.bh-scb-field { min-width: 0; }
.bh-scb-field label { display: block; margin: 0 0 5px; color: #33433a; font: 800 11px/1.2 "Work Sans", sans-serif; letter-spacing: .055em; text-transform: uppercase; }
.bh-scb-field input, .bh-scb-field select {
    width: 100%; min-height: 44px; margin: 0; padding: 9px 12px;
    border: 1px solid #b9c5be; border-radius: 7px; background: #fff; color: #17221c;
    font: 600 14px/1.3 "Work Sans", sans-serif;
}
.bh-scb-field input::placeholder { color: #77847c; }
.bh-scb-filters__actions { display: flex; gap: 9px; align-items: center; min-height: 44px; }
.bh-scb-filters__reset { min-height: 44px; padding: 8px 4px; border: 0; background: transparent; color: #405249; font: 700 13px/1.2 "Work Sans", sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.bh-scb-filters__count { grid-column: 1 / -1; margin: -2px 0 0; color: var(--bh-muted); font: 650 13px/1.3 "Work Sans", sans-serif; }

.bh-scb-group__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
.bh-scb-group__heading h3 { margin: 0; color: #000; font: 700 24px/1.25 "Archivo", sans-serif; }
.bh-scb-group__heading span { color: var(--bh-muted); font: 650 13px/1.2 "Work Sans", sans-serif; }
.bh-scb-list { display: grid; gap: 10px; }
.bh-scb-group__empty, .bh-scb-empty { padding: 22px; border: 1px dashed #aab8b0; border-radius: 10px; background: #fff; color: var(--bh-muted); }
.bh-scb-empty h3 { margin: 0 0 4px; color: #000; font: 700 20px/1.25 "Archivo", sans-serif; }
.bh-scb-empty p { margin: 0; }

.bh-scb-card { overflow: hidden; border: 1px solid var(--bh-border); border-radius: 10px; background: #fff; box-shadow: 0 3px 10px rgba(25, 57, 41, .045); }
.bh-scb-card--older { background: #fdfdfc; border-color: #cbd1ce; }
.bh-scb-card__row { display: grid; grid-template-columns: 146px minmax(0, 1fr) minmax(260px, 310px); gap: 16px; align-items: stretch; min-height: 124px; padding: 0 14px 0 0; }
.bh-scb-card__media { display: flex; width: 146px; min-height: 124px; align-items: center; align-self: stretch; justify-content: center; overflow: hidden; border-radius: 9px 0 0 9px; background: var(--bh-scb-brand-bg); }
.bh-scb-card__media img { display: block; width: 100%; height: 100%; min-height: 124px; margin: 0; border-radius: 0; }
.bh-scb-card__media--game img { object-fit: cover; }
.bh-scb-card__media--logo img { object-fit: contain; padding: 17px; }
.bh-scb-card__media--placeholder { color: var(--bh-gold); font: 800 27px/1 "Archivo", sans-serif; letter-spacing: -.04em; }
.bh-scb-card__main { min-width: 0; align-self: center; padding: 13px 0; }
.bh-scb-card__badges { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 6px; }
.bh-scb-badge { display: inline-flex; align-items: center; min-height: 21px; padding: 3px 8px; border-radius: 999px; font: 800 10px/1 "Work Sans", sans-serif; letter-spacing: .03em; text-transform: uppercase; }
.bh-scb-badge--featured { background: var(--bh-orange); color: #fff; }
.bh-scb-badge--verified { background: #e2f3da; color: #235e0b; }
.bh-scb-badge--unconfirmed { background: #fff0c2; color: #744d00; }
.bh-scb-badge--ended { background: #e6e8e7; color: #4f5a54; }
.bh-scb-badge--type { border: 1px solid #e4d7a0; background: var(--bh-parchment); color: #4a4b3e; }
.bh-scb-card__title { overflow-wrap: anywhere; margin: 0; color: #111; font: 750 19px/1.25 "Archivo", sans-serif; text-transform: none; }
.bh-scb-card__terms { display: flex; flex-wrap: wrap; gap: 7px 12px; margin-top: 8px; color: #647069; font: 600 12px/1.3 "Work Sans", sans-serif; }
.bh-scb-card__terms span { display: inline-flex; align-items: center; min-height: 18px; padding: 0; background: transparent; }
.bh-scb-card__terms span + span::before { content: "\2022"; margin-right: 12px; color: #a0aaa4; }
.bh-scb-card__side { display: grid; gap: 7px; min-width: 0; align-content: center; padding: 11px 0; }
.bh-scb-code { min-width: 0; }
.bh-scb-code__label { display: block; margin-bottom: 2px; color: #6c7871; font: 800 9px/1.2 "Work Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.bh-scb-code__button { position: relative; display: flex; width: 100%; min-height: 36px; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #c4cec8; border-radius: 7px; background: #f9fbfa; color: #1d2b23; cursor: pointer; }
.bh-scb-code__button:hover { border-color: var(--bh-green); background: #f2f8ef; }
.bh-scb-code--ended .bh-scb-code__button { color: #68716c; background: #f2f3f2; }
.bh-scb-code__value { min-width: 0; overflow: hidden; font: 800 13px/1.1 ui-monospace, SFMono-Regular, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; }
.bh-scb-code__button svg { flex: 0 0 17px; width: 17px; height: 17px; margin-left: auto; fill: currentColor; }
.bh-scb-code__feedback { position: absolute; right: 7px; padding: 2px 5px; border-radius: 5px; background: #e3f4dc; color: #21620c; font: 800 11px/1.2 "Work Sans", sans-serif; }
.bh-scb-code__feedback:empty { display: none; }
.bh-scb-code__none { display: flex; min-height: 36px; align-items: center; color: #4b5a52; font: 700 13px/1.2 "Work Sans", sans-serif; }
.bh-scb-card__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px; }

.bh-scb-button, .bh-scb-show-more { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border-radius: 7px; font: 800 13px/1.15 "Work Sans", sans-serif; text-align: center; text-decoration: none; cursor: pointer; }
.bh-scb-button--primary { padding: 9px 13px; border: 1px solid var(--bh-green); background: var(--bh-green); color: #fff; box-shadow: 0 3px 8px rgba(49, 135, 1, .16); }
.bh-scb-button--primary:hover { border-color: var(--bh-green-dark); background: var(--bh-green-dark); color: #fff; text-decoration: none; }
.bh-scb-button--details { gap: 5px; padding: 8px 10px; border: 1px solid #c2ccc6; background: #f5f7f6; color: #36483e; white-space: nowrap; }
.bh-scb-button--details svg { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .2s ease; }
.bh-scb-button--details[aria-expanded="true"] svg { transform: rotate(180deg); }
.bh-scb-button--ended { padding: 8px 10px; border: 1px solid #c9cecb; background: #e7e9e8; color: #616a65; cursor: not-allowed; box-shadow: none; }

.bh-scb-details { border-top: 1px solid var(--bh-border); padding: 17px 18px 19px; background: #fcfdfc; }
.js .bh-scb-details[hidden] { display: none; }
.bh-scb-notice { margin: 0 0 12px; padding: 10px 12px; border-left: 4px solid #82918a; border-radius: 4px; background: #f2f5f3; color: #3f4d45; font: 600 13px/1.5 "Work Sans", sans-serif; }
.bh-scb-notice--warning { border-color: #d89300; background: #fff7dd; color: #674600; }
.bh-scb-notice--ended { border-color: #8a9490; background: #f0f1f0; }
.bh-scb-notice--verified { border-color: var(--bh-green); background: #edf8e9; color: #245912; }
.bh-scb-details__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; margin: 0; border-top: 1px solid #dfe4e1; }
.bh-scb-details__grid > div { min-width: 0; padding: 9px 0; border-bottom: 1px solid #dfe4e1; background: transparent; }
.bh-scb-details__game { grid-column: 1 / span 2; }
.bh-scb-details__grid dt { margin: 0 0 2px; color: #77817b; font: 700 10px/1.2 "Work Sans", sans-serif; letter-spacing: .035em; text-transform: uppercase; }
.bh-scb-details__grid dd { overflow-wrap: anywhere; margin: 0; color: #27342d; font: 650 13px/1.35 "Work Sans", sans-serif; }
.bh-scb-details__grid a, .bh-scb-details__footer a:not(.bh-scb-button) { color: var(--bh-green-dark); text-decoration: underline; text-underline-offset: 2px; }
.bh-scb-details__copy { margin-top: 16px; color: #36463d; font: 500 14px/1.58 "Work Sans", sans-serif; }
.bh-scb-details__copy h5 { margin: 0 0 7px; color: #111; font: 700 16px/1.25 "Archivo", sans-serif; }
.bh-scb-details__copy p, .bh-scb-details__copy ol, .bh-scb-details__copy ul { margin-top: 0; }
.bh-scb-details__copy ol { padding-left: 22px; }
.bh-scb-details__copy li { margin-bottom: 6px; padding-left: 3px; }
.bh-scb-details__copy li > div > :last-child, .bh-scb-details__copy > :last-child { margin-bottom: 0; }
.bh-scb-details__footer { display: flex; justify-content: flex-end; margin-top: 15px; }
.bh-scb-details__footer .bh-scb-button { min-width: 170px; }

.bh-scb-show-more { width: 100%; margin-top: 10px; padding: 9px 14px; border: 1px solid #98aa9f; background: #fff; color: #315241; }
.bh-scb-show-more:hover { border-color: var(--bh-green); color: var(--bh-green-dark); }
.bh-scb-show-more[disabled] { opacity: .6; cursor: wait; }
.bh-scb-archive { margin-top: 22px; border: 1px solid #c8d4cb; border-radius: 8px; background: #f5f8f4; transition: background-color .18s ease, border-color .18s ease; }
.bh-scb-archive:hover { border-color: #aebfb2; background: #f1f6ef; }
.bh-scb-archive > summary { position: relative; min-height: 54px; padding: 16px 46px 14px 16px; color: #35463d; font: 750 15px/1.3 "Archivo", sans-serif; cursor: pointer; list-style: none; }
.bh-scb-archive > summary::before { content: none !important; display: none !important; }
.bh-scb-archive > summary::-webkit-details-marker { display: none; }
.bh-scb-archive > summary::after { content: "\25BE" !important; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: var(--bh-green); font-size: 18px; }
.bh-scb-archive[open] > summary::after { content: "\25B4" !important; }
.bh-scb-archive__body { padding: 2px 10px 10px; }

.bh-scb button:focus-visible, .bh-scb a:focus-visible, .bh-scb input:focus-visible, .bh-scb select:focus-visible, .bh-scb summary:focus-visible { outline: 3px solid #0b63ce; outline-offset: 2px; }
.bh-scb [aria-busy="true"] { opacity: .68; }

@media (max-width: 920px) {
    .bh-scb-filters { grid-template-columns: 1fr 1fr; }
    .bh-scb-field--search { grid-column: 1 / -1; }
    .bh-scb-card__row { grid-template-columns: 146px minmax(0, 1fr); padding-right: 12px; }
    .bh-scb-card__media { grid-row: 1 / span 2; }
    .bh-scb-card__side { grid-column: 2; grid-template-columns: minmax(150px, 1fr) minmax(260px, 1.3fr); padding-top: 0; }
    .bh-scb-details__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .bh-scb { padding: 27px 10px 22px; }
    .bh-scb-filters { grid-template-columns: 1fr; padding: 13px; }
    .bh-scb-field--search, .bh-scb-filters__count { grid-column: auto; }
    .bh-scb-filters__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .bh-scb-card__row { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; }
    .bh-scb-card__media { width: 100%; min-height: 108px; height: 108px; border-radius: 9px 9px 0 0; }
    .bh-scb-card__media img { width: 100%; min-height: 108px; height: 108px; }
    .bh-scb-card__media--logo img { padding: 15px 24px; }
    .bh-scb-card__main { padding: 12px 13px 8px; }
    .bh-scb-card__side { display: grid; grid-template-columns: 1fr; padding: 4px 13px 13px; }
    .bh-scb-card__actions { grid-template-columns: 1fr 1fr; }
    .bh-scb-code__value { white-space: normal; word-break: break-all; }
    .bh-scb-details { padding: 15px 13px 17px; }
    .bh-scb-details__grid { grid-template-columns: 1fr; }
    .bh-scb-details__game { grid-column: 1; }
    .bh-scb-details__footer { justify-content: stretch; }
    .bh-scb-details__footer .bh-scb-button { width: 100%; }
}

@media (max-width: 360px) {
    .bh-scb-card__actions, .bh-scb-filters__actions { grid-template-columns: 1fr; }
    .bh-scb-group__heading { align-items: flex-start; flex-direction: column; gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
    .bh-scb *, .bh-scb *::before, .bh-scb *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}