.bb-slots{max-width:1140px;margin:20px auto;padding:0 15px 30px;color:#20242d}.bb-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.bb-heading h1{font-size:26px;font-weight:700;margin:0;color:#20242d}.bb-heading p{color:#9ba7bd;margin:0}.bb-eyebrow{color:#eabe65;font-size:11px;letter-spacing:2px;font-weight:800}.bb-demo-badge{border:1px solid #b58b414f;background:#b58b4118;border-radius:30px;color:#edc57b;padding:9px 16px;font-size:11px;font-weight:800;white-space:nowrap}.bb-tools{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid #e3e5eb;padding:20px;border-radius:10px}.bb-tools label{margin:0;min-width:180px}.bb-tools label span{display:block;margin:0 0 7px;font-size:12px;color:#596170}.bb-search{flex:1}.bb-tools input,.bb-tools select{width:100%;height:44px;border:1px solid #d8dce5;border-radius:6px;background:#fff;color:#222;padding:0 12px;font-size:14px}.bb-tools button,.bb-more-wrap button,.bb-player-error button{border:1px solid #6b4ea0;border-radius:6px;background:#6b4ea0;color:#fff;font-size:13px;font-weight:800;padding:12px 20px;cursor:pointer}.bb-results{display:flex;justify-content:space-between;gap:10px;margin:20px 0 15px;font-size:12px;color:#737482}.bb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bb-card{border:1px solid #e3e5eb;border-radius:10px;padding:10px;text-align:left;background:#fff;color:#20242d;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s;position:relative;font-family:inherit}.bb-card:hover{transform:translateY(-4px);border-color:#6b4ea0}.bb-art{aspect-ratio:1.6;position:relative;background:#f0edf5;border-radius:6px;display:grid;place-items:center;overflow:hidden}.bb-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bb-fallback{font-size:36px;font-weight:800;color:#6b4ea0}.bb-play{position:absolute;inset:0;display:grid;place-items:center;background:#090f2066;opacity:0;transition:opacity .15s}.bb-play b{padding:10px 20px;border-radius:30px;background:#6b4ea0;color:#fff;font-size:13px}.bb-card:hover .bb-play,.bb-card:focus-visible .bb-play{opacity:1}.bb-card-title{display:block;margin:8px 0 5px;font-size:14px;font-weight:700;line-height:1.4}.bb-card-provider{display:block;margin:0;color:#737482;font-size:11px}.bb-empty{text-align:center;padding:60px 10px;color:#596170}.bb-error{background:#fff2f2;border:1px solid #e2baba;color:#8a3030;padding:16px;border-radius:10px;margin-bottom:16px}.bb-more-wrap{text-align:center;margin:28px 0}.bb-skeleton{aspect-ratio:1.35;border-radius:10px;background:linear-gradient(100deg,#eeeaf4 20%,#faf9fc 50%,#eeeaf4 80%);background-size:250% 100%;animation:bb-shimmer 1.5s infinite}.bb-modal{padding:0;border:1px solid #d8dce5;border-radius:16px;background:#090e17;color:#fff;width:min(1240px,96vw);max-width:96vw;height:min(850px,92dvh);max-height:92dvh;overflow:hidden;margin:auto;z-index:2147483000}.bb-modal::backdrop{background:#03050de8;backdrop-filter:blur(5px)}.bb-player{height:100%;display:flex;flex-direction:column}.bb-player-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid #ffffff12}.bb-player-bar h2{margin:0 0 3px;font-size:16px;font-weight:700;color:#20242d}.bb-player-bar span{color:#d0ad70;font-size:11px}.bb-player-actions{display:flex;gap:8px}.bb-player-actions button{width:38px;height:38px;background:#6b4ea0;border:1px solid #6b4ea0;border-radius:6px;color:white;font-size:20px;cursor:pointer}.bb-player-body{flex:1;min-height:0;position:relative;background:#000}.bb-player-body iframe{width:100%;height:100%;border:0;display:block}.bb-loading,.bb-player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#c9d6ed;background:#090e17}.bb-loading:before{content:'';width:36px;height:36px;border:3px solid #29364c;border-top-color:#7254a3;border-radius:50%;animation:bb-turn .8s linear infinite;margin-bottom:16px}.bb-player-foot{padding:9px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;font-size:11px;color:#596170}.bb-player-foot a{color:#6b4ea0;white-space:nowrap}.bb-modal [hidden],.bb-slots [hidden]{display:none!important}.bb-slots :focus-visible,.bb-modal :focus-visible{outline:3px solid #7254a3;outline-offset:3px}.bb-no-scroll{overflow:hidden!important}.bb-player:fullscreen{background:#000}.bb-player:fullscreen .bb-player-body{flex:1}@keyframes bb-shimmer{to{background-position:-250% 0}}@keyframes bb-turn{to{transform:rotate(360deg)}}@media(max-width:1100px){.bb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-slots{padding:0 14px}.bb-tools{flex-wrap:wrap;padding:12px}.bb-tools .bb-search{flex:1 1 100%}.bb-tools label{min-width:0;flex:1}.bb-heading h1{font-size:25px}.bb-results>span:last-child{display:none}.bb-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.bb-player-bar{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.bb-player-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}.bb-player-foot>span{display:none}}@media(max-width:430px){.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-demo-badge{font-size:9px;padding:7px 10px}.bb-heading p{font-size:12px}}@media(prefers-reduced-motion:reduce){.bb-slots *,.bb-modal *{animation:none!important;transition:none!important}}

.bb-slots,.bb-modal{font-family:inherit}.bb-card img{display:block}.bb-card-title{overflow-wrap:anywhere}.bb-tools input,.bb-tools select{box-sizing:border-box}.bb-player-foot a{font-weight:600}@media(max-width:430px){.bb-card{padding:7px}.bb-card-title{font-size:12px}.bb-tools button{padding:12px}.bb-card-provider{font-size:10px}}

/* Reference card proportions: six columns, full-bleed 1.23:1 artwork. */
.bb-slots{max-width:1800px;padding:0 16px}
.bb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px}
.bb-card{padding:0;border-radius:16px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto auto;column-gap:8px;align-items:center}
.bb-art{grid-column:1/-1;width:100%;aspect-ratio:1.23;border-radius:15px 15px 0 0}
.bb-art img{object-fit:cover;object-position:center}
.bb-card-title{grid-column:1;grid-row:2;margin:12px 0 4px 14px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;min-width:0}
.bb-card-provider{grid-column:1;grid-row:3;margin:0 0 14px 14px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bb-card:after{content:'▶';grid-column:2;grid-row:2/4;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#6b4ea0;color:#fff;font-size:14px;align-self:center;margin-bottom:4px}
@media(max-width:1399px){.bb-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px}}
@media(max-width:1099px){.bb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:799px){.bb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.bb-card-title{font-size:14px;margin-left:10px}.bb-card-provider{font-size:11px;margin-left:10px}}
@media(max-width:539px){.bb-slots{padding:0 12px}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.bb-card{padding:0;grid-template-columns:minmax(0,1fr) 36px;border-radius:12px}.bb-art{border-radius:11px 11px 0 0}.bb-card-title{font-size:13px}.bb-card:after{width:27px;height:27px;font-size:12px}}

/* Büyük, yalnızca görsel içeren oyun kartları */
#bb-slots .bb-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

#bb-slots .bb-card {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    background: transparent;
}

#bb-slots .bb-art {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    background: #171321;
}

#bb-slots .bb-art img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-height: none;
    object-fit: contain;
    object-position: center;
}

#bb-slots .bb-card-title,
#bb-slots .bb-card-provider,
#bb-slots .bb-play,
#bb-slots .bb-card::after {
    display: none !important;
}

#bb-slots .bb-art:has(img) .bb-fallback {
    display: none;
}

#bb-slots .bb-skeleton {
    aspect-ratio: 1 / 1;
}

@media (max-width: 1100px) {
    #bb-slots .bb-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    #bb-slots .bb-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

/* Demo temporarily hidden at operator request. */
.bb-choice-demo{display:none!important}