/* Phase 10: additive UI only */
.bb10-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.bb10-find{margin:24px auto;padding:22px 26px;border:1px solid #344a73;border-radius:18px;background:linear-gradient(105deg,#172947,#1c214a);display:flex;align-items:center;gap:22px;justify-content:space-between}
.bb10-find strong{font-size:1.3rem;color:#fff}.bb10-find p{margin:.25rem 0 0;color:#c2cce3}.bb10-find form{display:flex;gap:8px;flex:1;max-width:610px}
.bb10-find input,.bb10-controls input,.bb10-controls select{background:#0d172c;color:#fff;border:1px solid #52658a;border-radius:10px;padding:12px 14px;min-width:0}
.bb10-find input{flex:1}.bb10-find button,.bb10-controls button{background:#5a6bf2;color:#fff;border:0;border-radius:10px;padding:12px 15px;cursor:pointer;font-weight:700}
.bb10-category-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px auto 26px}.bb10-category-links a{padding:10px 15px;border-radius:100px;text-decoration:none;background:#1f3155;color:#d8e4ff;border:1px solid #334a73}
.bb10-category-links a:hover,.bb10-find button:hover,.bb10-controls button:hover{filter:brightness(1.15)}
.bb10-directory{padding-top:35px;padding-bottom:60px}.bb10-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.bb10-heading h1{margin:7px 0 10px}.bb10-heading p{color:#b8c8e5;max-width:680px}.bb10-count{padding:12px 18px;background:#1b3157;border:1px solid #3c5279;border-radius:12px;white-space:nowrap;font-weight:700}
.bb10-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#172642;border:1px solid #374b72;border-radius:16px;padding:18px;margin:0 0 24px}.bb10-controls label{font-size:.9rem;color:#c2d0e6}.bb10-controls input{flex:1;min-width:180px}.bb10-controls select{max-width:220px}.bb10-controls button{margin-left:auto}
.bb10-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bb10-result{min-width:0}.bb10-result .bb-v2-game{height:100%;display:flex;flex-direction:column}.bb10-result .bb-v2-game-meta{flex:1}.bb10-empty{padding:42px;text-align:center;border:1px dashed #6780af;border-radius:16px;color:#e2e9f6}
@media(max-width:950px){.bb10-results{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:690px){.bb10-find{flex-direction:column;align-items:stretch}.bb10-find form{max-width:none}.bb10-results{grid-template-columns:repeat(2,minmax(0,1fr))}.bb10-controls label{width:100%}.bb10-controls select,.bb10-controls input{max-width:none;width:100%}.bb10-controls button{margin-left:0}.bb10-heading{align-items:start;flex-direction:column}}
@media(max-width:370px){.bb10-results{grid-template-columns:1fr}.bb10-find form{flex-wrap:wrap}.bb10-find button{width:100%}}

/* Phase 10.2 layout polish: scope only homepage/catalog, protect existing site UI */
.bb10-spotlight{margin:16px auto 30px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(225px,.75fr);gap:24px;align-items:center;padding:28px;border:1px solid #40567f;border-radius:22px;background:linear-gradient(120deg,rgba(40,76,128,.7),rgba(32,28,79,.68))}
.bb10-spotlight-info h2{font-size:clamp(1.55rem,2.9vw,2.4rem);line-height:1.1;margin:10px 0}
.bb10-spotlight-info p{color:#c5d4ed;line-height:1.6;margin:0 0 22px;max-width:50ch}
.bb10-spotlight-art{width:100%;max-width:360px;justify-self:end}
.bb10-spotlight-art .bb-v2-game-art{min-height:175px;aspect-ratio:16/9}
.bb10-spotlight-art .bb-v2-game{box-shadow:0 18px 40px rgba(0,0,0,.24)}
/* Make the existing dynamic game cards prominent, not thumbnail-sized */
.bb-v2-section .bb-v2-columns{grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:20px}
.bb-v2-section .bb-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bb-v2-section .bb-v2-game,.bb10-result .bb-v2-game{height:100%;display:flex;flex-direction:column;min-width:0}
.bb-v2-section .bb-v2-game-art,.bb10-result .bb-v2-game-art{aspect-ratio:16/9;min-height:0}
.bb-v2-section .bb-v2-game-meta,.bb10-result .bb-v2-game-meta{padding:13px 14px;flex:1}
.bb-v2-section .bb-v2-game-meta strong,.bb10-result .bb-v2-game-meta strong{font-size:clamp(.94rem,1.2vw,1.04rem);line-height:1.3;overflow-wrap:anywhere}
.bb-v2-section .bb-v2-chip,.bb10-result .bb-v2-chip{font-size:.68rem;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bb10-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bb10-controls :is(input,select,button),.bb10-find :is(input,button){min-height:44px}
.bb10-category-links a,.bb10-results a,.bb-v2-section a,.bb10-spotlight a{outline-offset:3px}
.bb10-category-links a:focus-visible,.bb10-results a:focus-visible,.bb-v2-section a:focus-visible,.bb10-spotlight a:focus-visible{outline:3px solid #a7d8ff}
.bb10-result[hidden]{display:none!important}
@media(min-width:1450px){.bb10-directory,.bb10-spotlight,.bb10-find,.bb10-category-links,.bb-v2-section{max-width:1180px}}
@media(max-width:1000px){.bb-v2-section .bb-v2-columns{grid-template-columns:minmax(0,1fr) 190px}.bb-v2-section .bb-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb10-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.bb10-spotlight{grid-template-columns:1fr;padding:20px}.bb10-spotlight-art{justify-self:stretch;max-width:none}.bb-v2-section .bb-v2-columns{grid-template-columns:1fr}.bb-v2-section .bb-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb10-results{grid-template-columns:repeat(2,minmax(0,1fr))}.bb10-category-links{gap:8px}.bb10-category-links a{padding:9px 12px}.bb10-controls{display:grid;grid-template-columns:1fr 1fr}.bb10-controls label{grid-column:1/-1;width:auto}.bb10-controls #bb10-search{grid-column:1/-1}.bb10-controls #bb10-reset{grid-column:1/-1;width:100%}.bb10-controls select{width:100%;max-width:none}}
@media(max-width:420px){.bb10-find{padding:16px}.bb10-find form{flex-direction:column}.bb10-find button{width:100%}.bb-v2-section .bb-v2-grid,.bb10-results{gap:10px}.bb-v2-section .bb-v2-game-meta,.bb10-result .bb-v2-game-meta{padding:10px}.bb-v2-section .bb-v2-game-meta strong,.bb10-result .bb-v2-game-meta strong{font-size:.86rem}.bb10-controls{grid-template-columns:1fr}.bb10-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){.bb-v2-section .bb-v2-game,.bb10-result .bb-v2-game{transition:none}}

/* Phase 12 - Progressive enhancement, mobile stability and reduced-motion support. */
.bb-v2-game-art img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.bb10-result,.bb-v2-game{min-width:0}
.bb10-result img,.bb-v2-game img{display:block}
.bb10-result[hidden]{display:none!important}
.bb10-results{min-width:0}
.bb10-find form,.bb10-controls{min-width:0}
.bb-v2-game:focus-visible,.bb10-category-links a:focus-visible,
.bb10-find button:focus-visible,.bb10-controls :is(input,select,button):focus-visible{
 outline:3px solid #8fcaff;outline-offset:3px}
@media(max-width:480px){
 .bb10-find{padding:16px;gap:12px}
 .bb10-find form{width:100%;max-width:none}
 .bb10-category-links{gap:7px}
 .bb10-category-links a{font-size:.86rem;padding:8px 10px}
 .bb10-directory{padding-top:20px}
 .bb10-controls :is(input,select,button){width:100%;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .bb10-directory *,.bb-v2-game,.bb10-spotlight *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}