/* Shared components and finishing styles. Loaded after bapp-design.css. */
/* Shared finishing pass: keep every view on the same type, surface and control scale. */
:root {--display-font:var(--display);}
:root[data-theme] body#bapp-ui {--ui-surface:var(--bapp-paper);--ui-soft:#eee7df;--ui-ink:#241f26;--ui-muted:#6e626e;--ui-border:#ded3d9;--ui-accent:#a3461b;--ui-selected:#a3461b;}
:root[data-theme="dark"] body#bapp-ui {--ui-surface:#211d22;--ui-soft:#2b252d;--ui-ink:#f3edf3;--ui-muted:#c2b4c3;--ui-border:#ffffff20;--ui-accent:#efb580;--ui-selected:#a74920;}
:root[data-theme="dark"][data-season="halloween"] body#bapp-ui {--ui-surface:#211827;--ui-soft:#2c2132;--ui-selected:#ad4819;--ui-accent:#ffc58a;}
:root[data-theme] body#bapp-ui :is(h1,h2,h3,h4,button strong,.eyebrow,.desktop-topbar-brand strong) {font-weight:650;}
:root[data-theme] body#bapp-ui :is(button,input,select) {font-family:var(--display);}
:root[data-theme] body#bapp-ui :is(.schedule-matchup-copy > strong,.results-archive-copy > strong) {font-family:var(--display);font-weight:650;line-height:1.3;text-transform:none;}
:root[data-theme] body#bapp-ui :is(.schedule-date strong,.results-archive-date strong) {font-family:var(--display);font-weight:650;line-height:1.1;}
:root[data-theme] body#bapp-ui :is(.upcoming-month-summary strong,.results-search-summary strong) {font-family:var(--display);font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:650;text-transform:none;}
:root[data-theme] body#bapp-ui :is(.schedule-route-switch,.upcoming-month-tabs,.results-route-switch,.results-month-tabs) {background:var(--ui-soft);border-radius:12px;}
:root[data-theme] body#bapp-ui :is(.schedule-route-switch button,.upcoming-month-tab,.results-route-switch button,.results-month-tab,.upcoming-scope-tab) {font-weight:600;border-radius:9px;line-height:1.3;}
:root[data-theme] body#bapp-ui :is(.schedule-route-switch button,.upcoming-month-tab,.results-route-switch button,.results-month-tab,.upcoming-scope-tab).is-active {background:var(--ui-selected);border-color:var(--ui-selected);color:#fff !important;box-shadow:none;}
:root[data-theme] body#bapp-ui :is(#upcoming,#results,#rankings) {background:transparent;color:var(--ui-ink);}
:root[data-theme] body#bapp-ui :is(.schedule-masthead,.results-masthead,.rankings-masthead,.schedule-toolbar,.results-toolbar,.schedule-event,.results-archive-event,.rankings-results-rail,.rankings-result-card,.ranking-board,.ranking-board-header,.ranking-table-head,.official-ranking-row,.ranking-division-picker-header) {background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-border);box-shadow:none;}
:root[data-theme] body#bapp-ui :is(.schedule-event[open],.results-archive-event[open],.schedule-event-row:hover,.results-archive-row:hover) {background:var(--ui-soft);}
:root[data-theme] body#bapp-ui :is(.rankings-results-heading .eyebrow,.rankings-results-heading > button,.ranking-source-note a,.results-archive-copy .is-winner) {color:var(--ui-accent);}
:root[data-theme] body#bapp-ui #rankings :is(.ranking-division-picker-header h3,.ranking-division-picker-header p,.ranking-division-copy strong,.ranking-view-button strong) {color:inherit;}
:root[data-theme] body#bapp-ui #rankings :is(.ranking-view-switch,.ranking-sex-switch) {display:flex;gap:4px;width:fit-content;max-width:100%;padding:4px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-soft);}
:root[data-theme] body#bapp-ui #rankings .ranking-view-switch {width:min(480px,calc(100% - 32px));}
:root[data-theme] body#bapp-ui #rankings :is(.ranking-view-button,.ranking-sex-switch button) {flex:1 1 0;min-width:0;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:var(--ui-muted);box-shadow:none;}
:root[data-theme] body#bapp-ui #rankings .ranking-view-button strong {font:600 13px/1.4 var(--display);text-transform:none;white-space:normal;}
:root[data-theme] body#bapp-ui #rankings :is(.ranking-view-button,.ranking-sex-switch button).is-active {background:var(--ui-selected);color:white;box-shadow:none;}
:root[data-theme] body#bapp-ui #rankings .ranking-division-button {background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-border);}
:root[data-theme] body#bapp-ui #rankings .ranking-division-button.is-active {background:var(--ui-soft);border-color:var(--ui-accent);color:var(--ui-ink);}
:root[data-theme] body#bapp-ui #rankings .official-ranking-number {display:grid;place-items:center;width:34px;height:34px;margin:0;border-radius:50%;background:transparent;color:var(--ui-muted);font:650 17px/1 var(--display);}
:root[data-theme] body#bapp-ui #rankings :is(.is-champion,.is-leading-contender) .official-ranking-number {background:var(--ui-selected);color:white;}
:root[data-theme] body#bapp-ui :is(.rankings-result-matchup strong,.quick-profile-stats strong,.quick-profile-header h3,.boxer-profile strong,.home-results-item strong) {font-weight:650;}
:root[data-theme] body#bapp-ui :is(.home-data-panel,.panel,.ranking-board,#upcoming-list,#results-list) {border-radius:16px;}
:root[data-theme] body#bapp-ui :is(.primary-action,.secondary-action,.topbar-account,.support-button) {border-radius:10px;}
:root[data-theme] body#bapp-ui :is(.feed-slider,.feed-slide,.feed-slide-copy) {min-width:0;max-width:100%;box-sizing:border-box;}
:root[data-theme] body#bapp-ui .feed-slide {width:100%;inset-inline:0;}
@media (max-width:640px) {
 :root[data-theme] body#bapp-ui #rankings .ranking-view-switch {margin-block:20px;}
 :root[data-theme] body#bapp-ui :is(.schedule-toolbar,.results-toolbar) {gap:14px;}
 :root[data-theme] body#bapp-ui :is(.upcoming-month-tabs,.results-month-tabs) {justify-self:stretch;width:100%;}
 :root[data-theme] body#bapp-ui :is(.schedule-matchup-copy > strong,.results-archive-copy > strong) {font-size:16px;}
}

