/* My Baller: a compact game shell. All site overrides are scoped to this route. */
html:has(.br-page) { scroll-behavior: auto; }
body:has(.br-page) { background:#090d10; }
body:has(.br-page)::before { background:radial-gradient(ellipse at 50% 0,#18212666,transparent 65%),#090d10; }
body:has(.br-page)::after, body:has(.br-page) .arena,
body:has(.br-page) .site-header, body:has(.br-page) .site-footer { display:none; }
body:has(#baller-run-page) .site-header.unified-header { display:none; }
body:has(.br-page) #app { max-width:none; padding:0; margin:0; }
#app > .br-page { animation:none; }
.br-page {
  --br-yellow:#e5ff00; --br-pink:#ff4fb8; --br-cyan:#48dfff; --br-blue:#6185ff; --br-purple:#b77bff;
  --br-ink:#f1f4f5; --br-muted:#a1adb5; --br-line:#2b373e; --br-panel:#141c20;
  --br-surface:#1b252b; --br-rival:#ffb36b;
  max-width:660px; min-height:100dvh; margin:0 auto; color:var(--br-ink);
  font-family:var(--font); background:linear-gradient(160deg,#10171b 0,#090d10 55%);
}
.br-page *, .br-page *::before, .br-page *::after { box-sizing:border-box; }
.br-page button, .br-page summary, .br-page a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.br-page button { cursor:pointer; font-family:inherit; }
.br-page button:disabled { cursor:default; }
.br-page :focus-visible { outline:2px solid var(--br-yellow); outline-offset:3px; }
.br-page [hidden] { display:none!important; }
.br-page h1, .br-page h2, .br-page h3, .br-page p { margin:0; }
.br-page h1 { font:800 2.6rem/.98 var(--display); letter-spacing:-.015em; text-transform:uppercase; }
.br-page h1 em { font-style:normal; color:var(--br-yellow); }
.br-page h1 small { font-size:1.3rem; color:#84949e; }
.br-page h2 { font:700 1.15rem/1 var(--display); letter-spacing:.025em; text-transform:uppercase; }
.br-page h3 { font:700 1rem/1 var(--display); text-transform:uppercase; letter-spacing:.02em; }
.br-icon { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.br-top { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:30px 1fr 43px auto; align-items:center; gap:9px; min-height:68px; padding:10px 16px; background:#090d10f5; border-bottom:1px solid var(--br-line); backdrop-filter:blur(12px); }
.br-exit { display:grid; place-items:center; width:30px; height:44px; color:#cbd4d9; text-decoration:none; font:400 2rem/1 var(--font); border-right:1px solid #27333a; padding-right:8px; }
.br-wordmark { font:800 1.5rem/.95 var(--display); white-space:nowrap; font-style:italic; }
.br-wordmark>b { color:var(--br-yellow); }
.br-wordmark>small { display:block; font:600 .42rem/1 var(--font); letter-spacing:.17em; color:#84949e; margin-top:6px; }
.br-ovr { display:flex; flex-direction:column; align-items:center; border-left:1px solid #27333a; padding-left:8px; }
.br-ovr small { font:700 .5rem/1 var(--font); letter-spacing:.09em; color:#cbd4d9; }
.br-ovr b { font:800 1.65rem/1 var(--display); }
.br-wallet { position:relative; font:700 1.65rem/1 var(--display); color:var(--br-yellow); min-width:52px; text-align:right; font-variant-numeric:tabular-nums; }
.br-wallet-delta { position:absolute; top:100%; right:0; font:700 .65rem/1 var(--font); background:#182126; padding:5px; border-radius:3px; animation:br-credit .4s ease-out both; }
.br-content { padding:16px 16px calc(84px + env(safe-area-inset-bottom)); }
.br-panel { animation:br-enter .16s ease-out; }
.br-eyebrow { font:700 .56rem/1.4 var(--font); letter-spacing:.12em; color:var(--br-muted); text-transform:uppercase; }
.br-eyebrow i { font-style:normal; color:#40505a; padding:0 4px; }
.br-section-head { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:28px; }
.br-progress { padding:0 0 15px; margin-bottom:16px; border-bottom:1px solid #27333a; }
.br-progress .br-section-head>b { font:700 .85rem/1 var(--display); white-space:nowrap; }
.br-progress .br-section-head>b span { color:#84949e; }
.br-map { display:grid; grid-template-columns:repeat(8,1fr); padding:0; list-style:none; margin:10px 0 0; }
.br-map li { position:relative; display:grid; place-items:center; }
.br-map li::before { content:''; position:absolute; height:2px; background:#27333a; width:100%; top:50%; left:50%; }
.br-map li:last-child::before { display:none; }
.br-map li>span { position:relative; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#11171b; border:1px solid #40505a; color:#84949e; font:700 .62rem/1 var(--font); }
.br-map .br-icon { width:14px; height:14px; }
.br-map .done>span { color:#f1f4f5; background:#40505a; border-color:#a1adb5; }
.br-map .done::before { background:#84949e; }
.br-map .current>span { color:var(--br-yellow); border-color:var(--br-yellow); background:#2c2c17; box-shadow:0 0 0 3px #e5ff0010; }
.br-map .just-reached>span { animation:br-court-pulse .65s ease-out; }
.br-ready { padding:0 0 4px; }
.br-ready>div { display:flex; align-items:center; justify-content:space-between; margin:6px 0 8px; }
.br-ready h1 { font-size:2.9rem; }
.br-ready>div>.br-icon { width:34px; height:34px; color:#cbd4d9; transform:rotate(-8deg); margin-right:6px; }
.br-ready p { color:#cbd4d9; font-size:.66rem; line-height:1.5; }
.br-ready p strong { color:var(--br-yellow); float:right; }
.br-action { margin:14px 0; }
.br-primary { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:54px; padding:13px 17px; border:1px solid #f3ff92; border-radius:8px; color:#161910; background:var(--br-yellow); box-shadow:0 3px 0 #707c22,0 6px 22px #deff250a; font:800 1.4rem/1 var(--display)!important; text-transform:uppercase; transition:transform .12s,filter .12s; }
.br-primary:hover { filter:brightness(1.07); }
.br-primary:active { transform:translateY(2px); box-shadow:0 1px 0 #707c22; }
.br-primary .br-icon { width:18px; height:18px; fill:currentColor; }
.br-text-button { background:none; border:0; color:var(--br-yellow); min-height:44px; padding:8px 0 8px 12px; font:700 .6rem/1 var(--font); }
.br-quick { margin:12px 0; }
.br-upgrade-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.br-quick .br-upgrade:only-child { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; }
.br-quick .br-upgrade:only-child .br-upgrade-value { margin:0; }
.br-quick .br-upgrade:only-child .br-buy { grid-column:1/-1; }
.br-upgrade { position:relative; min-width:0; padding:12px; border:1px solid #40505a; border-radius:9px; background:linear-gradient(140deg,#182126,#11171b); overflow:hidden; }
.br-upgrade-title { display:flex; align-items:center; gap:8px; color:#f1f4f5; }
.br-upgrade-title .br-icon { width:17px; height:17px; }
.br-upgrade-title h3 { color:#f1f4f5; }
.br-upgrade-value { display:flex; align-items:baseline; gap:8px; margin:7px 0 9px; font:700 1.1rem/1 var(--display); }
.br-upgrade-value>b { font-size:2rem; color:#f1f4f5; }
.br-upgrade-value>span { color:#84949e; }
.br-upgrade-value strong { color:#cbd4d9; font-size:1.4rem; font-weight:600; }
.br-buy { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; padding:10px 12px; border:1px solid #b4bf4b; border-radius:5px; background:#20291b; color:var(--br-yellow); font:700 .85rem/1 var(--font); transition:background .15s,transform .12s; }
.br-buy:hover:enabled { background:#303e24; }
.br-buy:active:enabled { transform:scale(.97); }
.br-buy>span { padding-right:10px; border-right:1px solid #a9b84755; }
.br-buy:disabled { border-color:#40505a; color:#84949e; background:repeating-linear-gradient(135deg,#182126,#182126 5px,#182126 5px,#182126 6px); }
.br-buy:disabled>span { border-color:#40505a; }
.br-upgrade.is-upgraded { animation:br-upgrade .6s ease-out; border-color:var(--br-yellow); }
.br-upgrade.is-upgraded .br-upgrade-value>b { animation:br-number .3s ease-out; }
.br-upgrade-gain { font:700 .7rem/1 var(--font); font-style:normal; color:var(--br-yellow); margin-left:auto; animation:br-credit .4s ease-out; }
.br-empty-upgrades { display:grid; grid-template-columns:24px 1fr; gap:3px 10px; padding:15px; background:#11171b; border:1px solid #27333a; border-radius:8px; }
.br-empty-upgrades .br-icon { grid-row:1/3; color:#cbd4d9; align-self:center; }
.br-empty-upgrades>span { font-size:.75rem; font-weight:600; }
.br-empty-upgrades>small { font-size:.62rem; color:#a1adb5; }
.br-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:3px 0 14px; }
.br-panel-heading h1 { margin-top:6px; }
.br-rating-medal { display:flex; flex-direction:column; align-items:center; padding:8px 12px; background:#27333a; border:1px solid #84949e; border-radius:7px; transform:rotate(4deg); }
.br-rating-medal b { font:800 2rem/1 var(--display); color:#f1f4f5; }
.br-rating-medal small { font:700 .5rem/1 var(--font); letter-spacing:.12em; color:#cbd4d9; margin-top:4px; }
.br-inline-note { font-size:.65rem; color:var(--br-muted); margin:0 0 14px!important; }
.br-all-upgrades>article:last-child:nth-child(odd) { grid-column:1/-1; display:grid; grid-template-columns:1fr auto 120px; align-items:center; gap:12px; }
.br-all-upgrades>article:last-child .br-upgrade-value { margin:0; }
.br-end { padding:0 0 3px; }
.br-end h1 { font-size:clamp(2.7rem,10vw,3.5rem); margin:6px 0 8px; }
.br-run-totals { display:flex; gap:10px; align-items:center; font-size:.6rem; color:#a1adb5; }
.br-run-totals b { font:700 1.4rem/1 var(--display); color:#f1f4f5; margin-right:3px; }
.br-run-totals>i { color:#40505a; font-style:normal; }
.br-earned { display:flex; align-items:center; gap:14px; margin:12px 0; }
.br-earned>b { font:800 3.5rem/.9 var(--display); color:var(--br-yellow); letter-spacing:-.025em; }
.br-earned>span { font:700 .55rem/1.6 var(--font); letter-spacing:.1em; color:#cbd4d9; }
.br-record-banner { display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid #796141; border-radius:6px; background:linear-gradient(110deg,#45332277,#27333a); color:#ede796; animation:br-achievement .5s ease-out; }
.br-record-banner>.br-icon { width:24px; height:24px; }
.br-record-banner>span { font:700 .49rem/1.3 var(--font); letter-spacing:.1em; }
.br-record-banner strong { display:block; font:700 .95rem/1.2 var(--display); letter-spacing:.03em; margin-top:3px; }
.br-help,.br-history,.br-build { border-top:1px solid #27333a; margin-top:13px; color:var(--br-muted); }
.br-help summary,.br-history summary,.br-build summary { display:flex; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; min-height:44px; gap:8px; font:600 .64rem/1.3 var(--font); }
.br-help summary::-webkit-details-marker,.br-build summary::-webkit-details-marker,.br-history summary::-webkit-details-marker { display:none; }
.br-help summary>span,.br-history summary>span,.br-build summary>span { color:#cbd4d9; font-size:.57rem; }
.br-help p,.br-history>p,.br-build p { font-size:.7rem; line-height:1.6; padding:0 0 10px; }
.br-help p strong,.br-build p strong { color:#f1f4f5; }
.br-build p strong,.br-build p>span { display:block; }
.br-build>div { padding:5px 0; }
.br-retire { margin-top:4px; }
.br-title-count { display:grid; grid-template-columns:22px auto; align-items:center; gap:4px 8px; color:#f1f4f5; }
.br-title-count b { font:700 1.6rem/1 var(--display); }
.br-title-count small { grid-column:1/-1; font-size:.45rem; letter-spacing:.14em; text-align:center; }
.br-career { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:14px 0 17px; border-block:1px solid #27333a; margin:17px 0; }
.br-career>div { text-align:center; border-right:1px solid #27333a; min-width:0; }
.br-career>div:last-child { border:0; }
.br-career b { display:block; font:700 clamp(1.1rem,5vw,1.7rem)/1 var(--display); overflow-wrap:anywhere; }
.br-career span { display:block; font:600 .45rem/1 var(--font); letter-spacing:.07em; color:#a1adb5; margin-top:8px; }
.br-record-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:8px 0 15px; }
.br-record-grid>div { padding:12px; border:1px solid #27333a; border-radius:7px; background:linear-gradient(120deg,#182126,#11171b); }
.br-record-grid span { display:block; font:500 .58rem/1.3 var(--font); color:#cbd4d9; }
.br-record-grid b { display:block; font:700 1.9rem/1 var(--display); margin-top:7px; color:#f1f4f5; }
.br-record-grid small { font-size:1rem; color:#a1adb5; }
.br-history ol { list-style:none; max-height:260px; overflow:auto; padding:0; margin:0; overscroll-behavior:contain; }
.br-history li { padding:12px 0; border-top:1px solid #27333a; }
.br-history li>div { display:flex; justify-content:space-between; gap:8px; font-size:.7rem; }
.br-history li>div b span { font-size:.5rem; margin-left:7px; color:#a1adb5; }
.br-history li strong { color:var(--br-yellow); }
.br-history li p { font-size:.57rem; color:#a1adb5; margin:7px 0; }
.br-history-track { display:block; height:3px; background:#182126; border-radius:5px; }
.br-history-track i { display:block; height:100%; background:#a1adb5; }
.br-tabs { position:fixed; z-index:30; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:660px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#11171bf5; padding:0 8px env(safe-area-inset-bottom); border-top:1px solid #40505a; backdrop-filter:blur(16px); }
.br-tabs button { display:flex; justify-content:center; align-items:center; gap:8px; min-height:65px; border:0; background:none; color:#84949e; font:700 1.1rem/1 var(--display); letter-spacing:.07em; }
.br-tabs button[aria-selected=true] { color:var(--br-yellow); }
.br-tabs .br-icon { width:20px; height:20px; }
.br-nav-track { position:absolute; top:-1px; left:calc(8px + (100% - 16px)/3*var(--tab)); width:calc((100% - 16px)/3); height:2px; background:var(--br-yellow); box-shadow:0 0 12px #e5ff0044; transition:left .16s ease; }
.br-toast { position:fixed; z-index:40; bottom:calc(79px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); display:flex; gap:10px; align-items:center; max-width:calc(100% - 28px); white-space:nowrap; padding:12px 16px; color:#ecffad; background:#2d3421; border:1px solid #718447; border-radius:7px; box-shadow:0 5px 30px #0009; font-size:.7rem; pointer-events:none; animation:br-credit .2s ease-out; }
.br-toast .br-icon { width:17px; height:17px; }
.br-toast>span { color:#ccdaa4; font-size:.64rem; }
.br-notice { padding:10px; margin-bottom:12px; background:#332b22; border:1px solid #736447; border-radius:6px; color:#e0d8b6; font-size:.72rem; }

/* Match controls and choices share the same compact panel language. */
.br-matchup { border:1px solid #40505a; border-radius:9px; background:linear-gradient(125deg,#182126,#11171b); overflow:hidden; }
.br-matchup-head { display:grid; grid-template-columns:1fr 22px 1fr; align-items:center; gap:8px; padding:10px 14px 6px; text-align:center; }
.br-matchup-head>div { min-width:0; }
.br-matchup-head .br-eyebrow { font-size:.53rem; color:#f1f4f5; min-height:12px; letter-spacing:.04em; }
.br-matchup-head b { display:block; font:800 2rem/1 var(--display); color:#f1f4f5; margin-top:2px; }
.br-matchup-head>div:last-child b { color:#cbd4d9; }
.br-matchup-head>div>span { font-size:.5rem; color:#a1adb5; }
.br-vs { color:#84949e; font:italic 700 1rem/1 var(--display); }
.br-compare { padding:0 15px 9px; }
.br-compare>div { display:grid; grid-template-columns:20px 1fr 73px 1fr 20px; gap:7px; align-items:center; text-align:center; font-size:.55rem; color:#cbd4d9; margin:5px 0; }
.br-compare b { color:#f1f4f5; font:600 .6rem/1 var(--font); }
.br-mini-bar { height:3px; background:#090d10; }
.br-mini-bar i { display:block; height:100%; background:#a1adb5; }
.br-mini-bar.left i { margin-left:auto; background:#f1f4f5; }
@media(max-width:699px) {
  .br-compare { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:7px 10px 10px; }
  .br-compare>div { display:grid; grid-template-columns:1fr 1fr; gap:6px 0; margin:0; padding:7px 1px; border:1px solid #40505a; border-radius:4px; background:#11171b; }
  .br-compare .br-mini-bar { display:none; }
  .br-compare>div>span:not(.br-mini-bar) { grid-column:1/-1; grid-row:1; font-size:.43rem; line-height:1.2; }
  .br-compare>div>b { grid-row:2; font-size:.68rem; }
  .br-compare>div>b:last-child { color:#cbd4d9; }
  .br-compare>div>b:last-child::before { content:'/'; color:#40505a; margin-right:4px; }
}
.br-scout { border-top:1px solid #27333a; padding:0 12px; background:#11171b77; }
.br-scout summary { min-height:36px; display:flex; justify-content:space-between; align-items:center; font:600 .5rem/1 var(--font); letter-spacing:.1em; color:#cbd4d9; cursor:pointer; list-style:none; }
.br-scout p { font-size:.68rem; line-height:1.5; padding-bottom:10px; color:#f1f4f5; }
.br-strategy { margin:12px 0 0; }
.br-strategy .br-section-head>span { font-size:.55rem; color:var(--br-yellow); }
.br-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:7px; }
.br-options button { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:10px 4px; min-height:64px; border:1px solid #40505a; border-radius:6px; background:#182126; color:#cbd4d9; }
.br-options button b { font:700 .95rem/1 var(--display); white-space:nowrap; }
.br-options .br-icon { width:19px; height:19px; }
.br-options button[aria-pressed=true] { color:var(--br-yellow); background:#30331b; border-color:#abb83c; }
.br-selected-mark { display:none; position:absolute; top:3px; right:6px; font-size:.5rem; }
.br-options [aria-pressed=true] .br-selected-mark { display:block; }
.br-play { margin-top:13px; }
.br-choice-section { margin:0; }
.br-choice-section h1 { font-size:2.6rem; margin:5px 0 8px; }
.br-choice-section>p:not(.br-eyebrow) { font-size:.67rem; line-height:1.5; color:#cbd4d9; }
.br-route-grid,.br-draft-grid { display:grid; gap:10px; margin-top:16px; }
.br-route-card,.br-draft-card { position:relative; min-width:0; text-align:left; color:var(--br-ink); padding:16px; background:linear-gradient(115deg,#182126,#11171b); border:1px solid #40505a; border-radius:9px; }
.br-route-card:hover,.br-draft-card:hover { border-color:var(--br-yellow); }
.br-route-card.danger { background:linear-gradient(115deg,#352130,#11171b); border-color:#774655; }
.br-route-card .br-eyebrow { color:#f1f4f5; font-size:.5rem; }
.br-route-card.danger .br-eyebrow { color:#e4aaa7; }
.br-route-card h2 { font-size:1.6rem; margin:5px 0; }
.br-route-card>p { font-size:.65rem; color:#a1adb5; line-height:1.5; }
.br-route-card>div { display:flex; gap:15px; align-items:center; justify-content:space-between; margin-top:12px; padding-top:10px; border-top:1px solid #40505a; }
.br-route-card>div b,.br-route-card>div strong { font:700 1.5rem/1 var(--display); }
.br-route-card>div strong { color:var(--br-yellow); }
.br-route-card>div small { font:500 .5rem/1 var(--font); color:#a1adb5; margin-left:5px; }
.br-route-opponent { display:block; font-size:.57rem; color:#cbd4d9; margin-top:8px; }
.br-draft-card { display:grid; grid-template-columns:30px 1fr 16px; gap:4px 12px; padding:14px; }
.br-power-icon { grid-row:1/4; align-self:center; font-size:1.8rem; color:#cbd4d9; }
.br-draft-card .br-eyebrow,.br-draft-card h2,.br-draft-card>p { grid-column:2; }
.br-draft-card h2 { font-size:1.4rem; }
.br-draft-card>p { font-size:.67rem; color:#cbd4d9; line-height:1.5; }
.br-take { grid-column:3; grid-row:1/4; align-self:center; overflow:hidden; font-size:0; }
.br-take::after { content:'+'; color:var(--br-yellow); font-size:1.3rem; }
.br-training { display:grid; gap:8px; margin-top:16px; }
.br-training button { display:grid; grid-template-columns:1fr auto; align-items:center; gap:5px; min-height:60px; padding:12px 16px; border:1px solid #40505a; border-radius:7px; background:#182126; color:#f1f4f5; text-align:left; }
.br-training strong { font:700 1.25rem/1 var(--display); }
.br-training span { color:var(--br-yellow); font:700 1.3rem/1 var(--display); }
.br-training small { display:none; }

/* Replay and result panels retain every score, event and payout. */
.br-live { border:1px solid #40505a; border-radius:10px; overflow:hidden; background:#11171b; text-align:center; }
.br-scoreboard { display:grid; grid-template-columns:1fr 45px 1fr; gap:10px; padding:17px 12px; background:linear-gradient(100deg,#27333a,#11171b); }
.br-scoreboard>div { display:flex; flex-direction:column; gap:7px; }
.br-scoreboard>div>span { font-size:.54rem; color:#cbd4d9; min-height:20px; }
.br-scoreboard b { font:800 4.1rem/.95 var(--display); color:#f1f4f5; }
.br-scoreboard>div:last-child b { color:#cbd4d9; }
.br-score-target { align-self:center; font:700 .56rem/1.6 var(--font); color:var(--br-yellow); }
.br-court { position:relative; aspect-ratio:2.1; border-block:1px solid #40505a; background:radial-gradient(ellipse at center,#27333a,#11171b); overflow:hidden; }
.br-court-lines { width:100%; height:100%; fill:none; stroke:#cbd4d9; stroke-opacity:.2; stroke-width:2; }
.br-court-player { position:absolute; top:36%; width:31px; height:31px; border-radius:50%; display:grid; place-items:center; border:1px solid #cbd4d9; color:#f1f4f5; background:#40505a; font:700 .47rem/1 var(--font); }
.br-court-player.you { left:20%; }.br-court-player.rival { right:20%; }
.br-moving-ball { position:absolute; top:43%; left:32%; width:20px; height:20px; transition:left .16s,top .16s; }
.br-moving-ball svg { width:100%; height:100%; fill:var(--br-yellow); stroke:#272216; stroke-width:1.5; }
.br-court[data-side="1"] .br-moving-ball { left:64%; }
.br-court[data-kind=basket][data-side="0"] .br-moving-ball { left:86%; top:44%; }
.br-court[data-kind=basket][data-side="1"] .br-moving-ball { left:8%; top:44%; }
.br-event { position:absolute; bottom:12%; left:4%; width:92%; color:var(--br-yellow); font:800 1.4rem/1 var(--display); text-shadow:0 2px 10px #090d10; }
.br-court[data-kind=miss] .br-event { color:#cbd4d9; }
.br-court[data-kind=steal] .br-event,.br-court[data-kind=rebound] .br-event { color:#b4e5b1; }
.br-energy { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:18px 14px; }
.br-energy>span { position:relative; font-size:.46rem; text-align:left; color:#a1adb5; border-bottom:3px solid #27333a; padding-bottom:8px; }
.br-energy b { float:right; color:#f1f4f5; }
.br-energy i { position:absolute; bottom:-3px; left:0; height:3px; background:#cbd4d9; transition:width .15s; }
.br-energy>span:last-child i { background:#84949e; }
.br-live-note { display:none; }
.br-link { background:none; border:0; color:#cbd4d9; text-decoration:underline; text-underline-offset:4px; font-size:.65rem; min-height:44px; padding:10px; }
.br-result { text-align:center; }
.br-result h1 { font-size:2.7rem; margin:6px 0 15px; }
.br-final-score { display:grid; grid-template-columns:1fr 20px 1fr; align-items:center; gap:12px; padding:17px; background:linear-gradient(110deg,#27333a,#11171b); border:1px solid #40505a; border-radius:8px; }
.br-final-score>span { display:flex; flex-direction:column; gap:8px; }
.br-final-score small { font-size:.55rem; color:#cbd4d9; min-height:18px; }
.br-final-score b { font:800 3.4rem/1 var(--display); color:#f1f4f5; }
.br-final-score>span:last-child b { color:#cbd4d9; }
.br-final-score>i { color:#84949e; font-style:normal; }
.br-match-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:15px 0; }
.br-match-stats>span { color:#a1adb5; font-size:.45rem; }
.br-match-stats b { display:block; color:#f1f4f5; font:700 1.4rem/1 var(--display); margin-bottom:6px; }
.br-payout { padding:12px; border:1px solid #27333a; border-radius:6px; background:#11171b; }
.br-payout>span,.br-payout>strong { display:flex; justify-content:space-between; align-items:center; gap:10px; color:#cbd4d9; font-size:.65rem; line-height:1.6; }
.br-payout>strong { border-top:1px solid #27333a; margin-top:7px; padding-top:8px; color:var(--br-yellow); font-size:.5rem; letter-spacing:.08em; }
.br-payout>strong>b { font:700 1.8rem/1 var(--display); }
.br-fine { font-size:.56rem; line-height:1.5; color:#a1adb5; margin:10px 0!important; }
.br-play-log { text-align:left; }
.br-play-log ol { max-height:220px; overflow:auto; padding:0; list-style:none; margin:0; }
.br-play-log li { display:flex; gap:8px; border-top:1px solid #27333a; font-size:.55rem; padding:8px 0; }
.br-play-log li>span { width:35px; color:#f1f4f5; flex:none; }
.br-play-log li>b { margin-left:auto; color:#f1f4f5; }

@keyframes br-enter { from { opacity:.5; transform:translateY(5px); } to { opacity:1; transform:none; } }
@keyframes br-credit { from { opacity:0; translate:0 6px; } to { opacity:1; translate:0 0; } }
@keyframes br-upgrade { 0% { background:#626b2b; } 100% { background:#182126; } }
@keyframes br-number { 0% { transform:translateY(7px) scale(.9); } 60% { transform:translateY(-2px) scale(1.12); } 100% { transform:none; } }
@keyframes br-court-pulse { 0% { box-shadow:0 0 0 10px #e5ff0044; transform:scale(1.2); } 100% { box-shadow:0 0 0 3px #e5ff0010; transform:none; } }
@keyframes br-achievement { 0% { opacity:0; transform:translateX(-8px); } 60% { box-shadow:0 0 20px #d5cd5533; } 100% { opacity:1; transform:none; } }
.br-pulse { animation:br-number .35s ease-out; }
@media(min-width:700px) {
  .br-page { border-inline:1px solid #27333a; box-shadow:0 20px 120px #0007; }
  .br-content { padding:24px 30px 100px; }
  .br-top { padding-inline:24px; min-height:76px; }
  .br-wordmark { font-size:1.8rem; }
  .br-map li>span { width:30px; height:30px; }
  .br-ready h1 { font-size:3.4rem; }
  .br-upgrade { padding:16px; }
  .br-upgrade-title h3 { font-size:1.2rem; }
  .br-all-upgrades { grid-template-columns:repeat(3,1fr); }
  .br-all-upgrades>article:last-child:nth-child(odd) { display:block; grid-column:auto; }
  .br-all-upgrades>article:last-child .br-upgrade-value { margin:7px 0 9px; }
  .br-route-grid { grid-template-columns:1fr 1fr; }
  .br-route-card>div { flex-wrap:wrap; }
  .br-compare>div { font-size:.68rem; grid-template-columns:24px 1fr 88px 1fr 24px; margin:7px 0; }
  .br-options button { flex-direction:row; min-height:60px; }
  .br-court { max-height:245px; }
}
@media(max-width:359px) {
  .br-top { gap:7px; padding-inline:12px; grid-template-columns:26px 1fr 37px auto; }
  .br-wordmark { font-size:1.35rem; }
  .br-wordmark small { font-size:.38rem; }
  .br-wallet { font-size:1.5rem; min-width:45px; }
  .br-content { padding:12px 12px 82px; }
  .br-progress { margin-bottom:12px; padding-bottom:12px; }
  .br-upgrade { padding:10px; }
  #br-panel-baller .br-panel-heading { margin:0 0 8px; }
  #br-panel-baller .br-panel-heading h1 { font-size:2rem; }
  #br-panel-baller .br-inline-note { margin-bottom:9px!important; font-size:.6rem; }
  .br-all-upgrades .br-upgrade { padding:8px; }
  .br-all-upgrades .br-upgrade-value { margin:4px 0 6px; }
  .br-all-upgrades .br-upgrade-value>b { font-size:1.7rem; }
  .br-all-upgrades .br-buy { padding:9px 10px; }
  .br-upgrade-title { gap:5px; }
  .br-upgrade-title h3 { font-size:.92rem; }
  .br-all-upgrades>article:last-child:nth-child(odd) { grid-template-columns:1fr auto; gap:8px; }
  .br-all-upgrades>article:last-child .br-buy { grid-column:1/-1; }
  .br-all-upgrades>article:last-child .br-upgrade-value>b { font-size:1.5rem; }
  .br-options button { min-height:59px; }
  .br-options button b { font-size:.86rem; }
  .br-page h1 { font-size:2.4rem; }
  .br-end h1 { font-size:2.7rem; }
  .br-end .br-earned { margin:9px 0; }
  .br-end .br-earned>b { font-size:3rem; }
  .br-panel:has(.br-end) .br-upgrade-value { margin:5px 0 7px; }
}
@media(prefers-reduced-motion:reduce) {
  .br-page *, .br-page *::before, .br-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

@media(max-width:700px) and (max-height:650px) {
  .br-top { min-height:60px; padding-block:6px; }
  .br-progress { padding-bottom:9px; margin-bottom:10px; }
  .br-map { margin-top:6px; }
  .br-options button { min-height:44px; flex-direction:row; gap:5px; padding:8px 4px; }
  .br-options button b { font-size:.78rem; }
  .br-options .br-icon { width:15px; height:15px; }
  .br-matchup-head>div>span { display:none; }
  .br-scout summary { min-height:32px; }
  .br-end h1 { font-size:2.45rem; }
  .br-end .br-earned>b { font-size:2.7rem; }
  .br-record-banner { padding-block:6px; }
}

/* Shared arcade palette: icons and labels carry meaning alongside color. */
[data-tone=pink] { --tone:#ff4fb8; --tone-dim:#32182e; --tone-wash:#70254f; }
[data-tone=cyan] { --tone:#48dfff; --tone-dim:#142b36; --tone-wash:#1b576a; }
[data-tone=blue] { --tone:#6185ff; --tone-dim:#1c2341; --tone-wash:#304889; }
[data-tone=violet] { --tone:#b77bff; --tone-dim:#251e32; --tone-wash:#593d7c; }
[data-tone=steel] { --tone:#d0dbe1; --tone-dim:#27353d; --tone-wash:#526773; }
[data-tone=amber] { --tone:#ffb36b; --tone-dim:#30251c; --tone-wash:#715337; }
[data-tone=lime] { --tone:#e5ff00; --tone-dim:#292e16; --tone-wash:#5b6521; }
.br-wallet>b { font:inherit; }
.br-panel { animation:none; }
.br-upgrade { border-top:2px solid var(--tone); }
.br-upgrade-title>.br-icon { color:var(--tone); }
.br-upgrade-value strong { color:var(--tone); }
.br-progress { padding:0; margin-bottom:8px; border:0; }
.br-track { position:relative; padding:8px 0 4px; }
.br-track-line { position:absolute; left:6.25%; width:87.5%; height:2px; top:calc(50% + 2px); background:#40505a; }
.br-track-line>i { display:block; width:100%; height:100%; background:var(--br-yellow); transform:scaleX(calc(var(--position)/7)); transform-origin:left; }
.br-track-ball { position:absolute; z-index:3; width:calc(100%/7); height:1px; left:0; top:0; transform:translateX(calc(var(--position)*100%)); }
.br-track-ball>svg { position:absolute; width:21px; height:21px; left:-10.5px; top:-10px; fill:var(--br-yellow); stroke:#30381b; stroke-width:1.8; filter:drop-shadow(0 0 5px #e5ff0044); }
.br-map { margin:0; }
.br-map li::before { display:none; }
.br-map li>span { width:28px; height:28px; background:#11171b; }
.br-map .current>span { background:#222b15; box-shadow:0 0 0 3px #e5ff0012; }
.br-map .done>span { background:#28311b; color:var(--br-yellow); border-color:#81913b; }
.br-map .boss>span { border-radius:7px; border-color:#76623c; color:#c7b874; }
.br-map .training>span,.br-map .power>span { border-color:var(--br-purple); background:#312044; }
.br-map .stakes>span { border-color:var(--br-pink); background:#361d31; }
.br-track:has(.current.done) .br-track-ball>svg { transform:translateY(-17px) scale(.65); }
.br-track.is-travelling .br-track-ball { animation:br-travel .64s cubic-bezier(.35,0,.25,1) both; }
.br-track.is-travelling .br-track-line>i { animation:br-track-fill .64s cubic-bezier(.35,0,.25,1) both; }
.br-track.is-travelling .just-reached>span { animation:br-arrive .26s .52s ease-out both; }
.br-track:not(.is-travelling) .just-reached>span { animation:br-arrive .3s ease-out; }
.br-hud { position:relative; padding:0 0 10px; margin:0 0 12px; border-bottom:1px solid #27333a; }
.br-hud-rail { display:flex; align-items:center; gap:6px; overflow-x:auto; padding:2px 1px; scrollbar-width:none; overscroll-behavior-x:contain; }
.br-hud-rail::-webkit-scrollbar { display:none; }
.br-power { display:flex; align-items:center; flex:none; gap:6px; min-height:44px; padding:7px 10px; border:1px solid var(--tone-wash); background:var(--tone-dim); color:var(--tone); border-radius:7px; font:700 .78rem/1 var(--display)!important; text-transform:uppercase; transition:background .14s,transform .14s; }
.br-power>.br-icon { width:18px; height:18px; }
.br-power:active { transform:scale(.95); }
.br-power[aria-expanded=true] { border-color:var(--tone); background:var(--tone-wash); color:#fff; }
.br-boost { border-style:dashed; }
.br-boost>small { font:700 .4rem/1 var(--font); border-left:1px solid var(--tone); padding-left:5px; opacity:.8; }
.br-power.is-new { animation:br-power-enter .34s .12s ease-out both; }
.br-hud-empty { display:flex; align-items:center; gap:6px; color:#cbd4d9; min-height:23px; font:700 .57rem/1 var(--font); white-space:nowrap; }
.br-hud-empty .br-icon { width:14px; height:14px; color:var(--br-purple); }
.br-hud-empty small { font:400 .52rem/1 var(--font); color:#a1adb5; }
.br-power-detail { position:absolute; top:calc(100% - 2px); left:0; right:0; z-index:25; border:1px solid var(--tone); border-radius:8px; background:#11171b; box-shadow:0 14px 35px #000b; padding:14px 46px 14px 14px; animation:br-enter .14s ease-out; }
.br-power-detail>strong { font:700 1.15rem/1 var(--display); text-transform:uppercase; color:var(--tone); }
.br-power-detail>p { font-size:.7rem; line-height:1.5; margin-top:6px; color:#f1f4f5; }
.br-power-detail>small { display:block; margin-top:9px; font:700 .47rem/1 var(--font); color:#a1adb5; letter-spacing:.09em; }
.br-power-detail>button { position:absolute; top:0; right:0; width:44px; height:44px; border:0; background:none; color:#f1f4f5; font-size:1.4rem; }
.br-combo { display:flex; align-items:center; gap:8px; border:1px solid var(--tone); background:var(--tone-dim); color:var(--tone); padding:8px 10px; border-radius:7px; position:absolute; top:100%; left:0; right:0; z-index:10; box-shadow:0 10px 30px #000a; animation:br-combo-in 2.3s ease both; pointer-events:none; }
.br-combo small { display:block; font:700 .45rem/1 var(--font); letter-spacing:.16em; margin-bottom:3px; }
.br-combo b { font:700 1.1rem/1 var(--display); }
.br-flying-power { position:fixed; z-index:100; display:grid; place-items:center; width:44px; height:44px; color:var(--tone); border:1px solid var(--tone); border-radius:12px; background:var(--tone-dim); box-shadow:0 0 24px var(--tone-wash); pointer-events:none; }
.br-flying-power>.br-icon { width:26px; height:26px; }
.br-options button { transition:background .16s,border-color .16s,color .16s,transform .12s; }
.br-options button[aria-pressed=true] { color:var(--tone); background:var(--tone-dim); border-color:var(--tone); box-shadow:inset 0 -2px 0 var(--tone-wash); }
.br-options button:active { transform:scale(.96); }
.br-selected-mark { font-size:.6rem; }
.br-options button[data-value=three] .br-icon { filter:drop-shadow(0 0 5px #ff4fb833); }
.br-training button { grid-template-columns:24px 1fr auto; border-left:3px solid var(--tone); padding:10px 12px; }
.br-training button>.br-icon,.br-training button>span { color:var(--tone); }
.br-training button:active,.br-route-card:active { transform:scale(.98); }
.br-route-card { border-top:2px solid var(--tone); transition:transform .15s,border-color .15s; }
.br-route-card h2 { display:flex; align-items:center; gap:7px; }
.br-route-card h2>.br-icon { color:var(--tone); width:22px; height:22px; }
.br-reward h1 { font-size:2.65rem; max-width:390px; }
.br-reward-label { display:flex; justify-content:space-between; align-items:center; margin-top:13px; }
.br-reward-label>b { font:700 .6rem/1 var(--font); letter-spacing:.14em; color:var(--br-yellow); }
.br-reward-label>span { font:500 .47rem/1 var(--font); color:#a1adb5; }
.br-draft-grid { margin-top:10px; gap:9px; }
.br-draft-card { grid-template-columns:42px 1fr 14px; gap:4px 10px; padding:13px 12px; min-height:100px; border:1px solid var(--tone-wash); border-left:3px solid var(--tone); background:linear-gradient(110deg,var(--tone-dim),#11171b 78%); overflow:hidden; animation:br-reward-enter .28s calc(var(--order)*65ms) both; transition:border-color .14s,transform .14s,opacity .14s; }
.br-draft-card .br-eyebrow { font-size:.46rem; color:var(--tone); letter-spacing:.14em; }
.br-draft-card h2 { font-size:1.55rem; color:#f1f4f5; }
.br-draft-card>p { font-size:.65rem; line-height:1.4; color:#cbd4d9; }
.br-power-icon { display:grid; place-items:center; width:40px; height:44px; border:1px solid var(--tone-wash); border-radius:9px; background:var(--tone-dim); color:var(--tone); transform:rotate(-5deg); }
.br-power-icon>.br-icon { width:25px; height:25px; }
.br-take { font:500 1.3rem/1 var(--font); color:var(--tone); }
.br-take::after { content:none; }
.br-combo-hint { grid-column:2/4; font:700 .46rem/1.3 var(--font); color:var(--tone); margin-top:4px; letter-spacing:.02em; }
.br-draft-card.is-picked { animation:none; border-color:var(--tone); transform:scale(1.025); box-shadow:0 0 25px var(--tone-dim); }
.br-draft-card.is-dismissed { animation:none; transform:translateX(12px) scale(.96); opacity:0; }
.br-draft-card:focus-visible { outline-color:var(--tone); }
@media(hover:hover) {
  .br-options button:hover { border-color:var(--tone); }
  .br-draft-card:hover { border-color:var(--tone); transform:translateX(3px); }
  .br-power:hover { border-color:var(--tone); }
}

/* A readable broadcast layer over a light SVG court. */
.br-live { background:#11171b; border-color:#40505a; }
.br-live-heading { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:0 9px; font:700 .45rem/1 var(--font); letter-spacing:.06em; color:#a1adb5; }
.br-live-heading>.br-link { font:600 .5rem/1 var(--font); padding:0 4px; text-decoration:none; color:#f1f4f5; white-space:nowrap; }
.br-live-heading>span::before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--br-pink); margin-right:5px; }
.br-live-heading>b { color:var(--br-yellow); }
.br-scoreboard { padding:10px 12px 12px; background:none; }
.br-scoreboard b { color:#f1f4f5; font-variant-numeric:tabular-nums; font-size:3.5rem; }
.br-scoreboard>div:last-child b { color:#f1f4f5; }
.br-scoreboard>div>span { min-height:14px; font-size:.5rem; }
.br-score-target { font:italic 700 1rem/1 var(--display); color:#84949e; }
.br-court { aspect-ratio:600/310; background:radial-gradient(ellipse at 50% 55%,#40505a,#11171b 75%); border-color:#40505a; }
.br-court::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 30px,#f1f4f504 31px,#f1f4f504 32px); pointer-events:none; }
.br-court-lines { stroke:#f1f4f5; stroke-opacity:.32; }
.br-court-action { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.br-flight-path { fill:none; stroke:var(--tone); stroke-width:3; stroke-linecap:round; stroke-dasharray:6 7; opacity:.3; }
.br-hoop-light { fill:none; stroke:var(--br-pink); stroke-width:3; opacity:0; }
.br-player-token circle { fill:#28311d; stroke:var(--br-yellow); stroke-width:2; }
.br-player-token text { font:700 10px var(--font); text-anchor:middle; fill:#e9f8c5; }
.br-player-token path { stroke:var(--br-yellow); stroke-width:3; stroke-linecap:round; }
.br-player-token.rival circle { fill:#27333a; stroke:#cbd4d9; }
.br-player-token.rival text { fill:#f1f4f5; }.br-player-token.rival path { stroke:#cbd4d9; }
.br-shot-points { fill:var(--br-pink); text-anchor:middle; font:800 37px var(--display); opacity:0; }
.br-impact { stroke:var(--br-cyan); stroke-width:4; fill:none; opacity:0; }
.br-event-strip { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:5px 8px; padding:10px 12px; min-height:60px; text-align:left; background:var(--tone-dim); border-bottom:1px solid var(--tone-wash); transition:background .14s; }
.br-event-strip>small { font:700 .42rem/1 var(--font); color:#cbd4d9; }
.br-event-strip>strong { font:800 clamp(.95rem,3.5vw,1.35rem)/1 var(--display); color:var(--tone); text-align:right; }
.br-event-strip>span { grid-column:1/-1; min-height:10px; color:#cbd4d9; font:500 .46rem/1.3 var(--font); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.br-energy { padding:14px 12px 18px; gap:18px; }
.br-energy i { background:var(--br-purple); }
.br-live.is-clutch { border-color:#968a46; box-shadow:0 0 20px #e5ff000a; }
.br-live.is-clutch [data-clutch] { padding:4px 6px; margin:-4px -6px; border-radius:3px; background:#3b3b1b; }
.br-victory-stamp { display:inline-flex; align-items:center; gap:7px; color:var(--br-yellow); font:700 .55rem/1 var(--font); letter-spacing:.12em; }
.br-victory-stamp>.br-icon { width:19px; height:19px; }
.br-result.win h1 { animation:br-victory .34s ease-out; font-size:3.1rem; margin:7px 0 12px; }
.br-final-score { padding:12px; background:linear-gradient(110deg,#182126,#11171b); border-color:#514250; }
.br-final-score>span:first-child>b { color:var(--br-yellow); }
.br-final-score small { min-height:12px; }
.br-victory-reward { display:flex; align-items:center; gap:14px; justify-content:space-between; padding:16px 0 7px; text-align:left; }
.br-victory-reward>div>b { display:block; color:var(--br-yellow); font:800 2.6rem/1 var(--display); }
.br-victory-reward>div>span { font:600 .42rem/1 var(--font); color:#cbd4d9; }
.br-victory-reward>p { display:flex; align-items:center; gap:6px; max-width:48%; color:var(--br-purple); }
.br-victory-reward>p>span { font-size:.54rem; line-height:1.6; color:#cbd4d9; }
.br-victory-reward strong { display:block; font:700 .85rem/1.2 var(--display); color:#f1f4f5; }
.br-end.eliminated h1 { color:#fff0fa; animation:br-elimination .28s ease-out; }
.br-end.eliminated h1 em { color:var(--br-pink); }
.br-end.eliminated { border-left:3px solid var(--br-pink); padding-left:12px; background:linear-gradient(95deg,#ff4fb80a,transparent 80%); }
.br-end.champion { padding:12px; border:1px solid #e5ff004f; border-radius:8px; background:linear-gradient(120deg,#e5ff0010,#11171b); }
.br-earned[data-zero=true]>b { color:#cbd4d9; }
.br-record-banner { border-color:#e5ff005c; background:linear-gradient(105deg,#e5ff0010,#182126); color:var(--br-yellow); }
.br-panel:has(.br-end) .br-quick { animation:br-enter .3s .1s both; }
@keyframes br-travel { from { transform:translateX(calc(var(--from)*100%)); } to { transform:translateX(calc(var(--position)*100%)); } }
@keyframes br-track-fill { from { transform:scaleX(calc(var(--from)/7)); } to { transform:scaleX(calc(var(--position)/7)); } }
@keyframes br-arrive { 0% { transform:scale(.9); } 55% { transform:scale(1.22); box-shadow:0 0 0 8px #e5ff0020; } 100% { transform:scale(1); box-shadow:0 0 0 3px #e5ff0012; } }
@keyframes br-power-enter { from { opacity:0; transform:translateY(7px) scale(.8); } 70% { opacity:1; transform:translateY(-2px) scale(1.04); } to { opacity:1; transform:none; } }
@keyframes br-reward-enter { from { opacity:0; transform:translateY(14px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes br-combo-in { 0% { opacity:0; transform:translateY(-5px); } 12%,80% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-5px); visibility:hidden; } }
@keyframes br-victory { from { opacity:.2; transform:scale(.92) skewX(-6deg); } 65% { transform:scale(1.035); } to { opacity:1; transform:none; } }
@keyframes br-elimination { from { opacity:.3; transform:translateX(-7px); } to { opacity:1; transform:none; } }
@media(min-width:700px) {
  .br-hud { margin-bottom:16px; }
  .br-draft-card { padding:17px; min-height:110px; }
  .br-draft-card h2 { font-size:1.8rem; }
  .br-draft-card>p { font-size:.75rem; }
  .br-live .br-court { max-height:none; }
}
@media(max-width:359px) {
  .br-hud-empty { font-size:.5rem; gap:5px; }.br-hud-empty small { font-size:.47rem; }
  .br-reward h1 { font-size:2.15rem; }.br-reward-label { margin-top:10px; }
  .br-draft-card { min-height:94px; padding:11px 10px; grid-template-columns:34px 1fr 12px; gap:4px 8px; }
  .br-power-icon { width:32px; height:38px; }.br-power-icon>.br-icon { width:22px; height:22px; }
  .br-draft-card h2 { font-size:1.4rem; }.br-draft-card>p { font-size:.6rem; }
  .br-end.eliminated { padding-left:9px; }.br-end.eliminated h1 { font-size:2.5rem; }
  .br-victory-reward { gap:8px; }.br-victory-reward>p>.br-icon { width:16px; }
}
@media(max-width:700px) and (max-height:650px) {
  .br-hud { padding-bottom:5px; margin-bottom:8px; }.br-progress { margin-bottom:4px; }
  .br-track { padding:5px 0 3px; }.br-map li>span { width:25px; height:25px; }
  .br-matchup-head { padding:7px 10px 3px; }.br-matchup-head b { font-size:1.7rem; }
  .br-compare { padding:4px 7px 7px; }.br-compare>div { padding:5px 1px; }
  .br-strategy { margin-top:4px; }.br-options { margin-top:5px; }.br-play { margin-top:8px; }
  .br-result.win h1 { font-size:2.7rem; }.br-final-score b { font-size:2.8rem; }
  .br-victory-reward { padding-top:10px; }.br-scoreboard b { font-size:2.8rem; }
}
@media(prefers-reduced-motion:reduce) {
  .br-page *, .br-page *::before, .br-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .br-combo { position:static; margin-top:6px; box-shadow:none; }
}
@media(max-width:359px) and (max-height:650px) {
  .br-end { display:grid; grid-template-columns:1fr auto; gap:6px 8px; }
  .br-end>.br-eyebrow { display:none; }
  .br-end h1,.br-end .br-record-banner { grid-column:1/-1; }
  .br-end.eliminated h1 { font-size:2.4rem; margin:2px 0; }
  .br-end .br-run-totals { flex-direction:column; align-items:flex-start; gap:4px; }
  .br-end .br-run-totals>i { display:none; }
  .br-end .br-run-totals b { font-size:1.2rem; }
  .br-end .br-earned { margin:0; gap:6px; }
  .br-end .br-earned>b { font-size:2.6rem; }
  .br-end .br-earned>span { font-size:.43rem; }
  .br-end .br-record-banner { padding:5px 8px; }
  .br-end .br-record-banner>.br-icon { width:18px; height:18px; }
  .br-end .br-record-banner>span { display:flex; align-items:center; flex-wrap:wrap; gap:3px 7px; font-size:.42rem; }
  .br-end .br-record-banner strong { font-size:.8rem; margin:0; }
  .br-panel:has(.br-end) .br-quick { margin:4px 0; }
  .br-panel:has(.br-end) .br-upgrade { padding:8px; }
  .br-panel:has(.br-end) .br-upgrade-value { margin:3px 0 5px; }
  .br-panel:has(.br-end) .br-upgrade-value>b { font-size:1.6rem; }
  .br-panel:has(.br-end) .br-upgrade-value strong { font-size:1.2rem; }
  .br-panel:has(.br-end) .br-action { margin:9px 0; }
}

/* Neutral menu surfaces let the gameplay colors carry the emphasis. */
.br-top { background:#0c1115f5; }
.br-tabs { background:#10171bf5; border-color:#354149; }
.br-tabs button { color:#a6b2b9; transition:color .16s; }
.br-tabs button[aria-selected=true] { background:linear-gradient(#e5ff0006,transparent); }
.br-tabs .br-icon { transition:transform .18s; }
.br-tabs button[aria-selected=true] .br-icon { transform:translateY(-1px); }
.br-nav-track { left:8px; transform:translateX(calc(var(--tab)*100%)); transition:transform .24s cubic-bezier(.2,.8,.2,1); }
.br-matchup { background:linear-gradient(130deg,#1c272c,#141c20); border-color:#394850; }
.br-matchup-head>div:first-child b { color:var(--br-ink); }
.br-matchup-head>div:last-child b,.br-compare>div>b:last-child { color:var(--br-rival); }
.br-mini-bar { background:#0a1115; }
.br-mini-bar i { background:var(--br-rival); transform-origin:left; }
.br-mini-bar.left i { background:#e1e9ec; transform-origin:right; }
.br-compare>div { border-color:#2d3941; }
.br-options button { background:#151e23; border-color:#35424a; color:#bfccd2; }
.br-options button[aria-pressed=true] { background:linear-gradient(125deg,var(--tone-dim),#121a20); }
.br-options button[aria-pressed=true] .br-selected-mark { animation:br-check-in .18s ease-out; }
.br-upgrade { background:linear-gradient(140deg,#1c272c,#131b20); border-inline-color:#36434b; border-bottom-color:#36434b; }
.br-buy:disabled { background:#192126; border-color:#3d4950; color:#86959e; }
.br-rating-medal { background:#202b23; border-color:#667446; }
.br-rating-medal b,.br-title-count { color:var(--br-yellow); }
.br-rating-medal small { color:#aab6ab; }
.br-record-grid>div { background:linear-gradient(130deg,#1b252b,#121b20); border:1px solid #35424a; border-left:2px solid var(--tone); }
.br-record-grid b { color:var(--br-ink); }
.br-record-grid span { color:#b6c3cb; }
.br-history-track i { background:#91a46a; transform-origin:left; }
.br-route-card,.br-route-card.danger { background:linear-gradient(115deg,#1d282e,#131b20); border-inline-color:#3c494f; border-bottom-color:#3c494f; }
.br-route-card .br-eyebrow { color:var(--tone); }
.br-route-card.danger .br-eyebrow { color:var(--br-pink); }
.br-training button { background:#172127; border-color:#35434c; border-left-color:var(--tone); transition:transform .14s,opacity .14s,border-color .14s; }
.br-draft-card { background:linear-gradient(115deg,var(--tone-dim),#151d22 60%); }
.br-power { background:linear-gradient(120deg,var(--tone-dim),#151d22); }
.br-hud-empty,.br-hud-empty small { color:#95a6b0; }
.br-hud-empty .br-icon { color:#aebec7; }
.br-choice-section.is-resolving .is-picked { transform:scale(1.018); border-color:var(--tone); box-shadow:inset 0 0 0 1px var(--tone); }
.br-choice-section.is-resolving button:not(.is-picked) { opacity:.3; transform:translateY(4px); }
.br-ready>div>.br-icon { color:#cadc88; }
.br-help[open]>:not(summary),.br-history[open]>:not(summary) { animation:br-enter .18s ease-out both; }
.br-help summary>span,.br-history summary>span { transition:color .15s; }
.br-help[open] summary,.br-history[open] summary { color:var(--br-ink); }
.br-help[open] summary>span,.br-history[open] summary>span { color:var(--br-yellow); }
.br-live { background:#10181d; border-color:#3b4b54; }
.br-scoreboard>div:last-child b,.br-final-score>span:last-child b { color:var(--br-rival); }
.br-court { background:radial-gradient(ellipse at 50% 55%,#273835,#121c20 78%); border-color:#3e514d; }
.br-court::before { background:repeating-linear-gradient(0deg,transparent,transparent 30px,#dcebd804 31px,#dcebd804 32px); }
.br-court-lines { stroke:#c3d5c4; stroke-opacity:.3; }
.br-player-token.rival circle { fill:#3b2a1c; stroke:var(--br-rival); }
.br-player-token.rival text { fill:#ffe0bd; }.br-player-token.rival path { stroke:var(--br-rival); }
.br-event-strip { background:#121b20; border-color:#2f3e46; border-left:3px solid var(--tone); transition:border-color .12s; }
.br-final-score { background:linear-gradient(110deg,#222b22,#211e1a); border-color:#465046; }
.br-victory-reward>p { color:#c4d285; }.br-victory-reward strong { color:#dae7b1; }
.br-energy>span:last-child i { background:#827865; }
@keyframes br-check-in { from { opacity:0; transform:scale(.4) rotate(-25deg); } to { opacity:1; transform:none; } }
@media(hover:hover) {
  .br-route-card:hover,.br-training button:hover { border-color:var(--tone); transform:translateY(-2px); }
  .br-buy:enabled:hover { color:#f2ffc0; border-color:var(--br-yellow); }
  .br-primary:hover .br-icon,.br-primary:hover>span:last-child:not(:first-child) { transform:translateX(2px); }
}
.br-primary>.br-icon,.br-primary>span:last-child:not(:first-child) { transition:transform .14s; }
/* Park graphics: jersey crests, court diagrams and stamped progression. */
.br-content { overflow-x:clip; overflow-clip-margin:4px; }
.br-page { background:radial-gradient(ellipse at 100% 0,#40574a12,transparent 35%),linear-gradient(160deg,#10171b,#090d10 55%); }
.br-wordmark { position:relative; width:fit-content; }
.br-wordmark::after { content:''; position:absolute; width:22px; height:3px; background:repeating-linear-gradient(110deg,var(--br-yellow) 0 4px,transparent 4px 7px); bottom:-9px; left:0; opacity:.6; }
.br-jersey { width:42px; height:49px; color:var(--br-yellow); flex:none; overflow:visible; }
.br-jersey-body { fill:#242e20; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
.br-jersey-seam { fill:none; stroke:currentColor; stroke-width:1.3; opacity:.65; }
.br-jersey-stripe { fill:none; stroke:currentColor; stroke-width:3; opacity:.22; }
.br-jersey-tag { stroke:currentColor; stroke-width:2; opacity:.6; }
.br-jersey text { fill:currentColor; text-anchor:middle; font:800 20px var(--display); letter-spacing:1px; }
.br-court-print { width:140px; height:auto; color:var(--tone,var(--br-yellow)); pointer-events:none; flex:none; }
.br-court-base { fill:#0a1115; stroke:currentColor; stroke-width:.6; stroke-opacity:.3; }
.br-court-floor { fill:currentColor; fill-opacity:.06; stroke:currentColor; stroke-width:1; stroke-opacity:.6; }
.br-court-ink { fill:none; stroke:currentColor; stroke-width:1.1; stroke-linejoin:round; opacity:.65; }
.br-seal { width:70px; height:70px; color:var(--br-yellow); fill:none; stroke:currentColor; pointer-events:none; }
.br-seal-disc { fill:#20291b; stroke-width:1.5; }
.br-seal-ribbon { fill:#222c1d; stroke-width:1; stroke-opacity:.6; }
.br-seal-ring { stroke-width:1; stroke-dasharray:1 3; opacity:.65; }
.br-seal-mark { stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.br-seal-spark { stroke-width:1.2; opacity:.6; }
.br-matchup { position:relative; background:radial-gradient(ellipse at 0 0,#e5ff0006,transparent 45%),linear-gradient(130deg,#1c272c,#141c20); }
.br-matchup::before { content:''; position:absolute; width:54px; height:54px; left:calc(50% - 27px); top:16px; border:1px solid #87968c20; border-radius:50%; pointer-events:none; }
.br-matchup-head { position:relative; }
.br-identity { display:flex; align-items:center; justify-content:center; gap:9px; margin:3px 0; }
.br-identity>.br-jersey { width:30px; height:35px; transform:rotate(-6deg); }
.br-identity b { margin:0; }
.br-identity.rival { flex-direction:row-reverse; }
.br-identity.rival>.br-jersey { color:var(--br-rival); transform:rotate(6deg); }
.br-identity.rival .br-jersey-body { fill:#382a20; }
.br-matchup-head>div:last-child .br-identity b { color:var(--br-rival); }
.br-vs { position:relative; z-index:1; font-size:.85rem; }
.br-baller-heading { position:relative; min-height:88px; isolation:isolate; }
.br-baller-heading>.br-court-print { position:absolute; z-index:-1; width:190px; right:48px; bottom:-10px; opacity:.17; }
.br-player-kit { width:90px; height:86px; flex:none; position:relative; }
.br-player-kit>.br-jersey { width:62px; height:74px; transform:rotate(-7deg); position:absolute; left:0; top:1px; }
.br-player-kit>.br-rating-medal { position:absolute; bottom:0; right:0; padding:5px 7px; border-radius:4px; background:#20291af5; box-shadow:0 3px 8px #0005; }
.br-player-kit .br-rating-medal b { font-size:1.5rem; }
.br-player-kit .br-rating-medal small { font-size:.4rem; }
.br-upgrade-art { position:absolute; right:9px; top:33px; color:var(--tone); opacity:.09; transform:rotate(-15deg); pointer-events:none; }
.br-upgrade-art>.br-icon { width:60px; height:60px; stroke-width:1; }
.br-upgrade-title,.br-upgrade-value,.br-buy { position:relative; }
.br-attribute-meter { position:absolute; bottom:0; left:0; right:0; height:3px; background:repeating-linear-gradient(90deg,#8e9ca118 0,#8e9ca118 calc(10% - 2px),transparent calc(10% - 2px),transparent 10%); pointer-events:none; }
.br-attribute-meter>i { position:absolute; left:0; top:0; height:100%; width:var(--rating); background:var(--tone); opacity:.8; }
.br-attribute-meter>i:last-child { left:var(--rating); width:calc(var(--next-rating) - var(--rating)); background:#fff; opacity:.55; }
.br-upgrade.is-upgraded .br-attribute-meter { animation:br-meter-flash .5s ease-out; }
.br-all-upgrades>article:last-child:nth-child(odd)>.br-upgrade-art { top:-6px; right:135px; }
.br-title-count { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; width:70px; min-height:76px; flex:none; padding-bottom:6px; }
.br-title-count>.br-seal { position:absolute; inset:0; width:70px; height:76px; }
.br-title-count .br-seal-mark { display:none; }
.br-title-count>b,.br-title-count>small { position:relative; }
.br-title-count>b { font-size:1.7rem; }
.br-title-count>small { font-size:.4rem; letter-spacing:.1em; }
.br-record-grid>div { position:relative; overflow:hidden; }
.br-record-grid>div>.br-icon { position:absolute; width:32px; height:32px; bottom:12px; right:12px; color:var(--tone); opacity:.5; stroke-width:1.3; }
.br-record-grid>div>b { padding-right:35px; }
.br-record-grid>div::after { content:''; position:absolute; top:0; right:0; width:25px; height:3px; background:var(--tone); opacity:.4; }
.br-ready { position:relative; overflow:hidden; padding:12px 12px 10px; border:1px solid #354337; border-radius:8px; background:linear-gradient(115deg,#1b251c80,#121a1e); }
.br-ready>.br-court-print { position:absolute; width:155px; right:-9px; top:1px; opacity:.5; }
.br-ready>.br-eyebrow,.br-ready>div,.br-ready>p { position:relative; }
.br-ready h1 { font-size:2.5rem; max-width:80%; }
.br-ready p { margin-top:10px; font-size:.6rem; }
.br-ready p strong { padding-left:5px; background:#18221d; }
.br-route-card { overflow:hidden; }
.br-route-card>.br-court-print { position:absolute; top:4px; right:3px; width:94px; opacity:.7; }
.br-route-card>h2 { max-width:calc(100% - 70px); font-size:1.45rem; min-height:30px; }
.br-route-card>.br-eyebrow { display:block; padding-right:75px; }
.br-route-card>p,.br-route-card>div,.br-route-opponent { position:relative; }
.br-draft-card { border-radius:4px 10px 10px 4px; }
.br-draft-card::before { content:''; position:absolute; top:10px; bottom:10px; left:60px; border-left:1px dashed var(--tone); opacity:.18; pointer-events:none; }
.br-draft-card>.br-power-icon { border-radius:4px 11px 4px 11px; box-shadow:3px 3px 0 #0003,inset 0 0 0 3px #0002; }
.br-draft-card>.br-take { border:1px solid var(--tone-wash); border-radius:50%; width:22px; height:22px; display:grid; place-items:center; font-size:1rem; justify-self:end; }
.br-training-section { position:relative; }
.br-facility-mark { position:absolute; right:4px; top:0; width:58px; height:58px; display:grid; place-items:center; border:1px solid #40505a; color:#91a7b3; background:#1b252b; border-radius:12px; transform:rotate(5deg); pointer-events:none; }
.br-facility-mark>.br-icon { width:35px; height:35px; }
.br-training-section>h1 { padding-right:60px; }
.br-training button { position:relative; overflow:hidden; }
.br-training button::after { content:''; position:absolute; top:0; right:0; width:25px; height:3px; background:var(--tone); opacity:.5; }
.br-result,.br-end { position:relative; isolation:isolate; }
.br-result>.br-seal { position:absolute; right:0; top:0; width:66px; height:66px; opacity:.3; z-index:-1; transform:rotate(10deg); }
.br-end>.br-court-print { position:absolute; right:-7px; top:6px; width:150px; z-index:-1; opacity:.15; }
.br-end>.br-seal { position:absolute; right:4px; top:8px; width:75px; height:75px; z-index:-1; opacity:.3; transform:rotate(8deg); }
.br-record-banner { position:relative; overflow:hidden; }
.br-record-banner::after { content:''; position:absolute; right:9px; top:8px; width:24px; height:calc(100% - 16px); background:repeating-linear-gradient(120deg,#e5ff0018 0 3px,transparent 3px 7px); pointer-events:none; }
.br-court-lines .br-paint-zone { fill:#a8c992; fill-opacity:.07; stroke:none; }
.br-court-lines .br-court-brand { fill:#d6e5c9; fill-opacity:.18; stroke:none; font:800 26px var(--display); text-anchor:middle; letter-spacing:2px; }
.br-court-lines .br-sideline { stroke-opacity:.17; stroke-dasharray:3 7; }
@keyframes br-meter-flash { 0% { filter:brightness(2); } 100% { filter:brightness(1); } }
@media(min-width:700px) {
  .br-identity>.br-jersey { width:38px; height:44px; }
  .br-matchup::before { top:20px; }
  .br-baller-heading { min-height:102px; }.br-player-kit { height:98px; width:100px; }
  .br-player-kit>.br-jersey { width:72px; height:84px; }
  .br-ready h1 { font-size:3.2rem; }.br-ready>.br-court-print { width:190px; top:-10px; }
  .br-all-upgrades>article:last-child:nth-child(odd)>.br-upgrade-art { top:33px; right:9px; }
}
@media(max-width:359px) {
  .br-player-kit { width:68px; height:74px; }.br-player-kit>.br-jersey { width:52px; height:62px; }
  .br-baller-heading { min-height:74px; }.br-baller-heading>.br-court-print { width:130px; right:30px; }
  .br-player-kit>.br-rating-medal { padding:4px 5px; }.br-player-kit .br-rating-medal b { font-size:1.3rem; }
  .br-identity { gap:5px; }.br-identity>.br-jersey { width:25px; height:29px; }
  .br-upgrade-art>.br-icon { width:45px; height:45px; }
  .br-ready { padding:10px; }.br-ready h1 { font-size:2.3rem; }.br-ready>.br-court-print { width:115px; top:8px; opacity:.35; }
  .br-draft-card::before { left:46px; }
  .br-facility-mark { width:45px; height:45px; }.br-facility-mark>.br-icon { width:29px; height:29px; }
  .br-training-section>h1 { font-size:2.1rem; }
  .br-record-grid>div>.br-icon { width:25px; height:25px; right:9px; }.br-record-grid>div>b { padding-right:27px; }
}
@media(max-width:700px) and (max-height:650px) {
  .br-identity { margin:1px 0; }.br-identity>.br-jersey { width:23px; height:27px; }
  .br-matchup::before { width:36px; height:36px; left:calc(50% - 18px); top:12px; }
  .br-tabs button { min-height:56px; }
}
@media(max-width:359px) and (max-height:650px) {
  #br-panel-baller .br-baller-heading { min-height:48px; }
  #br-panel-baller .br-player-kit { height:48px; }
  #br-panel-baller .br-player-kit>.br-jersey { width:38px; height:45px; }
  #br-panel-baller .br-inline-note { margin-bottom:7px!important; }
  #br-panel-baller .br-all-upgrades .br-upgrade { padding:6px; }
  #br-panel-baller .br-upgrade-value { margin:1px 0 3px; }
  #br-panel-baller .br-upgrade-value>b { font-size:1.5rem; }
  #br-panel-baller .br-all-upgrades>article:last-child { grid-template-columns:1fr auto 100px; gap:6px; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-upgrade-title h3 { font-size:.82rem; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-upgrade-title>.br-icon { width:14px; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-buy { grid-column:auto; padding-inline:6px; font-size:.72rem; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-buy>span { padding-right:6px; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-upgrade-value { gap:3px; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-upgrade-value>b { font-size:1.3rem; }
  #br-panel-baller .br-all-upgrades>article:last-child .br-upgrade-value strong { font-size:1.1rem; }
  #br-panel-baller .br-action { margin:7px 0; }
  #br-panel-baller .br-primary { min-height:50px; padding-block:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .br-page *, .br-page *::before, .br-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* A contained game stage: the world stays put while screens and decisions change. */
html:has(.br-page),body:has(.br-page) { height:100%; overflow:hidden; overscroll-behavior:none; }
.br-page { position:relative; isolation:isolate; display:flex; flex-direction:column; height:100dvh; min-height:0; overflow:hidden; }
.br-page:fullscreen { width:100%; max-width:760px; height:100dvh; margin:auto; }
.br-world { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at 50% 40%,#5d79521a,transparent 62%); }
.br-world>.br-court-lines { width:145%; height:75%; position:absolute; left:-22.5%; top:18%; transform:rotate(-20deg); opacity:.1; }
.br-top { flex:none; position:relative; padding-top:max(10px,env(safe-area-inset-top)); }
.br-exit { min-width:44px; width:44px; padding:0; border:1px solid #35424a; border-radius:7px; background:#172127; }
.br-exit>.br-icon { width:19px; height:19px; }
.br-top { grid-template-columns:44px 1fr 43px auto; }
.br-content { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; padding:14px 16px 12px; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#415047 transparent; }
.br-panel { display:flex; flex-direction:column; min-height:100%; }
.br-panel>* { flex-shrink:0; }
.br-tabs { position:relative; left:auto; bottom:auto; transform:none; flex:none; width:100%; max-width:none; background:#10171bf5; padding-bottom:env(safe-area-inset-bottom); }
.br-tabs button { min-height:56px; font-size:1rem; user-select:none; }
.br-command { flex:none; padding:10px 16px 14px; background:linear-gradient(#0b1116cc,#0b1116); border-top:1px solid #34423866; }
.br-command .br-action { margin:0; }
.br-command .br-primary { min-height:56px; box-shadow:0 3px 0 #707c22,0 0 24px #e5ff0012; }
.br-command .br-primary>span>small { display:block; margin-top:4px; font:700 .48rem/1 var(--font); letter-spacing:.08em; opacity:.7; }
.br-hud:has(.br-hud-empty) { display:none; }
.br-page button { user-select:none; }
.br-page[data-scene=live] .br-command .br-primary { min-height:44px; background:#1b252b; color:#cbd4d9; border-color:#43514e; box-shadow:none; font-size:1.05rem!important; }
.br-page[data-scene=live] .br-command .br-primary>.br-icon { width:14px; height:14px; }
.br-page[data-scene=live] .br-tabs { opacity:.8; }
.br-page[data-scene=scout] .br-matchup,.br-page[data-scene=home] .br-ready,.br-page[data-scene=end] .br-end { margin-top:auto; }
.br-page[data-scene=scout] .br-strategy,.br-page[data-scene=home] .br-quick,.br-page[data-scene=end] .br-quick { margin-bottom:auto; }
.br-page[data-scene=baller] .br-panel-heading { margin-top:auto; }
.br-page[data-scene=baller] .br-all-upgrades { margin-bottom:auto; }
.br-page[data-scene=result] .br-result,.br-page[data-scene=live] .br-live { margin-block:auto; }
.br-utility { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 12px; margin:9px auto 0; color:#a6b6bd; background:#14202799; border:1px solid #35454e; border-radius:6px; font:600 .6rem/1.2 var(--font); }
.br-utility>.br-icon { width:15px; height:15px; }
.br-utility>b { color:var(--br-yellow); font-weight:500; }
.br-utility:hover { color:#fff; border-color:#7c8c78; }
.br-matchup { background:none; border:0; overflow:visible; }
.br-matchup::before { display:none; }
.br-matchup-head { grid-template-columns:1fr 30px 1fr; gap:6px; padding:0 0 5px; }
.br-matchup-head>div { padding:14px 3px 10px; background:radial-gradient(ellipse at 50% 40%,#8093411c,#11191e44); border-top:1px solid #7b8b4d55; border-bottom:1px solid #7b8b4d33; border-radius:16px 3px 16px 3px; }
.br-matchup-head>div:last-child { background:radial-gradient(ellipse at 50% 40%,#b27c4422,#11191e44); border-color:#93694166; border-radius:3px 16px 3px 16px; }
.br-matchup-head .br-eyebrow { font-size:.6rem; letter-spacing:.03em; }
.br-matchup-head>div>span { font-size:.5rem; }
.br-identity { gap:8px; margin:9px 0; }
.br-identity>.br-jersey { width:48px; height:56px; filter:drop-shadow(0 5px 8px #0005); }
.br-identity b { font-size:2.8rem; }
.br-vs { font-size:1rem; color:#b4c1b8; }
.br-compare { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:9px 0 0; }
.br-compare>div { display:grid; grid-template-columns:1fr 1fr; gap:6px 0; margin:0; padding:8px 1px; border:1px solid #35434a; border-radius:5px; background:#131d23cc; }
.br-compare .br-mini-bar { display:none; }
.br-compare>div>span:not(.br-mini-bar) { grid-column:1/-1; grid-row:1; font-size:.48rem; line-height:1.2; }
.br-compare>div>b { grid-row:2; font-size:.8rem; }
.br-compare>div>b:last-child::before { content:'/'; color:#4a5a60; margin-right:5px; }
.br-strategy { margin-top:18px; }
.br-strategy .br-utility { margin:0; padding:8px 10px; }
.br-live { width:100%; }
.br-live-heading { min-height:30px; }
.br-live-heading>.br-live-court::before { display:none; }
.br-check-ball { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:.2em; z-index:3; background:#10191cb3; font:800 clamp(2rem,8vw,3.5rem)/1 var(--display); letter-spacing:-.02em; color:#f1f4f5; animation:br-check-ball .45s ease-out both; pointer-events:none; }
.br-check-ball em { color:var(--br-yellow); font-style:normal; }
.br-toast { position:absolute; bottom:calc(150px + env(safe-area-inset-bottom)); }
.br-sheet { position:fixed; inset:auto 0 0; margin:0 auto; padding:0; width:min(480px,100%); max-width:100%; max-height:min(85dvh,680px); border:1px solid #536057; border-bottom:0; border-radius:17px 17px 0 0; color:var(--br-ink); background:#111b21; box-shadow:0 -15px 70px #0008; font-family:var(--font); overflow:hidden; }
.br-sheet[open] { display:flex; flex-direction:column; animation:br-sheet-enter .2s cubic-bezier(.2,.8,.2,1); }
.br-sheet::backdrop { background:#03080dbd; backdrop-filter:blur(5px); }
.br-sheet-inner { display:flex; flex-direction:column; min-height:0; width:100%; max-height:inherit; padding-bottom:env(safe-area-inset-bottom); }
.br-sheet-heading { display:flex; justify-content:space-between; align-items:center; padding:12px 16px 8px 20px; border-bottom:1px solid #35424a; flex:none; }
.br-sheet-heading h2 { color:var(--br-yellow); font:800 1.5rem/1 var(--display); text-transform:uppercase; }
.br-sheet-heading>button { width:44px; height:44px; border:1px solid #35424a; border-radius:7px; background:#1c282e; color:#e3e9e6; font-size:1.5rem; }
.br-sheet-body { min-height:0; padding:18px 20px 24px; overflow-y:auto; overscroll-behavior:contain; margin:0; border:0; }
.br-sheet-body p { color:#bdcbd1; font-size:.78rem; line-height:1.65; padding:0; margin:0 0 14px; }
.br-sheet-body p strong { display:block; color:#f1f4f5; margin-bottom:3px; }
.br-sheet-body ol { max-height:none; overflow:visible; }
.br-sheet-body.br-play-log li { font-size:.67rem; padding-block:10px; }
.br-sheet-body.br-history li p { margin:7px 0; font-size:.66rem; }
.br-sheet-body.br-history li>div { font-size:.85rem; }
.br-sheet-body.br-history li>div b span { font-size:.6rem; }
.br-menu-grid { display:grid; gap:8px; }
.br-menu-grid>button { display:flex; align-items:center; gap:12px; min-height:54px; width:100%; padding:12px 14px; color:#e4ece8; background:#1b282e; border:1px solid #35474e; border-radius:7px; font:700 1rem/1 var(--display); text-align:left; }
.br-menu-grid>button>.br-icon { width:20px; height:20px; color:#a9ba9b; }
.br-menu-grid>button>b { margin-left:auto; color:#869a9f; }
.br-menu-resume { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:52px; padding:12px 15px; margin:17px 0 8px; background:var(--br-yellow); color:#16200e; border:1px solid #f2ff84; border-radius:7px; font:800 1.2rem/1 var(--display); }
.br-menu-resume>.br-icon { width:17px; height:17px; }
.br-leave { display:flex; align-items:center; justify-content:space-between; min-height:44px; color:#a9bbc0; text-decoration:none; font:700 .6rem/1.3 var(--font); border-bottom:1px solid #35424a; }
.br-sheet-body .br-menu-save { margin:12px 0 0; color:#82969e; font-size:.6rem; }
.br-rules-loop { display:flex; align-items:center; justify-content:space-between; gap:8px; font:800 1.5rem/1 var(--display); margin-bottom:20px; }
.br-rules-loop>span { color:var(--br-yellow); }.br-rules-loop>b { font-size:.8rem; color:#7b9397; }
.br-guide-attribute { display:flex; gap:12px; }.br-guide-attribute>.br-icon { margin-top:3px; color:var(--tone); }
.br-end-run { min-height:48px; width:100%; padding:12px; border:1px solid #a1707b; border-radius:7px; background:#33252a; color:#ffd9dc; font:700 1rem/1 var(--display); }
.br-power-sheet { text-align:center; }.br-power-sheet>.br-icon { width:56px; height:56px; color:var(--tone); padding:9px; border:1px solid var(--tone-wash); background:var(--tone-dim); border-radius:12px; margin-bottom:15px; }
.br-power-sheet small { color:var(--tone); font:600 .55rem/1 var(--font); letter-spacing:.1em; }
@keyframes br-check-ball { 0% { opacity:0; transform:scale(1.1); } 25%,60% { opacity:1; transform:scale(1); } 100% { opacity:0; visibility:hidden; transform:scale(.97); } }
@keyframes br-sheet-enter { from { opacity:.7; transform:translateY(24px); } to { opacity:1; transform:none; } }
@media(min-width:700px) {
  .br-content { padding:18px 28px 16px; }.br-command { padding:12px 28px 18px; }
  .br-matchup-head { grid-template-columns:1fr 40px 1fr; gap:10px; }
  .br-matchup-head>div { padding:20px 5px 14px; }.br-matchup-head .br-eyebrow { font-size:.75rem; }
  .br-identity>.br-jersey { width:72px; height:84px; }.br-identity b { font-size:3.8rem; }
  .br-compare>div { padding:12px 4px; }.br-compare>div>span:not(.br-mini-bar) { font-size:.6rem; }.br-compare>div>b { font-size:.9rem; }
  .br-options button { min-height:64px; }.br-options button b { font-size:1.05rem; }
  .br-page[data-scene=baller] .br-all-upgrades { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .br-all-upgrades>article:last-child:nth-child(odd) { grid-column:1/-1; display:grid; grid-template-columns:1fr auto 140px; align-items:center; }
  .br-all-upgrades>article:last-child .br-upgrade-value { margin:0; }.br-all-upgrades>article:last-child .br-buy { grid-column:auto; }
}
@media(max-width:359px) {
  .br-top { padding-inline:10px; gap:6px; grid-template-columns:38px 1fr 34px auto; }.br-exit { width:38px; min-width:38px; height:44px; }
  .br-wordmark { font-size:1.2rem; }.br-wordmark small { font-size:.34rem; }
  .br-content { padding:10px 12px; }.br-command { padding:8px 12px 12px; }
  .br-identity>.br-jersey { width:35px; height:41px; }.br-identity b { font-size:2.1rem; }
  .br-matchup-head .br-eyebrow { font-size:.5rem; }.br-compare>div>span:not(.br-mini-bar) { font-size:.43rem; }
  .br-compare>div>b { font-size:.68rem; }
}
@media(max-height:700px) {
  .br-top { min-height:58px; padding-block:max(6px,env(safe-area-inset-top)); }
  .br-content { padding-block:8px; }.br-command { padding-block:6px 10px; }.br-command .br-primary { min-height:50px; padding-block:11px; }
  .br-tabs button { min-height:50px; }
  .br-matchup-head>div { padding:6px 2px; }.br-identity { margin:3px 0; }.br-identity>.br-jersey { width:29px; height:34px; }.br-identity b { font-size:2rem; }
  .br-compare { padding-top:5px; }.br-compare>div { padding:6px 1px; }
  .br-strategy { margin-top:8px; }.br-utility { margin-top:6px; }
  .br-choice-section h1 { font-size:2rem; margin-block:4px 6px; }.br-choice-section>p:not(.br-eyebrow) { font-size:.6rem; }
  .br-draft-card { min-height:80px; padding-block:9px; }.br-draft-card>p { font-size:.58rem; }
  .br-training button { min-height:50px; padding-block:8px; }.br-training { gap:6px; margin-top:10px; }
  .br-route-grid { gap:8px; margin-top:10px; }.br-route-card { padding:10px 12px; }.br-route-card>h2 { font-size:1.3rem; margin-block:3px; }.br-route-card>div { margin-top:7px; padding-top:6px; }
  .br-route-card>p { font-size:.6rem; }
  .br-check-ball { font-size:2rem; }.br-scoreboard { padding-block:7px; }
}
@media(prefers-reduced-motion:reduce) {
  .br-sheet[open] { animation:none; }.br-check-ball { display:none; }
}
@media(max-width:699px) and (max-height:700px) {
  .br-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .br-route-card:only-child { grid-column:1/-1; }
  .br-route-card { padding:10px; }
  .br-route-card>.br-court-print { width:72px; top:3px; right:-6px; opacity:.22; }
  .br-route-card>.br-eyebrow { padding:0; font-size:.42rem; position:relative; }
  .br-route-card h2 { max-width:none; min-height:38px; font-size:1.25rem; line-height:1.1; position:relative; }
  .br-route-card h2>.br-icon { display:none; }
  .br-route-card>p { min-height:42px; font-size:.58rem; line-height:1.4; }
  .br-route-card>div { flex-direction:column; align-items:flex-start; gap:5px; }
  .br-route-card>div b,.br-route-card>div strong { font-size:1.25rem; }
  .br-route-card>div small { font-size:.41rem; margin-left:4px; }
  .br-route-opponent { font-size:.5rem; line-height:1.4; }
}

/* Run clarity: decisions, tradeoffs and earned milestones. */
.br-scout-insight{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;margin:8px 0 0;border-left:2px solid #ffae65;background:#ffae6509;color:#b9c8ce;font:500 .62rem/1.45 var(--font)}
.br-scout-insight>.br-icon{width:19px;height:19px;flex:none;color:#ffae65}.br-scout-insight b{display:block;color:#ffcf9e;font:800 .8rem/1.3 var(--display);text-transform:uppercase}
.br-compare>div[data-edge=you]{border-color:#48dfff66;background:#48dfff0a}.br-compare>div[data-edge=rival]{border-color:#ff4fb855;background:#ff4fb808}.br-compare>div>span small{display:block;font:700 .34rem/1.4 var(--font);margin-top:3px;color:#9eafb9}.br-compare>[data-edge=you]>span small{color:#48dfff}.br-compare>[data-edge=rival]>span small{color:#ff85cd}
.br-options button{flex-wrap:wrap}.br-options .br-strategy-effect{display:block;flex-basis:100%;font:500 .42rem/1.4 var(--font);color:#aebfc5;margin-top:3px}.br-options button[aria-pressed=true] .br-strategy-effect{color:inherit}
.br-upgrade-status{display:block;grid-column:1/-1;color:#afc1b9;font:700 .46rem/1.4 var(--font);margin-top:5px;letter-spacing:.03em}.is-upgraded .br-upgrade-status{color:#e5ff00}
.br-milestones{padding:12px;margin:0 0 14px;border:1px solid #6185ff66;background:linear-gradient(125deg,#6185ff15,#111b21);border-radius:9px}.br-milestones>small{font:700 .5rem/1 var(--font);letter-spacing:.1em;color:#a9bdff}.br-milestones h2{font:800 1.5rem/1.2 var(--display);margin:5px 0;color:#f0f4ff}.br-milestones progress{width:100%;height:6px;accent-color:#e5ff00}.br-milestones>span{font:700 .5rem/1.4 var(--font);color:#e5ff00}.br-milestones p{font:600 .48rem/1.5 var(--font);color:#aabac5;margin:8px 0 0}.br-achievements{display:flex;flex-wrap:wrap;gap:5px}.br-achievements:empty{display:none}.br-achievements>span{display:flex;align-items:center;gap:4px;padding:5px 7px;margin-top:7px;background:#b77bff14;border:1px solid #b77bff40;border-radius:5px;font:600 .48rem/1 var(--font);color:#dbc4ff}.br-achievements .br-icon{width:12px;height:12px}
.br-hud:has(.br-hud-empty){display:block}.br-hud-empty{padding:3px 0;opacity:.65;font-size:.5rem}.br-hud-empty>.br-icon{width:12px;height:12px}.br-hud-empty small{font-size:.45rem}
@media(max-height:700px){.br-scout-insight{font-size:.55rem;padding:6px 8px}.br-strategy{margin-top:8px}.br-options button{padding-block:7px}.br-milestones{padding:9px;margin-bottom:10px}}

.br-page[data-scene=scout] .br-matchup{margin-top:12px}.br-page[data-scene=scout] .br-strategy{margin-bottom:0}.br-page[data-scene=scout] .br-panel{justify-content:flex-start}