/* V20.12.162 mobile foundation: safe areas, overlay isolation, touch targets, responsive detail and tables. */
:root{
  --bbm-bg:#07111f;
  --bbm-panel:#101a28;
  --bbm-panel-strong:#162334;
  --bbm-border:rgba(255,255,255,.12);
  --bbm-text:#f4f7fb;
  --bbm-muted:#9eb0c2;
  --bbm-accent:#e4bd58;
  --bbm-danger:#d85361;
  --bbm-space-1:4px;
  --bbm-space-2:8px;
  --bbm-space-3:12px;
  --bbm-space-4:16px;
  --bbm-safe-top:max(12px,env(safe-area-inset-top));
  --bbm-safe-right:max(12px,env(safe-area-inset-right));
  --bbm-safe-bottom:max(12px,env(safe-area-inset-bottom));
  --bbm-safe-left:max(12px,env(safe-area-inset-left));
  --bbm-touch:44px;
  --bbm-radius-panel:18px;
  --bbm-radius-control:12px;
  --bbm-text-xs:11px;
  --bbm-text-sm:12px;
  --bbm-text-md:14px;
  --bbm-text-lg:18px;
}
html.bbm-overlay-open,body.bbm-overlay-open{overflow:hidden!important;overscroll-behavior:none!important;}
.bbm-managed-overlay{box-sizing:border-box;padding:var(--bbm-safe-top) var(--bbm-safe-right) var(--bbm-safe-bottom) var(--bbm-safe-left);overscroll-behavior:contain;}
.bbm-managed-overlay>article,.bbm-managed-overlay>section,.bbm-managed-overlay>div:first-child{max-height:calc(100dvh - var(--bbm-safe-top) - var(--bbm-safe-bottom));overscroll-behavior:contain;}
.bbm-card-meta{min-width:0;display:grid;gap:3px;line-height:1.25;}
.bbm-card-meta strong,.bbm-card-meta span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbm-card-meta strong{font-size:var(--bbm-text-sm);}.bbm-card-meta span{font-size:var(--bbm-text-xs);}
.bbm-power-badge,.bbm-player-compact-power{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border:1px solid rgba(224,184,80,.55);border-radius:999px;background:rgba(63,42,4,.88);color:#ffe49a;font-size:10px;font-style:normal;font-weight:900;line-height:1;white-space:nowrap;}
.bbm-player-compact{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-content:start;min-width:0;width:100%;gap:3px;line-height:1.12;}
.bbm-player-compact-title{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;width:100%;}
.bbm-player-compact-title i{flex:0 0 auto;font-style:normal;font-size:9px;font-weight:900;color:#a9bfd1;}
.bbm-player-compact-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#fff;}
.bbm-player-compact-meta{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;width:100%;font-size:9px;line-height:1;}
.bbm-player-compact-meta span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;border-radius:5px;background:rgba(7,18,29,.76);color:#b9cad7;}
.bbm-player-compact-power{min-height:20px;padding:2px 7px;font-size:9px;}
.v201272-close,.v201275-card-detail-close,.legend-workshop-close,.legend-close,[data-v201118="lineup-close"],[data-v201118="lineup-card-close"],.v201145-match-close,.v201021-close,.v201022-close{min-width:var(--bbm-touch)!important;min-height:var(--bbm-touch)!important;touch-action:manipulation;}
#v201272LineupOverlay,#v201275CardDetailOverlay,#v201145MatchOverlay,#v201021PregameModal,#v201022ScoutModal,.legend-workshop-overlay,.legend-overlay{padding-top:var(--bbm-safe-top)!important;padding-right:var(--bbm-safe-right)!important;padding-bottom:var(--bbm-safe-bottom)!important;padding-left:var(--bbm-safe-left)!important;box-sizing:border-box;}
.v201272-lineup-shell,.v201275-card-detail-shell,.v201145-match-shell,.v201021-modal,.v201022-shell{max-height:calc(100dvh - var(--bbm-safe-top) - var(--bbm-safe-bottom))!important;overscroll-behavior:contain;}
.v201272-lineup-head,.v201275-card-detail-head{padding-top:max(12px,env(safe-area-inset-top))!important;}
.v201275-breakdown-wrap,.v201272-table-scroll,.v201272-stats-scroll,.bbm-table-scroll{max-width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-gutter:stable;}
.v201275-breakdown{font-variant-numeric:tabular-nums;}
@media(max-width:760px){
  body{font-size:var(--bbm-text-md);}
  .panel,.v200-section,.v201272-lineup-shell,.v201275-card-detail-shell{border-radius:var(--bbm-radius-panel);}
  button:not(.pmc-card):not(.v201137-field-slot):not(.v201137-grid-card){touch-action:manipulation;}
  .tabs button,.subtabs button,.v201137-lineup-tabs button,.v201272-tabs button{min-height:var(--bbm-touch);}
  .v201275-card-detail-grid{grid-template-columns:1fr!important;}
  .v201275-card-preview{max-width:min(100%,430px);margin-inline:auto;}
  .v201275-card-info{min-width:0;}
}
@media(max-width:390px){
  :root{--bbm-text-xs:10px;--bbm-text-sm:11px;--bbm-text-md:13px;--bbm-text-lg:17px;}
  .bbm-player-compact-title b{font-size:10px;}.bbm-player-compact-meta{font-size:8px;}
}
.v201137-grid-info>.bbm-player-compact{grid-column:1/-1;width:100%;gap:4px;}
.v201137-grid-info>.bbm-player-compact .bbm-player-compact-title b{font-size:10px;}
.v201137-grid-info>.bbm-player-compact .bbm-player-compact-meta{display:grid;font-size:10px;line-height:1.2;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;gap:3px 6px;}
.v201137-grid-info>.bbm-player-compact .v201137-grid-power{justify-self:center;margin-top:1px;}

/* Stage 3: consistent focus, scroll containment and detail surfaces. */
.bbm-managed-overlay{isolation:isolate;contain:layout style;}
.bbm-managed-overlay[aria-hidden="true"]{pointer-events:none!important;}
.bbm-managed-overlay [role="dialog"],.bbm-managed-overlay .modal-card,.bbm-managed-overlay [class*="-shell"]{min-width:0;max-width:100%;}
.bbm-detail-panel{min-width:0;display:grid;gap:12px;}
.bbm-detail-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;}
.bbm-detail-panel-body{min-width:0;overflow-wrap:anywhere;}
:where(button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid rgba(255,220,112,.9);outline-offset:2px;}
.bbm-table-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:none;}
@media(max-width:760px){
  .bbm-managed-overlay{padding-top:var(--bbm-safe-top)!important;padding-bottom:var(--bbm-safe-bottom)!important;}
  .bbm-managed-overlay [class*="-head"]{padding-right:max(12px,var(--bbm-safe-right));}
  .bbm-detail-panel-header{align-items:center;}
}
@media(prefers-reduced-motion:reduce){
  .bbm-managed-overlay,.bbm-managed-overlay *{scroll-behavior:auto!important;}
}