:root[data-theme] body#bapp-ui #rankings .ranking-view-button > span {display:block;width:auto;min-width:0;max-width:none;}
:root[data-theme] body#bapp-ui #rankings .ranking-view-button strong {display:block;white-space:normal;overflow-wrap:normal;word-break:normal;}
:root[data-theme] body#bapp-ui :is(.ranking-division-copy,.ranking-source-note,.schedule-event,.results-archive-event,.quick-profile,.rankings-result-card) strong {font-weight:650;}
:root[data-theme] body#bapp-ui :is(.schedule-masthead,.results-masthead,.rankings-masthead) {background:var(--ui-surface);color:var(--ui-ink);}
:root[data-theme] body#bapp-ui :is(.schedule-masthead,.results-masthead,.rankings-masthead) h2 {color:var(--ui-ink);}
:root[data-theme] body#bapp-ui :is(.schedule-masthead,.results-masthead,.rankings-masthead) p {color:var(--ui-muted);}
:root[data-theme] body#bapp-ui :is(.schedule-masthead,.results-masthead,.rankings-masthead) .eyebrow {color:var(--ui-accent);}

:root[data-theme] body#bapp-ui #rankings .ranking-view-button .ranking-view-icon {display:none;}
:root[data-theme] body#bapp-ui #rankings .rankings-snapshot strong {color:var(--ui-accent);}
:root[data-theme] body#bapp-ui #rankings .rankings-snapshot small {color:var(--ui-muted);font-weight:500;}
:root[data-theme] body#bapp-ui #rankings .rankings-snapshot span {border-color:var(--ui-border);}
:root[data-theme] body#bapp-ui :is(.schedule-toolbar,.results-toolbar) {background:transparent;}
:root[data-theme] body#bapp-ui :is(.upcoming-month-tab,.results-month-tab,.schedule-matchup-copy > small,.results-archive-copy > small,.schedule-details-action,.results-details-action) {font-weight:600;}
:root[data-theme] body#bapp-ui #rankings .ranking-view-button {display:flex;align-items:center;justify-content:center;grid-template-columns:none;text-align:center;}
:root[data-theme] body#bapp-ui #rankings .ranking-view-button > span:last-child {flex:1;}
:root[data-theme] body#bapp-ui #rankings .ranking-division-picker-header strong {color:var(--ui-ink);}
:root[data-theme] body#bapp-ui #rankings .ranking-division-picker-header > span {color:var(--ui-muted);font-weight:500;}
:root[data-theme] body#bapp-ui .schedule-filter-row {background:transparent;}
@media(max-width:640px) {
 :root[data-theme] body#bapp-ui :is(.upcoming-month-tabs,.results-month-tabs) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border-radius:12px;}
 :root[data-theme] body#bapp-ui :is(.upcoming-month-tab,.results-month-tab) {min-width:0;justify-content:center;text-align:center;padding:10px 8px;min-height:44px;white-space:normal;font-size:12px;}
}

