.bbs-wrap{--bg:#070d16;--panel:#101c2c;--edge:#2a394c;--gold:#e9bc66;--muted:#aab7c9;position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;box-sizing:border-box;background:var(--bg);color:#f6f7fa;font-family:inherit;overflow:hidden}.bbs-wrap *{box-sizing:border-box}.bbs-wrap button,.bbs-wrap input,.bbs-wrap select{font:inherit}.bbs-ticker{height:44px;background:#04080f;border-bottom:1px solid #70592e;overflow:hidden;display:flex;align-items:center}.bbs-ticker-track{display:flex;gap:52px;white-space:nowrap;width:max-content;animation:bbs-scroll 35s linear infinite;color:#f0c875;font-size:12px;letter-spacing:1.4px;font-weight:800}.bbs-ticker-track span{display:inline-block}@keyframes bbs-scroll{to{transform:translateX(-50%)}}.bbs-hero{aspect-ratio:1536/614;max-height:680px;min-height:250px;background-position:center;background-size:cover;background-color:#0b1420;display:flex;align-items:center;justify-content:center}.bbs-hero:has([class=bbs-hero-fallback]) .bbs-hero-fallback{display:flex}.bbs-hero[style] .bbs-hero-fallback{display:none}.bbs-hero-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;background:radial-gradient(ellipse at center,#193650 0%,#060a10 70%);height:100%;width:100%;padding:24px;color:#f2c767;font-size:clamp(20px,4vw,45px);font-weight:900;letter-spacing:2px}.bbs-bull{font-size:clamp(35px,6vw,70px)}.bbs-hero-fallback strong{font-size:clamp(28px,6vw,92px);line-height:1.1;color:#f5d28a}.bbs-hero-fallback small{font-size:clamp(10px,1.4vw,18px);letter-spacing:3px}.bbs-body{max-width:1440px;margin:auto;padding:30px clamp(12px,3vw,42px) 60px}.bbs-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.bbs-heading h2,.bbs-panel h2,.bbs-shop h2{color:#fff;font-size:clamp(24px,3vw,38px);margin:7px 0}.bbs-heading p,.bbs-panel p,.bbs-shop p{color:var(--muted);margin:8px 0 16px}.bbs-kicker{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:800}.bbs-live{color:#b3c8d8;font-size:12px}.bbs-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0}.bbs-tabs{display:flex;gap:5px;background:#0c1522;border:1px solid var(--edge);border-radius:9px;padding:5px}.bbs-tabs button,.bbs-shop-tabs button{border:0;background:transparent;color:#c4cedc;padding:11px 17px;cursor:pointer;border-radius:6px}.bbs-tabs button.active,.bbs-shop-tabs button.selected{background:var(--gold);color:#121417;font-weight:800}.bbs-controls input,.bbs-controls select{background:#111d2d;border:1px solid var(--edge);border-radius:8px;padding:13px;color:white;min-width:160px}.bbs-controls input{flex:1;min-width:210px}.bbs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bbs-stats>div{padding:18px;border:1px solid var(--edge);border-radius:12px;background:var(--panel)}.bbs-stats span{display:block;color:var(--muted);font-size:12px}.bbs-stats strong{font-size:29px;color:var(--gold)}.bbs-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 34px}.bbs-game{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:17px;min-width:0}.bbs-game-top,.bbs-game-foot{display:flex;justify-content:space-between;gap:8px;color:#b5c3d4;font-size:12px}.bbs-state{color:var(--gold);font-weight:700}.bbs-state.in{color:#4ce0a1}.bbs-state.post{color:#c3c7d1}.bbs-match{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;text-align:center;gap:10px;margin:20px 0}.bbs-match>div{min-width:0}.bbs-match b{display:block;color:var(--gold);font-size:23px}.bbs-match span,.bbs-match small{display:block;overflow-wrap:anywhere}.bbs-match span{font-size:12px}.bbs-match small{font-size:11px;color:var(--muted)}.bbs-match>strong{font-size:15px}.bbs-game-foot{border-top:1px solid var(--edge);padding-top:10px;min-height:35px}.bbs-research{margin-top:14px;width:100%;background:#1b3246;color:#f2c878;border:1px solid #46617a;padding:10px;border-radius:7px;cursor:pointer}.bbs-panel,.bbs-shop{padding:25px;background:#101b2b;border:1px solid var(--edge);border-radius:15px;margin-top:24px}.bbs-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bbs-analysis>div{background:#0b1422;border:1px solid #263b50;border-radius:10px;padding:18px}.bbs-analysis b{color:var(--gold)}.bbs-analysis p{font-size:13px}.bbs-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.bbs-links a,.bbs-shopall{display:inline-block;color:#f5d18d;border:1px solid #655331;border-radius:8px;padding:11px 14px;text-decoration:none}.bbs-note{font-size:12px}.bbs-shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.bbs-shop-tabs button{background:#1b2c3e}.bbs-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.bbs-product{display:flex;flex-direction:column;gap:7px;text-decoration:none!important;color:#fff!important;background:#0a1421;padding:12px;border:1px solid #304258;border-radius:10px;min-width:0}.bbs-product img{width:100%;height:175px;object-fit:contain;background:white;border-radius:7px}.bbs-product strong{font-size:13px;line-height:1.4}.bbs-product span{color:#f2c676}.bbs-noimg{height:175px;display:grid;place-items:center}.bbs-empty{grid-column:1/-1;color:#c4d0df;padding:24px;background:#111f30;border-radius:10px}[hidden]{display:none!important}@media(max-width:950px){.bbs-games{grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.bbs-wrap{width:100vw;max-width:100vw}.bbs-body{padding:18px 12px 35px}.bbs-hero{min-height:170px}.bbs-stats{grid-template-columns:repeat(2,1fr)}.bbs-games,.bbs-analysis{grid-template-columns:1fr}.bbs-products{grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-controls{align-items:stretch}.bbs-tabs{width:100%;justify-content:space-around}.bbs-tabs button{flex:1;padding:10px}.bbs-controls input{width:100%}.bbs-panel,.bbs-shop{padding:15px}.bbs-product img{height:135px}}@media(prefers-reduced-motion:reduce){.bbs-ticker-track{animation:none}}

/* v1.1 full-bleed alignment and data profile */
.bbs-wrap{position:relative!important;left:calc(50% - 50vw)!important;transform:none!important;width:100vw!important;max-width:none!important;margin-left:0!important;margin-right:0!important;clear:both!important}
.bbs-body{max-width:1600px!important}.bbs-hero{width:100%;aspect-ratio:1536/614;min-height:0;background-position:center;background-size:cover}.bbs-detail{background:#081421;border:1px solid #344c60;border-radius:13px;padding:20px;margin:14px 0 22px}.bbs-probbar{display:flex;height:16px;overflow:hidden;border-radius:50px;background:#24384b;margin:12px 0}.bbs-probbar>div:first-child{background:#4ab2ff}.bbs-probbar>div:last-child{background:#e4ba63}.bbs-versus{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.bbs-versus strong{font-size:clamp(16px,2.3vw,26px)}.bbs-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.bbs-profile-stats>div{padding:12px;background:#13273c;border-radius:8px}.bbs-profile-stats span{display:block;color:#b5c3d4;font-size:11px}.bbs-profile-stats b{color:#f4d080;font-size:19px}.bbs-uncertain{font-size:12px;color:#a9bdd0}.bbs-retry{background:#e5b957!important;color:#171717!important;border:0;border-radius:8px;padding:10px 15px;cursor:pointer}.bbs-srcon{font-size:12px;color:#a6b9cc}.bbs-tabs{flex-wrap:wrap}@media(max-width:650px){.bbs-profile-stats{grid-template-columns:1fr 1fr}.bbs-hero{aspect-ratio:1536/614;min-height:0}.bbs-wrap{left:calc(50% - 50vw)!important}}

.bbs-leaders{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.bbs-leaders>div{background:#14243a;border:1px solid #344156;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px}.bbs-leaders small{color:#a7bbcd}.bbs-leaders strong{color:#fff}.bbs-leaders span{color:#e8bd65}.bbs-detail h3{margin:22px 0 10px}.bbs-detail h4{margin:18px 0 8px}

/* v1.5 clickable league/status navigation, expandable analysis */
.bbs-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin;flex-wrap:wrap}.bbs-tabs button{white-space:nowrap}
.bbs-stats>button{padding:18px;text-align:left;border:1px solid var(--edge);border-radius:12px;background:var(--panel);color:inherit;cursor:pointer;transition:background .15s,border-color .15s;min-width:0}
.bbs-stats>button.active{border-color:var(--gold);background:#1e3042;box-shadow:inset 0 0 0 1px #e9bc6655}
.bbs-stats>button:focus-visible,.bbs-tabs button:focus-visible{outline:3px solid #ffe08c;outline-offset:2px}
.bbs-stats>button span{display:block;color:var(--muted);font-size:12px}.bbs-stats>button strong{display:block;font-size:29px;color:var(--gold)}
.bbs-prop-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.bbs-prop-cards>div{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #36516a;background:#12253a;border-radius:12px}
.bbs-prop-cards small{color:#b2c6d9}.bbs-prop-cards strong{color:#ecc56e;font-size:25px}.bbs-prop-cards span{color:#adc3d6;font-size:12px}
@media(max-width:650px){.bbs-stats>button{padding:13px}.bbs-tabs{justify-content:flex-start;gap:4px}.bbs-tabs button{flex:0 0 auto}}

/* v1.9.2: Short desktop banner to bring Matchup Command Center tabs above the fold. Mobile unchanged. */
@media (min-width: 900px) {
 .bbs-wrap .bbs-hero {
   width: 100%; height: 190px; min-height: 0; max-height: 190px;
   aspect-ratio: auto; background-size: auto 100%; background-repeat: no-repeat;
   background-position: center center; background-color: #050b14;
 }
}

@media (min-width: 900px) { .bbs-wrap .bbs-body { padding-top: 16px; } }

/* v1.9.3: compact desktop banner, full artwork preserved; no changes below 900px */
@media (min-width:900px) {
  .bbs-wrap .bbs-hero {
    height:110px !important; min-height:110px !important; max-height:110px !important;
    aspect-ratio:auto !important; background-size:auto 100% !important;
    background-repeat:no-repeat !important; background-position:center center !important;
  }
  .bbs-wrap .bbs-body {padding-top:8px !important;}
  .bbs-wrap .bbs-body > :first-child {margin-top:0;}
}

/* v1.9.4: compact animated sports banner; preserves artwork and mobile dimensions */
.bbs-wrap .bbs-hero-animated {
 position:relative; isolation:isolate; overflow:hidden;
 background-color:#050b14; background-position:center; background-repeat:no-repeat;
 background-size:contain;
}
/* softly blurred image fills empty widescreen margins without cropping foreground artwork */
.bbs-wrap .bbs-hero-animated::before {
 content:"";position:absolute;inset:-12px;z-index:-2;
 background-image:inherit;background-position:center;background-repeat:no-repeat;background-size:cover;
 filter:blur(22px) brightness(.38);opacity:.68;
}
.bbs-wrap .bbs-hero-animated::after {
 content:"";position:absolute;inset:0;z-index:-1;
 background-image:inherit;background-position:center;background-repeat:no-repeat;background-size:contain;
 animation:bbs-hero-float 8s ease-in-out infinite;
 will-change:transform,filter;
}
@keyframes bbs-hero-float {
 0%,100% {transform:translateY(0);filter:brightness(1)}
 50% {transform:translateY(-2px);filter:brightness(1.13)}
}
@media (min-width:900px) {
 .bbs-wrap .bbs-hero-animated {
  height:110px!important;min-height:110px!important;max-height:110px!important;
  aspect-ratio:auto!important;background-size:contain!important;
 }
 .bbs-wrap .bbs-body {padding-top:8px!important}
}
@media (prefers-reduced-motion: reduce) {
 .bbs-wrap .bbs-hero-animated::after {animation:none;will-change:auto}
}

/* v1.9.5: visible motion. Pseudo image pans; static base is hidden beneath it. */
.bbs-wrap .bbs-hero-animated { position:relative!important; isolation:isolate; overflow:hidden!important; background-image:none!important; }
.bbs-wrap .bbs-hero-animated::before { z-index:0!important; background-image:var(--bbs-hero-image)!important; background-size:cover; opacity:.34; filter:blur(14px) brightness(.55); animation:bbs-backdrop-drift 14s ease-in-out infinite alternate; }
.bbs-wrap .bbs-hero-animated::after { z-index:1!important; background-image:var(--bbs-hero-image)!important; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; inset:0; filter:none!important; animation:bbs-banner-pan 8s ease-in-out infinite alternate!important; will-change:transform; }
.bbs-wrap .bbs-hero-animated .bbs-hero-sheen { position:absolute; z-index:2; pointer-events:none; inset:0; background:linear-gradient(105deg,transparent 22%,rgba(255,211,120,.06) 41%,rgba(255,234,182,.26) 50%,rgba(255,211,120,.06) 59%,transparent 76%); width:100%; transform:translateX(-125%); animation:bbs-hero-sweep 5.5s ease-in-out infinite; }
@keyframes bbs-banner-pan { 0% { transform:translateX(-14px) scale(1.015); } 100% { transform:translateX(14px) scale(1.015); } }
@keyframes bbs-backdrop-drift { from { transform:translateX(-2%) scale(1.08); } to {transform:translateX(2%) scale(1.08);} }
@keyframes bbs-hero-sweep { 0%,12% {transform:translateX(-125%);} 58%,100% {transform:translateX(125%);} }
@media (max-width:899px) { .bbs-wrap .bbs-hero-animated::after {background-size:contain;} }
@media (prefers-reduced-motion: reduce) { .bbs-wrap .bbs-hero-animated::before,.bbs-wrap .bbs-hero-animated::after,.bbs-wrap .bbs-hero-animated .bbs-hero-sheen {animation:none!important; transform:none!important;} }

/* v1.9.6: full-bleed desktop artwork. Fill banner WIDTH, preserve aspect ratio, crop vertical overflow rather than leave side gaps. */
@media (min-width:900px) {
 .bbs-wrap .bbs-hero-animated {
   width:100vw!important;max-width:100vw!important; height:110px!important;min-height:110px!important;max-height:110px!important;
   background-size:cover!important; background-position:center center!important;
 }
 .bbs-wrap .bbs-hero-animated::after {
   background-size:cover!important; background-position:center center!important;
   animation:bbs-banner-fullwidth 9s ease-in-out infinite alternate!important;
 }
 .bbs-wrap .bbs-hero-animated::before {background-size:cover!important;}
}
@keyframes bbs-banner-fullwidth {
 from {transform:translateX(-.6%) scale(1.035);filter:brightness(.96)}
 to {transform:translateX(.6%) scale(1.035);filter:brightness(1.1)}
}
@media (prefers-reduced-motion:reduce) {
 .bbs-wrap .bbs-hero-animated::after {animation:none!important;transform:none!important;}
}

/* v1.9.8: desktop full-width panoramic banner reverted to 280px height.
   Uses full image rather than cropping the title; mobile keeps existing behavior. */
@media (min-width:900px) {
 .bbs-wrap .bbs-hero.bbs-hero-animated {
   display:block!important; width:100%!important; max-width:100%!important;
   height:280px!important; min-height:280px!important; max-height:280px!important;
   aspect-ratio:auto!important; margin:0!important; padding:0!important;
   background:#050b14!important; overflow:hidden!important; position:relative!important;
 }
 .bbs-wrap .bbs-hero.bbs-hero-animated::before {
   background-image:var(--bbs-hero-image)!important; background-size:100% 100%!important;
   background-repeat:no-repeat!important; background-position:center!important;
   inset:0!important; filter:blur(12px) brightness(.45)!important;
 }
 .bbs-wrap .bbs-hero.bbs-hero-animated::after {
   background-image:var(--bbs-hero-image)!important; background-size:100% 100%!important;
   background-position:center center!important; background-repeat:no-repeat!important;
   inset:0!important; opacity:1!important;
   animation:bbs-sports-pan-197 9s ease-in-out infinite alternate!important;
 }
 .bbs-wrap .bbs-body {padding-top:12px!important;}
}
@keyframes bbs-sports-pan-197 {
 from{transform:translateX(-.25%) scale(1.008);filter:brightness(.98)}
 to{transform:translateX(.25%) scale(1.008);filter:brightness(1.10)}
}
@media (prefers-reduced-motion:reduce) {
 .bbs-wrap .bbs-hero.bbs-hero-animated::after {animation:none!important;transform:none!important;}
}