/* Stage 4 shared component geometry. */
:where(.bbm-detail-panel,.v201275-card-detail-info,.v201145-match-body,.legend-workshop-body){min-width:0;}
:where(.bbm-overlay-close,.v201272-close,.v201275-card-detail-close,.legend-workshop-close,.legend-close,.v201145-match-close){display:inline-flex;align-items:center;justify-content:center;min-width:var(--bbm-touch);min-height:var(--bbm-touch);padding:0 var(--bbm-space-3);border-radius:var(--bbm-radius-control);touch-action:manipulation;}
:where(.bbm-chip-row,.v201275-card-badges,.v201137-field-meta){display:flex;align-items:center;flex-wrap:wrap;gap:var(--bbm-space-1);min-width:0;}
:where(.bbm-scroll-x,.bbm-table-scroll,.v201272-table-scroll,.v201272-stats-scroll,.v201275-breakdown-wrap){overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}
:where(.bbm-sticky-name,.v201136-sticky-name){position:sticky;left:0;z-index:3;}
:where(.bbm-sticky-position,.v201136-sticky-position){position:sticky;z-index:3;}
@media(max-width:760px){
  :where(.bbm-detail-panel,.v201275-card-detail-grid,.v201145-match-grid){grid-template-columns:minmax(0,1fr)!important;}
  :where(.bbm-managed-overlay,.legend-workshop-overlay,.legend-overlay){padding-block:var(--bbm-safe-top) var(--bbm-safe-bottom)!important;}
}