/* Halloween atmosphere: decorative, non-interactive and date controlled. */
.seasonal-atmosphere {display:none;}
:root[data-season="halloween"] .seasonal-atmosphere {display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit;}
.seasonal-web {position:absolute;inset:0 auto auto 0;width:160px;height:160px;color:#e3c5df;opacity:.23;}
.seasonal-moon {position:absolute;top:30px;right:55px;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff0ce,#edbd82);opacity:.38;box-shadow:0 0 55px 15px #f4b97920;}
.seasonal-ghost {position:absolute;right:28px;top:44%;width:43px;height:54px;color:#ebd9f3;opacity:.32;}
.seasonal-mist {position:absolute;inset:auto -8% -30px;height:170px;background:radial-gradient(ellipse at 20% 80%,#bd90cc24,transparent 55%),radial-gradient(ellipse at 80% 100%,#d9b4cf20,transparent 60%);}
@media(prefers-reduced-motion:no-preference) {
 :root[data-season="halloween"] .seasonal-ghost {animation:bapp-ghost-drift 7s ease-in-out infinite;}
 :root[data-season="halloween"] .seasonal-mist {animation:bapp-mist-drift 14s ease-in-out infinite alternate;}
 :root[data-season="halloween"] .seasonal-bats {animation:bapp-bats-drift 9s ease-in-out infinite;}
}
@keyframes bapp-ghost-drift {0%,100% {transform:translateY(0) rotate(-5deg);}50% {transform:translateY(-18px) rotate(5deg);}}
@keyframes bapp-mist-drift {from {transform:translateX(-3%);}to {transform:translateX(3%);}}
@keyframes bapp-bats-drift {0%,100% {transform:translate(0,0);}50% {transform:translate(-12px,5px);}}
html[data-effects-paused] :is(.seasonal-ghost,.seasonal-mist,.seasonal-bats,.seasonal-spider) {animation-play-state:paused !important;}
@media(max-width:640px) {.seasonal-web {width:90px;height:90px;opacity:.18;}.seasonal-moon {top:24px;right:20px;width:40px;height:40px;opacity:.25;}.seasonal-ghost {right:6px;top:38%;width:25px;height:32px;opacity:.22;}}

/* Editorial rhythm and quieter interaction across the site. */
:root[data-theme] body#bapp-ui {--ui-shadow:0 12px 32px #24152a08;}
:root[data-theme="dark"] body#bapp-ui {--ui-shadow:0 12px 32px #00000018;}
:root[data-theme] body#bapp-ui :is(.home-data-panel,.home-platform-links button,.ranking-board,.boxer-search,.boxer-profile) {border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);}
:root[data-theme] body#bapp-ui .home-data-panel > header {padding:20px 24px;gap:16px;min-height:76px;background:transparent;border-bottom:1px solid var(--ui-border);}
:root[data-theme] body#bapp-ui .home-data-panel > header h2 {font-size:19px;line-height:1.3;letter-spacing:-.35px;}
:root[data-theme] body#bapp-ui .home-data-panel > header button {color:var(--ui-accent);font-size:12px;font-weight:600;white-space:nowrap;}
:root[data-theme] body#bapp-ui .home-champions-grid {background:transparent;padding:16px;gap:12px;}
:root[data-theme] body#bapp-ui .home-champions-grid button {background:var(--ui-soft);border:1px solid var(--ui-border);border-radius:12px;min-height:100px;}
:root[data-theme] body#bapp-ui .home-date-tile {background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-border);border-radius:12px;}
:root[data-theme] body#bapp-ui :is(.home-platform-links button,.home-platform-links button:nth-child(n)) {border-radius:16px;background:var(--ui-surface);padding:22px;min-height:112px;}
:root[data-theme] body#bapp-ui .home-platform-links button strong {font-size:17px;font-weight:600;line-height:1.35;}
:root[data-theme] body#bapp-ui .home-platform-links button > span {color:var(--ui-accent);font-weight:600;}
:root[data-theme] body#bapp-ui :is(.home-upcoming-row,.home-recent-list > button,.home-p4p-list > button) {border-color:var(--ui-border);}
:root[data-theme] body#bapp-ui .profile-head {align-items:center;gap:16px;}
:root[data-theme] body#bapp-ui .profile-head h2 {font:650 clamp(22px,2.3vw,30px)/1.25 var(--display);letter-spacing:-.6px;}
:root[data-theme] body#bapp-ui .profile-avatar {border-radius:16px;border:1px solid var(--ui-border);overflow:hidden;background:var(--ui-soft);}
:root[data-theme] body#bapp-ui .profile-avatar img {width:100%;height:100%;object-fit:contain;object-position:center;}
:root[data-theme] body#bapp-ui :is(.profile-subtitle,.profile-bio,.stat-label) {color:var(--ui-muted);}
:root[data-theme] body#bapp-ui .profile-bio {padding:18px 0;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;background:transparent;line-height:1.75;font-size:14px;}
:root[data-theme] body#bapp-ui .profile-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
:root[data-theme] body#bapp-ui .stat-card {min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-soft);box-shadow:none;}
:root[data-theme] body#bapp-ui .stat-label {display:block;margin-bottom:8px;font-size:11px;font-weight:500;line-height:1.4;}
:root[data-theme] body#bapp-ui .stat-value {display:block;font:600 15px/1.5 var(--display);color:var(--ui-ink);overflow-wrap:anywhere;}
:root[data-theme] body#bapp-ui .stat-card--wide {grid-column:1/-1;}
:root[data-theme] body#bapp-ui .stat-card--wide .stat-value {font-size:13px;line-height:1.7;}
:root[data-theme] body#bapp-ui :is(.profile-section-heading,.rankings-results-heading) {align-items:center;gap:16px;}
:root[data-theme] body#bapp-ui :is(.recent-fight,.profile-section .fight-row) {padding:16px;border-radius:12px;background:var(--ui-soft);border:1px solid var(--ui-border);}
:root[data-theme] body#bapp-ui .recent-fight strong {font-size:14px;line-height:1.5;font-weight:600;}
:root[data-theme] body#bapp-ui .recent-fight span {font-size:12px;color:var(--ui-muted);line-height:1.6;}
:root[data-theme] body#bapp-ui :is(.primary-action,.secondary-action,.topbar-account) {min-height:44px;align-items:center;justify-content:center;}
:root[data-theme] body#bapp-ui :focus-visible {outline:2px solid var(--ui-accent);outline-offset:4px;}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 :root[data-theme] body#bapp-ui :is(.home-platform-links button,.home-champions-grid button,.primary-action,.secondary-action,.rankings-result-card) {transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;}
 :root[data-theme] body#bapp-ui :is(.home-platform-links button,.home-champions-grid button,.rankings-result-card):hover {transform:translateY(-3px);border-color:var(--ui-accent);box-shadow:0 12px 28px #00000014;}
 :root[data-theme] body#bapp-ui :is(.primary-action,.secondary-action):hover {transform:translateY(-1px);box-shadow:0 6px 18px #00000015;}
}
@media(max-width:640px) {
 :root[data-theme] body#bapp-ui .home-data-panel > header {padding:18px 16px;gap:10px;}
 :root[data-theme] body#bapp-ui .home-data-panel > header h2 {font-size:16px;}
 :root[data-theme] body#bapp-ui :is(.home-platform-links button,.home-platform-links button:nth-child(n)) {padding:18px 16px;min-height:100px;}
 :root[data-theme] body#bapp-ui .home-platform-links button strong {font-size:15px;}
 :root[data-theme] body#bapp-ui .profile-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
 :root[data-theme] body#bapp-ui .stat-card {padding:14px;}
 :root[data-theme] body#bapp-ui .stat-value {font-size:14px;}
}
:root[data-theme] body#bapp-ui .home-editorial-stack {width:auto;min-width:0;margin-inline:28px;}
:root[data-theme] body#bapp-ui #boxers {border:0;background:transparent;}
:root[data-theme] body#bapp-ui :is(button,.secondary-action,.profile-section h3) {font-weight:600;}
:root[data-theme] body#bapp-ui .profile-head > div {min-width:0;}
@media(max-width:640px) {
 :root[data-theme] body#bapp-ui .home-editorial-stack {margin-inline:12px;}
 :root[data-theme] body#bapp-ui .profile-head {display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;}
 :root[data-theme] body#bapp-ui .profile-head .profile-avatar {width:72px;height:88px;grid-column:1;grid-row:1;}
 :root[data-theme] body#bapp-ui .profile-head > div {grid-column:2;grid-row:1;}
 :root[data-theme] body#bapp-ui .profile-head h2 {font-size:20px;letter-spacing:-.3px;}
 :root[data-theme] body#bapp-ui .profile-head .boxer-level {max-width:100%;flex-wrap:wrap;gap:4px;}
}

/* A shared motion language: quick feedback, soft arrivals, no delayed actions. */
:root {--motion-ease:cubic-bezier(.16,1,.3,1);--motion-fast:180ms;}
:root[data-motion-ready] body .main-content > .view-enter:not([hidden]) {animation:none;}
@media(prefers-reduced-motion:no-preference) {
 :root[data-theme] body#bapp-ui :is(.desktop-primary-nav button,.nav-item,.ranking-view-button,.ranking-sex-switch button,.upcoming-month-tab,.results-month-tab,.upcoming-scope-tab,.score-round-dot,.score-option,.summary-card,.favorite-boxer-button) {transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms var(--motion-ease);}
 :root[data-theme] body#bapp-ui :is(input,select,textarea) {transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;}
 :root[data-theme] body#bapp-ui :is(input,select,textarea):focus {border-color:var(--ui-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 12%,transparent);}
 :root[data-theme] body#bapp-ui :is(button,.primary-action,.secondary-action):active:not(:disabled) {transform:scale(.98);transition-duration:90ms;}
 :root[data-theme] body#bapp-ui :is(.home-platform-links button::after,.home-data-panel > header button span,.schedule-details-action i,.results-details-action i) {transition:transform 260ms var(--motion-ease);}
 :root[data-theme] body#bapp-ui :is(.schedule-event,.results-archive-event)[open] :is(.schedule-details-action i,.results-details-action i) {transform:rotate(180deg);}
 :root[data-theme] body#bapp-ui .support-modal:not([hidden]) {animation:bapp-overlay-in 180ms ease both;}
 :root[data-theme] body#bapp-ui .support-modal:not([hidden]) > .support-dialog {animation:bapp-dialog-in 340ms var(--motion-ease) both;}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 :root[data-theme] body#bapp-ui :is(.ranking-table-row,.boxer-result,.home-upcoming-row,.home-p4p-list > button,.home-recent-list > button,.schedule-event-row,.results-archive-row) {transition:background-color 200ms ease,border-color 200ms ease;}
 :root[data-theme] body#bapp-ui :is(.home-upcoming-row,.home-p4p-list > button,.home-recent-list > button):hover {background:var(--ui-soft);}
 :root[data-theme] body#bapp-ui .home-platform-links button:hover::after {transform:translateX(3px);}
 :root[data-theme] body#bapp-ui .home-data-panel > header button:hover span {display:inline-block;transform:translateX(3px);}
 :root[data-theme] body#bapp-ui .score-round-dot:hover {transform:translateY(-2px);border-color:var(--ui-accent);}
}
@keyframes bapp-overlay-in {from {opacity:0;}to {opacity:1;}}
@keyframes bapp-dialog-in {from {opacity:0;transform:translate3d(0,18px,0) scale(.98);}to {opacity:1;transform:translate3d(0,0,0) scale(1);}}

/* Editorial motion refinement: a single reveal system and a stable masthead. */
:root[data-motion-ready] body#bapp-ui .main-content > :is([data-view],.content-grid,.boxer-home-grid,.news-strip,.ad-slot,.pulse-rail) {animation:none;}
html.website-mode body#bapp-ui #desktop-sticky-nav {display:none !important;}
@media(min-width:921px) {
 :root[data-theme] body#bapp-ui .app-topbar {background:var(--bapp-bone);backdrop-filter:none;transition:box-shadow 350ms ease,border-color 350ms ease;}
 :root[data-nav-scrolled] body#bapp-ui .app-topbar {box-shadow:0 12px 26px -22px #00000070;}
}
:root[data-theme] body#bapp-ui .feed-slide {opacity:0;visibility:hidden;transform:none;}
:root[data-theme] body#bapp-ui .feed-slide.is-active {opacity:1;visibility:visible;transform:none;}
@media(prefers-reduced-motion:no-preference) {
 :root[data-theme] body#bapp-ui .feed-slide {transition:opacity 450ms ease,visibility 0s linear 450ms;}
 :root[data-theme] body#bapp-ui .feed-slide.is-active {transition:opacity 450ms ease,visibility 0s;}
 :root[data-theme] body#bapp-ui :is(.feed-item-image img,.blog-image img,.feed-slide-image img) {transition:transform 600ms cubic-bezier(.2,.7,.2,1);}
 :root[data-theme] body#bapp-ui .hero-panel:is(.is-fight-switching-forward,.is-fight-switching-back) .hero-fighter-image img {animation:none;}
 :root[data-theme] body#bapp-ui .hero-panel:is(.is-fight-switching-forward,.is-fight-switching-back) .hero-fight-center {animation:bapp-featured-detail-in 450ms cubic-bezier(.2,.7,.2,1) both;}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 :root[data-theme] body#bapp-ui :is(.feed-item-image-link,.feed-slide-image-link):hover img {transform:scale(1.025);}
 :root[data-theme] body#bapp-ui :is(.home-platform-links button,.home-champions-grid button,.rankings-result-card):hover {transform:translateY(-2px);}
}

/* Ringside edition mark and a broadcast-style clock. */
:root[data-season="halloween"] body#bapp-ui .hero-platform-copy > .seasonal-edition {display:inline-flex;align-items:center;gap:14px;padding:0 0 12px;margin:0 auto 18px;border:0;border-bottom:1px solid #e4ab6b70;border-radius:0;background:none;letter-spacing:normal;}
:root[data-season="halloween"] body#bapp-ui .seasonal-date {display:grid;justify-items:center;gap:0;align-content:center;min-width:44px;padding-inline-end:14px;border-inline-end:1px solid #e4ab6b66;color:#ffc884;}
:root[data-season="halloween"] body#bapp-ui .seasonal-date small {font:600 8px/1.4 var(--display);letter-spacing:.2em;}
:root[data-season="halloween"] body#bapp-ui .seasonal-date b {font:600 32px/1 var(--display);letter-spacing:-1px;}
:root[data-season="halloween"] body#bapp-ui .seasonal-title {display:grid;justify-items:start;gap:6px;}
:root[data-season="halloween"] body#bapp-ui .seasonal-title b {font:italic 400 32px/.95 Georgia,serif;color:#fff1d9;letter-spacing:-1px;text-transform:none;}
:root[data-season="halloween"] body#bapp-ui .seasonal-title small {font:550 9px/1 var(--display);color:#ffc884;letter-spacing:.26em;}
:root[data-theme] body#bapp-ui .hero-status-row {align-items:center;flex-wrap:wrap;gap:10px 14px;}
:root[data-theme] body#bapp-ui .hero-countdown {display:inline-grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:9px;flex:0 0 auto;width:198px;max-width:100%;box-sizing:border-box;margin-inline-start:auto;padding:11px 14px;border:1px solid #ffffff26;border-inline-start:2px solid #f2b46d;border-radius:4px;background:#110e16b3;color:#fff7ed;font-family:var(--display);letter-spacing:normal;box-shadow:none;}
:root[data-theme] body#bapp-ui .countdown-label {display:block;font-size:9px;line-height:1.3;font-weight:550;letter-spacing:.14em;color:#dbbb9c;text-align:center;text-transform:uppercase;white-space:nowrap;}
:root[data-theme] body#bapp-ui .countdown-clock {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;width:100%;min-width:0;}
:root[data-theme] body#bapp-ui .countdown-unit {display:grid;justify-items:center;gap:5px;min-width:0;padding-inline:6px;box-sizing:border-box;}
:root[data-theme] body#bapp-ui .countdown-unit + .countdown-unit {border-inline-start:1px solid #ffffff21;}
:root[data-theme] body#bapp-ui .countdown-unit b {font:500 23px/1.1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.4px;color:#fff8ee;}
:root[data-theme] body#bapp-ui .countdown-unit small {font:500 8px/1.2 var(--display);letter-spacing:.1em;color:#c6b6a8;}
:root[data-theme] body#bapp-ui .hero-countdown:is([data-mode="empty"],[data-mode="live"]) {font-size:11px;font-weight:500;line-height:1.5;white-space:normal;}
@media(max-width:640px) {
 :root[data-season="halloween"] body#bapp-ui .hero-platform-copy > .seasonal-edition {margin-bottom:16px;gap:11px;}
 :root[data-season="halloween"] body#bapp-ui .seasonal-title b {font-size:28px;}
 :root[data-season="halloween"] body#bapp-ui .seasonal-date b {font-size:28px;}
 :root[data-theme] body#bapp-ui .hero-countdown {width:100%;margin:6px 0 0;padding:11px 12px;box-sizing:border-box;}
 :root[data-theme] body#bapp-ui .countdown-clock {gap:0;}
 :root[data-theme] body#bapp-ui .countdown-unit b {font-size:24px;}
}

:root[data-theme] body#bapp-ui .hero-countdown[data-mode="clock-days"] {width:236px;}
:root[data-theme] body#bapp-ui .hero-countdown[data-mode="clock-days"] .countdown-clock {grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:640px) {:root[data-theme] body#bapp-ui .hero-countdown[data-mode="clock-days"] {width:100%;}}

/* Phone layout: one usable header, comfortable controls, and safe-area spacing. */
.mobile-header-actions {display:none;}
@media(max-width:920px) {
 :root[data-theme] body#bapp-ui {padding-bottom:calc(76px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%;}
 :root[data-theme] body#bapp-ui .sidebar {height:auto;min-height:62px;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));justify-content:flex-start;}
 :root[data-theme] body#bapp-ui .sidebar .brand {order:0;margin-inline-end:auto;}
 :root[data-theme] body#bapp-ui .sidebar .brand-mark {width:36px;height:36px;}
 :root[data-theme] body#bapp-ui .sidebar .brand > span:last-child {display:none;}
 :root[data-theme] body#bapp-ui .sidebar .mobile-theme-cycle {order:1;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;justify-content:center;}
 :root[data-theme] body#bapp-ui .mobile-theme-cycle .theme-cycle-label {display:none;}
 :root[data-theme] body#bapp-ui .sidebar .language-card {order:2;width:65px;flex:0 0 65px;}
 :root[data-theme] body#bapp-ui .sidebar .language-card select {width:100%;font-size:16px;min-height:44px;padding:0 3px;text-overflow:ellipsis;}
 :root[data-theme] body#bapp-ui .mobile-header-actions {order:3;display:flex;align-items:center;gap:7px;min-width:0;}
 :root[data-theme] body#bapp-ui .mobile-header-actions .topbar-account {max-width:88px;min-height:44px;padding:9px 10px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 :root[data-theme] body#bapp-ui .mobile-header-actions .topbar-search {display:flex;flex:none;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;}
 :root[data-theme] body#bapp-ui .mobile-header-actions .topbar-search > span:last-child {display:none;}
 :root[data-theme] body#bapp-ui .app-topbar {display:none;}
 :root[data-theme] body#bapp-ui :is(input,select,textarea) {font-size:16px;}
 :root[data-theme] body#bapp-ui :is(.main-content,.view-section,.panel,.boxer-layout,.scorecard-layout) {min-width:0;}
 :root[data-theme] body#bapp-ui .nav-list {padding-bottom:calc(8px + env(safe-area-inset-bottom));}
 :root[data-theme] body#bapp-ui .nav-item {min-height:48px;font-size:11px;}
 :root[data-theme] body#bapp-ui .nav-list.is-expanded {max-height:calc(100dvh - 75px);overflow-y:auto;overscroll-behavior:contain;}
 :root[data-theme] body#bapp-ui :is(.support-modal,.account-modal,.fight-picker-modal) {max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;}
 :root[data-theme] body#bapp-ui .boxer-search-panel {padding:18px 16px;}
 :root[data-theme] body#bapp-ui .boxer-search-panel .section-heading {margin-bottom:14px;}
 :root[data-theme] body#bapp-ui .boxer-search-panel h2 {font-size:24px;line-height:1.15;}
 :root[data-theme] body#bapp-ui .boxer-search-form {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;}
 :root[data-theme] body#bapp-ui .boxer-search-form label {font-size:12px;min-width:0;}
 :root[data-theme] body#bapp-ui .boxer-search-form button {min-height:46px;padding:10px 15px;font-size:14px;}
 :root[data-theme] body#bapp-ui .boxer-search-form input {min-height:46px;width:100%;}
 :root[data-theme] body#bapp-ui .advanced-boxer-search summary {padding:12px;min-height:48px;}
 :root[data-theme] body#bapp-ui #popular-boxers {margin-top:14px;}
 :root[data-theme] body#bapp-ui #popular-boxers button {min-height:44px;}
 :root[data-theme] body#bapp-ui :is(.rankings-masthead,.schedule-masthead,.results-masthead) {padding:20px 18px;margin-top:14px;}
 :root[data-theme] body#bapp-ui :is(.rankings-masthead,.schedule-masthead,.results-masthead) h2 {font-size:34px;line-height:1.1;}
 :root[data-theme] body#bapp-ui .rankings-snapshot {margin-top:18px;gap:10px;}
 :root[data-theme] body#bapp-ui .rankings-snapshot strong {font-size:26px;}
 :root[data-theme] body#bapp-ui .rankings-snapshot small {font-size:11px;}
 :root[data-theme] body#bapp-ui #scorecard .panel-header {padding:20px 18px;gap:12px;flex-wrap:wrap;}
 :root[data-theme] body#bapp-ui #scorecard .score-round-strip {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-inline:18px;}
 :root[data-theme] body#bapp-ui #scorecard .score-round-dot {width:100%;min-width:0;height:44px;font-size:16px;}
 :root[data-theme] body#bapp-ui :is(.table-wrap,.ranking-table-wrap) {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
 .profile-stage-shell .stage-portrait::after {animation:none;}
}
@media(max-width:920px) {
 :root[data-theme] body#bapp-ui .sidebar {padding-top:max(8px,env(safe-area-inset-top));}
 :root[data-theme] body#bapp-ui .sidebar .language-card {width:74px;flex-basis:74px;}
 :root[data-theme] body#bapp-ui .sidebar .language-card select {font-family:system-ui,sans-serif;font-weight:500;}
 :root[data-theme] body#bapp-ui .mobile-header-actions .topbar-account {max-width:68px;}
 :root[data-theme] body#bapp-ui #rankings .ranking-view-switch {margin-block:14px;}
 :root[data-theme] body#bapp-ui .hero-platform-copy {padding-top:4px;}
}
@media(max-width:920px) {
 :root[data-theme] body#bapp-ui .nav-list.is-expanded {grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;max-height:none;background:var(--ui-surface);}
 :root[data-theme] body#bapp-ui .nav-list.is-expanded > .nav-item {position:static;inset:auto;display:flex;width:auto;min-width:0;min-height:48px;margin:0;padding:4px 1px;border-radius:7px;box-shadow:none;font-size:10px;}
 :root[data-theme] body#bapp-ui .nav-list.is-expanded > .nav-item::after {display:none;}
}
@media(max-width:920px) {
 :root[data-theme] body#bapp-ui #scorecard .score-round-strip {grid-template-columns:repeat(auto-fit,minmax(44px,1fr));}
 :root[data-theme] body#bapp-ui #scorecard .score-round-dot {min-width:44px;}
}