:root {
    --mb-orange: #ff681e;
    --mb-orange-deep: #c82f13;
    --mb-gold: #ffd760;
    --mb-cream: #fff3d4;
    --mb-mint: #7dffb2;
    --mb-red: #ff4f45;
    --mb-purple: #a477ff;
    --mb-blue: #4d8dff;
    --mb-ink: #050505;
    --mb-panel: rgba(8, 8, 8, .94);
    --mb-line: rgba(255, 215, 96, .28);
    --mb-muted: #aaa39b;
    --mb-pixel: 'Neue Pixel Sans', 'Courier New', monospace;
    --mb-arcade: 'Press Start 2P', 'Courier New', monospace;
}

@font-face {
    font-family: 'Neue Pixel Sans';
    src: url('../fonts/NeuePixelSans.ttf') format('truetype');
    font-display: swap;
}

* { box-sizing: border-box; }
html { background: #000; color-scheme: dark; }
body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
    color: #fff;
    background:
        linear-gradient(rgba(0,0,0,.52), rgba(0,0,0,.84)),
        url('../newbg.png') center/cover fixed,
        #000;
    font-family: var(--mb-pixel);
    -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }

.mb-app {
    width: min(100%, 680px);
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 auto;
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(90deg, transparent 0 3%, rgba(255,215,96,.045) 3% 3.3%, transparent 3.3% 96.7%, rgba(255,215,96,.045) 96.7% 97%, transparent 97%),
        repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px),
        rgba(0,0,0,.54);
    border-inline: 1px solid rgba(255,215,96,.16);
}

.mb-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    min-height: calc(66px + env(safe-area-inset-top, 0px));
    padding: calc(12px + env(safe-area-inset-top, 0px)) 14px 10px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: center;
    background: linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,.88));
    border-bottom: 1px solid var(--mb-line);
    box-shadow: 0 10px 28px rgba(0,0,0,.5);
}

.mb-topbar__title { min-width: 0; text-align: center; }
.mb-topbar__kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--mb-gold);
    font: 8px/1.2 var(--mb-arcade);
    letter-spacing: .06em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mb-topbar__name {
    display: block;
    overflow: hidden;
    color: #fff;
    font: 18px/1 var(--mb-pixel);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mb-icon-button {
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 11px;
    color: #fff;
    background: rgba(255,255,255,.055);
    cursor: pointer;
    font-size: 21px;
    text-decoration: none;
}
.mb-icon-button:active { transform: translateY(1px); }
.mb-icon-button:focus-visible, .mb-button:focus-visible, .mb-tab:focus-visible, .mb-period:focus-visible,
.mb-choice:focus-visible, .mb-ranking-name:focus-visible, .mb-feature-card:focus-visible,
.mb-page-tab:focus-visible, .mb-studio-tab:focus-visible, .mb-carousel-dot:focus-visible,
.mb-carousel-arrow:focus-visible, .mb-link-button:focus-visible, .mb-social:focus-visible {
    outline: 3px solid var(--mb-blue);
    outline-offset: 2px;
}

.mb-main {
    padding: 16px 14px calc(34px + env(safe-area-inset-bottom, 0px));
}

.mb-hero {
    position: relative;
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(255,215,96,.44);
    border-radius: 20px;
    background:
        radial-gradient(circle at 80% 10%, rgba(255,104,30,.3), transparent 34%),
        linear-gradient(145deg, rgba(37,13,3,.97), rgba(4,4,4,.98) 58%);
    box-shadow: 0 20px 45px rgba(0,0,0,.46), inset 0 0 0 2px rgba(0,0,0,.75);
}
.mb-hero::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    right: -95px;
    bottom: -95px;
    border: 1px solid rgba(255,215,96,.25);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(255,215,96,.035), 0 0 0 58px rgba(255,215,96,.025);
    pointer-events: none;
}

.mb-hero__row { position: relative; z-index: 1; display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 15px; align-items: center; }
.mb-emblem {
    width: 86px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 2px solid var(--mb-gold);
    border-radius: 50%;
    background: radial-gradient(circle at 37% 31%, #ffbc50 0 8%, #f47a1d 28%, #b62a13 70%, #47120a 100%);
    box-shadow: 0 0 0 5px rgba(255,104,30,.12), 0 9px 24px rgba(0,0,0,.48);
    font-size: 47px;
    text-shadow: 0 3px 0 rgba(0,0,0,.34);
}
.mb-emblem[data-emblem='pixel-hoop']::before { content: none; }
.mb-emblem[data-emblem='hot-streak']::before { content: '🔥'; }
.mb-emblem[data-emblem='clutch-clock']::before { content: '⏱'; }
.mb-emblem[data-emblem='court-crown']::before { content: '♛'; }
.mb-emblem[data-emblem='arcade-lightning']::before { content: '⚡'; }
.mb-emblem:not([data-emblem]), .mb-emblem[data-emblem='classic-ball'] { font-size: 0; }
.mb-emblem:not([data-emblem])::before, .mb-emblem[data-emblem='classic-ball']::before { content: '🏀'; font-size: 47px; }
.mb-hoop-mark { width: 72%; height: 72%; overflow: visible; filter: drop-shadow(0 3px 0 rgba(0,0,0,.35)); }
.mb-hoop-mark path { fill: none; stroke: var(--mb-cream); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.mb-hoop-mark .mb-hoop-mark__board { fill: rgba(5,5,5,.42); stroke: var(--mb-cream); }
.mb-hoop-mark .mb-hoop-mark__square { stroke: var(--mb-gold); }
.mb-hoop-mark .mb-hoop-mark__rim { stroke: var(--mb-orange); stroke-width: 4; }
.mb-hoop-mark .mb-hoop-mark__net { stroke: #fff; stroke-width: 2; }

.mb-eyebrow { color: var(--mb-gold); font: 8px/1.4 var(--mb-arcade); letter-spacing: .05em; text-transform: uppercase; }
.mb-player-name { margin: 7px 0 5px; overflow: hidden; font: 29px/.95 var(--mb-pixel); color: var(--mb-cream); text-overflow: ellipsis; white-space: nowrap; text-shadow: 3px 3px 0 #6c180d; }
.mb-player-name--compact { font-size: clamp(19px, 6vw, 23px); }
.mb-member { color: var(--mb-muted); font: 12px/1.35 var(--mb-pixel); }
.mb-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.mb-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid rgba(255,215,96,.32);
    border-radius: 999px;
    color: var(--mb-gold);
    background: rgba(0,0,0,.45);
    font: 9px/1.2 var(--mb-arcade);
    text-transform: uppercase;
}

.mb-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; margin-top: 14px; }
.mb-stat {
    min-width: 0;
    padding: 12px 10px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.mb-stat__value { display: block; overflow: hidden; color: var(--mb-mint); font: clamp(17px, 5vw, 21px)/1 var(--mb-arcade); letter-spacing: -.04em; text-overflow: ellipsis; }
.mb-stat__label { display: block; margin-top: 7px; color: #aaa; font: 8px/1.3 var(--mb-arcade); text-transform: uppercase; }

.mb-section { margin-top: 16px; padding: 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 17px; background: var(--mb-panel); box-shadow: 0 14px 34px rgba(0,0,0,.3); }
.mb-section__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 10px; align-items: end; margin-bottom: 13px; }
.mb-section__title { margin: 0; color: var(--mb-cream); font: 13px/1.25 var(--mb-arcade); text-transform: uppercase; }
.mb-section__note { margin-left: auto; color: var(--mb-muted); font-size: 11px; text-align: right; }
a.mb-section__note { min-height: 44px; display: inline-flex; align-items: center; justify-content: flex-end; }

.mb-button-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 13px; }
.mb-button {
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid rgba(255,215,96,.44);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(180deg, #ff7435, #c72f1f);
    box-shadow: 0 5px 0 #65140e, 0 10px 22px rgba(0,0,0,.3);
    cursor: pointer;
    font: 10px/1.3 var(--mb-arcade);
    text-transform: uppercase;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}
.mb-button:active { transform: translateY(3px); box-shadow: 0 2px 0 #65140e; }
.mb-button--secondary { border-color: rgba(255,255,255,.18); background: linear-gradient(#242424,#111); box-shadow: 0 5px 0 #000; }
.mb-button--quiet { border-color: rgba(255,255,255,.13); color: #c8c8c8; background: rgba(255,255,255,.055); box-shadow: none; }
.mb-button--danger { border-color: rgba(255,79,69,.5); color: #ffb0aa; background: rgba(120,18,15,.3); box-shadow: none; }
.mb-button--wide { grid-column: 1 / -1; }
.mb-button:disabled { opacity: .48; cursor: wait; transform: none; }

.mb-socials { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.mb-social {
    min-width: 0;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 11px;
    background: rgba(255,255,255,.055);
    text-decoration: none;
}
.mb-social__icon { color: var(--mb-orange); font: 13px/1 var(--mb-arcade); }
.mb-social__handle { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }

.mb-achievements { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.mb-achievement { min-width: 0; padding: 11px 6px; border: 1px solid rgba(255,215,96,.2); border-radius: 12px; background: linear-gradient(180deg, rgba(255,215,96,.08), rgba(0,0,0,.2)); text-align: center; }
.mb-achievement__icon { display: block; margin-bottom: 7px; font-size: 24px; }
.mb-achievement__name { overflow-wrap: anywhere; color: var(--mb-gold); font: 7px/1.45 var(--mb-arcade); text-transform: uppercase; }

.mb-tabs { position: sticky; top: calc(66px + env(safe-area-inset-top, 0px)); z-index: 30; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: -1px -14px 14px; padding: 10px 14px; background: rgba(0,0,0,.96); border-bottom: 1px solid var(--mb-line); }
.mb-tab { min-height: 44px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: #a5a5a5; background: #101010; cursor: pointer; font: 8px/1.2 var(--mb-arcade); }
.mb-tab[aria-selected='true'] { border-color: var(--mb-orange); color: #fff; background: linear-gradient(#752510,#2e0c06); box-shadow: inset 0 -3px 0 var(--mb-orange); }

.mb-filterbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-bottom: 12px; }
.mb-input, .mb-select, .mb-textarea {
    width: 100%;
    min-height: 44px;
    padding: 10px 11px;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 10px;
    color: #fff;
    outline: none;
    background: #0c0c0c;
    font-size: 13px;
}
.mb-input:focus, .mb-select:focus, .mb-textarea:focus { border-color: var(--mb-orange); box-shadow: 0 0 0 3px rgba(255,104,30,.13); }
.mb-textarea { min-height: 80px; resize: vertical; }

.mb-periods { display: flex; gap: 7px; margin-bottom: 12px; overflow-x: auto; scrollbar-width: none; }
.mb-periods::-webkit-scrollbar { display: none; }
.mb-period { flex: 0 0 auto; min-height: 44px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #aaa; background: #111; cursor: pointer; font: 8px/1 var(--mb-arcade); }
.mb-period[aria-pressed='true'] { border-color: var(--mb-gold); color: #111; background: var(--mb-gold); }

.mb-rankings { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(0,0,0,.68); }
.mb-ranking-row { min-height: 66px; display: grid; grid-template-columns: 47px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px 11px; border-bottom: 1px solid rgba(255,255,255,.075); }
.mb-ranking-row:last-child { border-bottom: 0; }
.mb-ranking-row--self { background: linear-gradient(90deg, rgba(125,255,178,.14), rgba(125,255,178,.025)); box-shadow: inset 3px 0 0 var(--mb-mint); }
.mb-ranking-row--podium { background: linear-gradient(90deg, rgba(255,215,96,.12), transparent); }
.mb-ranking-row[data-rank='1'] { box-shadow: inset 3px 0 0 var(--mb-gold); }
.mb-ranking-row[data-rank='2'] { box-shadow: inset 3px 0 0 #cfd7e6; }
.mb-ranking-row[data-rank='3'] { box-shadow: inset 3px 0 0 #cc8548; }
.mb-rank { color: var(--mb-gold); font: 14px/1 var(--mb-arcade); text-align: center; }
.mb-ranking-player { min-width: 0; }
.mb-ranking-name { display: flex; width: 100%; min-height: 44px; max-width: 100%; align-items: center; overflow: hidden; color: #fff; border: 0; padding: 0; background: none; cursor: pointer; text-align: left; text-overflow: ellipsis; white-space: nowrap; font: 17px/1.1 var(--mb-pixel); }
.mb-ranking-name:disabled { color: #777; cursor: default; }
.mb-ranking-meta { display: block; margin-top: 4px; color: #888; font-size: 10px; }
.mb-ranking-score { max-width: 128px; overflow: hidden; color: var(--mb-mint); font: clamp(10px,3.2vw,15px)/1 var(--mb-arcade); text-align: right; text-overflow: ellipsis; white-space: nowrap; }

.mb-featured { display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 1px 1px 8px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mb-featured::-webkit-scrollbar { display: none; }
.mb-feature-card { box-sizing: border-box; display: flex; flex: 0 0 72%; min-width: 210px; max-width: 360px; min-height: 145px; flex-direction: column; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always; padding: 14px; border: 1px solid rgba(255,215,96,.35); border-radius: 15px; color: inherit; background: radial-gradient(circle at 100% 0, rgba(255,104,30,.25), transparent 40%), #0a0a0a; cursor: pointer; text-decoration: none; }
.mb-feature-card__top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mb-feature-card__emblem { width:36px; height:36px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(255,215,96,.5); border-radius:50%; background:rgba(0,0,0,.55); font-size:22px; }
.mb-feature-card__reason { color: var(--mb-gold); font: 7px/1.3 var(--mb-arcade); text-transform: uppercase; }
.mb-feature-card__name { margin: 9px 0 5px; overflow-wrap: anywhere; font: 22px/1 var(--mb-pixel); }
.mb-feature-card__stat { color: var(--mb-mint); font: 10px/1.4 var(--mb-arcade); }
.mb-feature-card__cta { display: inline-flex; margin-top: auto; padding-top: 13px; color: var(--mb-cream); font: 7px/1.3 var(--mb-arcade); text-transform: uppercase; }
.mb-carousel-nav { display: flex; justify-content: center; align-items: center; gap: 2px; min-height: 44px; }
.mb-carousel-hint { margin-top:2px; color:#777; text-align:center; font:6px/1.3 var(--mb-arcade); }
.mb-desktop-only { display:none; }
.mb-carousel-dot { position: relative; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.mb-carousel-dot::before { content: ''; position: absolute; inset: 17px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: #202020; }
.mb-carousel-dot[aria-current='true']::before { border-color: var(--mb-gold); background: var(--mb-gold); box-shadow: 0 0 10px rgba(255,215,96,.45); }
.mb-carousel-arrow { display: none; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,215,96,.3); border-radius: 11px; color: var(--mb-gold); background: #111; cursor: pointer; font-size: 24px; }

.mb-card-list { display: grid; gap: 9px; }
.mb-list-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: rgba(255,255,255,.035); }
.mb-list-item__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.mb-list-item__meta { margin-top: 3px; color: #8c8c8c; font-size: 10px; }
.mb-rival-card { padding:13px; border:1px solid rgba(164,119,255,.27); border-radius:14px; background:linear-gradient(145deg,rgba(37,22,66,.45),rgba(5,5,5,.88)); }
.mb-rival-card__head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }
.mb-rival-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:10px 0; }
.mb-rival-stats > div { min-width:0; padding:10px 8px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(0,0,0,.47); }
.mb-rival-stats span,.mb-rival-stats strong,.mb-rival-stats small { display:block; }
.mb-rival-stats span { color:#aaa; font:6px/1.35 var(--mb-arcade); }
.mb-rival-stats strong { margin:6px 0; overflow:hidden; color:var(--mb-mint); text-overflow:ellipsis; white-space:nowrap; font:13px/1 var(--mb-arcade); }
.mb-rival-stats small { color:#9b958d; font-size:9px; line-height:1.35; }
.mb-rival-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.mb-rival-actions .mb-button { min-height:44px; padding-inline:5px; font-size:7px; box-shadow:none; }
.mb-rival-actions a.mb-button { display:grid; place-items:center; text-decoration:none; }
.mb-share-sheet { overflow:hidden; }
.mb-share-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.mb-share-grid .mb-button,.mb-share-grid .mb-link-button { min-height:48px; font-size:8px; box-shadow:none; }
.mb-share-sheet > .mb-button--wide { width:100%; }
.mb-share-sheet .mb-help { display:block; margin-top:10px; text-align:center; }
.mb-builder-empty h2 { margin:10px 0; color:var(--mb-cream); font:16px/1.35 var(--mb-arcade); }
.mb-builder-empty p { max-width:460px; margin:0 auto; color:#aaa; }
.mb-builder-empty a.mb-button { display:grid; place-items:center; text-decoration:none; }

.mb-field { display: grid; gap: 6px; margin-bottom: 11px; }
.mb-label { color: var(--mb-gold); font: 8px/1.3 var(--mb-arcade); text-transform: uppercase; }
.mb-help { color: #898989; font-size: 11px; line-height: 1.35; }
.mb-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.mb-choice { min-height: 48px; padding: 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; color: #bbb; background: #101010; cursor: pointer; font-size: 12px; }
.mb-choice[aria-pressed='true'] { border-color: var(--mb-orange); color: #fff; box-shadow: inset 0 0 0 2px rgba(255,104,30,.18); }

.mb-toggle { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 50px; }
.mb-switch { appearance: none; width: 49px; height: 28px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: #252525; position: relative; cursor: pointer; }
.mb-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #aaa; transition: .2s; }
.mb-switch:checked { border-color: var(--mb-mint); background: rgba(35,130,75,.6); }
.mb-switch:checked::after { left: 24px; background: var(--mb-mint); }

.mb-notice { padding: 12px; border: 1px solid rgba(255,215,96,.24); border-radius: 11px; color: #d6c79b; background: rgba(255,215,96,.055); font-size: 12px; line-height: 1.45; }
.mb-notice a { min-height: 44px; display: inline-flex; align-items: center; }
.mb-notice--success { border-color: rgba(125,255,178,.35); color: var(--mb-mint); background: rgba(26,96,58,.16); }
.mb-notice--error { border-color: rgba(255,79,69,.42); color: #ffb0aa; background: rgba(126,20,17,.2); }

.mb-empty, .mb-loading { padding: 34px 18px; color: #999; text-align: center; font-size: 13px; line-height: 1.45; }
.mb-empty--compact { padding: 18px 12px; }
.mb-loading::before { content: '🏀'; display: block; margin-bottom: 12px; font-size: 34px; animation: mb-bounce .85s steps(2,end) infinite; }
@keyframes mb-bounce { 50% { transform: translateY(-7px); } }
@media (prefers-reduced-motion: reduce) { .mb-loading::before { animation: none; } }

.mb-dialog {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: none;
    place-items: center;
    padding: calc(18px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
    background: rgba(0,0,0,.84);
    backdrop-filter: blur(9px);
}
.mb-dialog[open] { display: grid; }
.mb-dialog__card { width: min(100%, 520px); max-height: 88vh; max-height: 88dvh; overflow-y: auto; padding: 17px; border: 1px solid rgba(255,215,96,.42); border-radius: 18px; background: #080808; box-shadow: 0 24px 80px #000; }
.mb-dialog__title { margin: 0 0 7px; color: var(--mb-cream); font: 15px/1.3 var(--mb-arcade); }
.mb-dialog__copy { margin: 0 0 14px; color: #aaa; font-size: 12px; line-height: 1.45; }

.mb-toast { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom,0px)); z-index: 200; width: min(calc(100% - 28px), 520px); padding: 12px 14px; border: 1px solid rgba(255,215,96,.38); border-radius: 12px; color: #fff; background: rgba(5,5,5,.97); box-shadow: 0 16px 50px #000; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, calc(100% + 40px)); transition: opacity .16s ease, transform .22s ease, visibility 0s linear .22s; font-size: 12px; }
.mb-toast[data-show='true'] { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); transition-delay: 0s; }

.mb-onboarding { margin-bottom: 16px; border-color: rgba(125,255,178,.34); background: radial-gradient(circle at 100% 0, rgba(125,255,178,.13), transparent 38%), #080d0a; }
.mb-onboarding__steps { display: flex; gap: 6px; margin: 12px 0; }
.mb-onboarding__step { height: 5px; flex: 1; border-radius: 999px; background: #272727; }
.mb-onboarding__step--done { background: var(--mb-mint); }

.mb-hidden { display: none !important; }

/* Player identity release: compact navigation, studio editor, and clear states. */
.mb-page-tabs {
    position: sticky;
    top: calc(66px + env(safe-area-inset-top, 0px));
    z-index: 32;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 6px;
    margin: -16px -14px 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--mb-line);
    background: rgba(0,0,0,.97);
}
.mb-page-tab { min-height: 44px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; color: #aaa; background: #111; text-overflow: ellipsis; white-space: nowrap; font: 9px/1.25 var(--mb-arcade); cursor: pointer; }
.mb-page-tab[aria-selected='true'] { border-color: var(--mb-orange); color: #fff; background: linear-gradient(#71230f,#240a05); box-shadow: inset 0 -3px 0 var(--mb-orange); }
.mb-panel-view[hidden] { display: none !important; }
.mb-panel-intro { margin: 0 0 13px; color: #aaa; font-size: 13px; line-height: 1.5; }
.mb-section--accent { border-color: rgba(255,104,30,.35); background: radial-gradient(circle at 100% 0, rgba(255,104,30,.11), transparent 34%), var(--mb-panel); }
.mb-section--purple { border-color: rgba(164,119,255,.38); background: radial-gradient(circle at 100% 0, rgba(164,119,255,.13), transparent 36%), var(--mb-panel); }
.mb-section--danger { border-color: rgba(255,79,69,.32); }
.mb-nav-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 14px; }
.mb-link-button { display: grid; place-items: center; min-height: 48px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; color: #fff; background: linear-gradient(#242424,#111); text-align: center; text-decoration: none; font: 9px/1.35 var(--mb-arcade); }
.mb-link-button--home { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 9px; border-color: rgba(77,141,255,.42); color: #dce8ff; background: linear-gradient(180deg, rgba(29,62,120,.7), rgba(9,21,46,.85)); }
.mb-button, .mb-link-button, .mb-page-tab, .mb-studio-tab, .mb-status-pill,
.mb-chip, .mb-section__title, .mb-eyebrow, .mb-topbar__kicker {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}
.mb-home-icon { width: 19px; height: 19px; flex: 0 0 auto; overflow: visible; }
.mb-home-icon path { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mb-home-icon path:first-child { fill: rgba(220,232,255,.12); }
.mb-status-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.mb-status-pill { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 8px; border: 1px solid rgba(125,255,178,.35); border-radius: 999px; color: var(--mb-mint); font: 7px/1.2 var(--mb-arcade); text-transform: uppercase; }
.mb-status-pill--muted { border-color: rgba(255,255,255,.15); color: #aaa; }
.mb-status-pill--warn { border-color: rgba(255,215,96,.4); color: var(--mb-gold); }
.mb-provider-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid rgba(77,141,255,.3); border-radius: 12px; background: rgba(77,141,255,.06); }
.mb-provider-card strong { display: block; margin-bottom: 4px; font-size: 15px; }
.mb-provider-card span { color: #aaa; font-size: 11px; }
.mb-provider-badges { display: grid; justify-items: end; gap: 6px; }
.mb-provider-badges .mb-status-pill { color: var(--mb-mint); font-size: 7px; }
.mb-status-pill--google { border-color: rgba(77,141,255,.42); color: #aecdff !important; }
.mb-settings-actions { display: grid; grid-template-columns: minmax(180px, 340px); justify-content: center; gap: 9px; margin-top: 14px; text-align: center; }
.mb-settings-save-state, .mb-studio__save-state { color: #8c8c8c; font: 7px/1.4 var(--mb-arcade); }
.mb-settings-save-state[data-state='dirty'], .mb-studio__save-state[data-state='dirty'] { color: var(--mb-gold); }
.mb-settings-save-state[data-state='saved'], .mb-studio__save-state[data-state='saved'] { color: var(--mb-mint); }
.mb-settings-save-state[data-state='error'], .mb-studio__save-state[data-state='error'] { color: #ffaaa3; }
.mb-details { border: 1px solid rgba(255,255,255,.11); border-radius: 13px; background: rgba(255,255,255,.025); }
.mb-details > summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; color: var(--mb-cream); cursor: pointer; list-style: none; font: 9px/1.3 var(--mb-arcade); }
.mb-details > summary::-webkit-details-marker { display: none; }
.mb-details > summary::after { content: '+'; color: var(--mb-gold); font-size: 18px; }
.mb-details[open] > summary::after { content: '−'; }
.mb-details__body { padding: 0 12px 12px; }
.mb-wallet-saved { margin-bottom: 10px; padding: 11px; border: 1px solid rgba(125,255,178,.25); border-radius: 10px; color: var(--mb-mint); background: rgba(125,255,178,.05); font-size: 12px; overflow-wrap: anywhere; }
.mb-counter { color: var(--mb-muted); font-size: 11px; text-align: right; }

.mb-studio { position: relative; width: min(100%, 980px); max-height: 94vh; max-height: 94dvh; display: grid; grid-template-rows: auto minmax(0,1fr) auto; padding: 0; overflow: hidden; }
.mb-studio__head { position: sticky; top: 0; z-index: 5; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 12px; align-items: center; padding: 15px 17px; border-bottom: 1px solid var(--mb-line); background: rgba(5,5,5,.98); }
.mb-studio__head h2 { margin: 0; color: var(--mb-cream); font: 14px/1.3 var(--mb-arcade); }
.mb-studio__head p { margin: 5px 0 0; color: #999; font-size: 11px; line-height: 1.4; }
.mb-studio__close { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; color: #fff; background: #171717; font-size: 20px; }
.mb-studio__layout { min-height: 0; display: grid; grid-template-columns: minmax(270px,.82fr) minmax(340px,1.18fr); }
.mb-studio__preview { padding: 17px; border-right: 1px solid var(--mb-line); overflow-y: auto; background: radial-gradient(circle at 50% 5%, rgba(255,104,30,.13), transparent 40%), #030303; }
.mb-mini-card { padding: 16px; border: 1px solid rgba(255,215,96,.46); border-radius: 18px; background: radial-gradient(circle at 90% 0, rgba(255,104,30,.28), transparent 40%), linear-gradient(145deg,#2c0d04,#060606 63%); box-shadow: 0 20px 42px rgba(0,0,0,.5); }
.mb-mini-card__row { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 12px; align-items: center; }
.mb-mini-card__emblem { width: 68px; aspect-ratio: 1; display: grid; place-items: center; border: 2px solid var(--mb-gold); border-radius: 50%; background: radial-gradient(circle at 35% 30%,#ffbc50,#e96619 43%,#66170d); font-size: 34px; }
.mb-mini-card__emblem .mb-hoop-mark, .mb-emblem-choice__icon .mb-hoop-mark { display: block; margin: auto; }
.mb-mini-card__name { margin: 5px 0; overflow: hidden; color: var(--mb-cream); font-size: 24px; text-overflow: ellipsis; white-space: nowrap; }
.mb-mini-card__name--compact { font-size: clamp(17px, 5.5vw, 20px); }
.mb-studio__controls { min-height: 0; overflow-y: auto; }
.mb-studio-tabs { position: sticky; top: 0; z-index: 4; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; padding: 11px; border-bottom: 1px solid var(--mb-line); background: rgba(8,8,8,.98); }
.mb-studio-tab { min-height: 44px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; color: #aaa; background: #111; font: 8px/1.2 var(--mb-arcade); }
.mb-studio-tab[aria-selected='true'] { border-color: var(--mb-orange); color: #fff; box-shadow: inset 0 -3px 0 var(--mb-orange); }
.mb-studio-panel { padding: 15px; }
.mb-studio-panel[hidden] { display: none; }
.mb-studio__footer { z-index: 6; width: 100%; display: grid; grid-template-columns: minmax(130px,1fr) minmax(150px,1fr) minmax(130px,1fr); gap: 9px; align-items: center; padding: 11px 15px calc(11px + env(safe-area-inset-bottom,0px)); border-top: 1px solid var(--mb-line); background: rgba(5,5,5,.98); }
.mb-studio__footer #mb-save-card { grid-column: 2; grid-row: 1; }
.mb-studio__footer #mb-studio-discard { grid-column: 1; grid-row: 1; }
.mb-studio__save-state { grid-column: 3; grid-row: 1; text-align: right; }
.mb-theme-grid, .mb-emblem-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.mb-theme-choice { min-height: 62px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 9px; align-items: center; text-align: left; }
.mb-theme-swatch { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.22); border-radius: 9px; background: linear-gradient(135deg,var(--swatch-a,#ff681e),var(--swatch-b,#050505)); }
.mb-emblem-choice { min-height: 62px; display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 9px; align-items: center; text-align: left; }
.mb-emblem-choice__icon { font-size: 26px; text-align: center; }
.mb-emblem-choice__icon .mb-hoop-mark { width: 30px; height: 30px; }
.mb-studio__preview-note { margin-top: 11px; }
.mb-social-field { position: relative; }
.mb-social-field__prefix { position: absolute; left: 11px; top: 39px; color: var(--mb-orange); font: 8px/1 var(--mb-arcade); }
.mb-social-field .mb-input { padding-left: 43px; }
.mb-inline-error { min-height: 16px; color: #ffaaa3; font-size: 10px; }
.mb-standards-sheet { padding: 13px; border: 1px solid rgba(255,215,96,.28); border-radius: 11px; background: rgba(255,215,96,.05); }
.mb-standards-sheet ul { margin: 8px 0 0; padding-left: 18px; color: #bbb; font-size: 12px; line-height: 1.5; }

.mb-following-filter { min-width: 112px; }
.mb-following-filter[aria-pressed='true'] { border-color: var(--mb-mint); color: var(--mb-mint); }
.mb-network-search { margin-bottom: 10px; }
.mb-your-position { margin-bottom: 10px; padding: 10px 12px; border: 1px solid rgba(125,255,178,.28); border-radius: 10px; color: var(--mb-mint); background: rgba(125,255,178,.06); font: 8px/1.35 var(--mb-arcade); }
.mb-tournament-list { display: grid; gap: 10px; }
.mb-tournament-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid rgba(164,119,255,.3); border-radius: 14px; background: radial-gradient(circle at 100% 0, rgba(164,119,255,.16), transparent 40%), #09080d; }
.mb-tournament-row__name { margin: 0 0 6px; color: var(--mb-cream); font-size: 18px; line-height: 1.05; overflow-wrap: anywhere; }
.mb-tournament-row__meta { color: #999; font-size: 11px; }
.mb-tournament-row__action { min-width: 108px; min-height: 44px; display: grid; place-items: center; padding: 9px; border: 1px solid rgba(164,119,255,.55); border-radius: 10px; color: #fff; background: rgba(81,44,139,.55); text-decoration: none; text-align: center; font: 7px/1.3 var(--mb-arcade); }
.mb-load-more { width: 100%; margin-top: 10px; }
.mb-safety-separator { height: 1px; margin: 13px 0; background: rgba(255,255,255,.1); }

.mb-onboarding-flow { min-height: calc(100vh - 118px); min-height: calc(100dvh - 118px); display: grid; align-content: center; gap: 14px; }
.mb-onboarding-card { padding: 20px; border: 1px solid rgba(125,255,178,.38); border-radius: 20px; background: radial-gradient(circle at 100% 0, rgba(125,255,178,.13), transparent 40%), #050a07; }
.mb-onboarding-card h1 { margin: 7px 0 9px; color: var(--mb-cream); font: 22px/1.1 var(--mb-arcade); }
.mb-onboarding-card p { margin: 0; color: #b7b7b7; font-size: 13px; line-height: 1.55; }
.mb-section--highlights { border-color: rgba(255,215,96,.32); background: radial-gradient(circle at 50% 0, rgba(255,215,96,.09), transparent 48%), var(--mb-panel); }
.mb-highlight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.mb-highlight { min-width: 0; padding: 13px 8px; border: 1px solid rgba(255,215,96,.22); border-radius: 11px; background: #080808; text-align: center; }
.mb-highlight strong { display: block; overflow: hidden; color: var(--mb-mint); text-overflow: ellipsis; white-space: nowrap; font: 14px/1.15 var(--mb-arcade); }
.mb-highlight span { display: block; margin-top: 7px; color: #aaa; font-size: 10px; }

@media (max-width: 699px) {
    .mb-feature-card { flex-basis: 100%; min-width: 100%; max-width: none; }
    .mb-studio { width: 100%; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; border-radius: 0; }
    .mb-studio__head { padding-top: calc(12px + env(safe-area-inset-top,0px)); }
    .mb-studio__layout { display: block; min-height: 0; overflow-y: auto; }
    .mb-studio__preview { position: relative; top: auto; z-index: 1; padding: 11px 14px; border-right: 0; border-bottom: 1px solid var(--mb-line); overflow: visible; }
    .mb-mini-card { padding: 11px; }
    .mb-mini-card__row { grid-template-columns: 52px minmax(0,1fr); }
    .mb-mini-card__emblem { width: 52px; font-size: 27px; }
    .mb-mini-card__name { font-size: 20px; }
    .mb-studio__controls { position: relative; overflow: visible; }
    .mb-studio-tabs { top: 0; z-index: 5; }
    .mb-studio__footer { width: 100%; grid-template-columns: 72px minmax(0,1fr) 72px; gap: 5px 8px; padding-block: 8px calc(8px + env(safe-area-inset-bottom,0px)); }
    .mb-studio__footer #mb-save-card { grid-column: 2; grid-row: 1; }
    .mb-studio__save-state { grid-column: 1 / -1; grid-row: 2; text-align: center; }
    .mb-studio__footer #mb-studio-discard { grid-column: 3; grid-row: 1; min-height: 44px; padding-inline: 3px; font-size: 8px; }
    .mb-dialog--studio { padding: 0; }
}

@media (max-width: 430px) {
    .mb-topbar { grid-template-columns: 44px minmax(0,1fr) 44px; gap: 7px; padding-inline: 10px; }
    .mb-icon-button { width: 44px; height: 44px; }
    .mb-topbar__kicker { font-size: clamp(6px,1.8vw,8px); letter-spacing: .02em; }
    .mb-topbar__name { font-size: clamp(14px,4.6vw,18px); }
    .mb-section__title { font-size: clamp(10px,3vw,13px); overflow-wrap: anywhere; }
    .mb-section__note { max-width: 46%; font-size: 10px; }
    .mb-ranking-row { grid-template-columns: 40px minmax(0,1fr) minmax(58px,auto); gap: 7px; }
    .mb-ranking-name { font-size: 15px; }
    .mb-provider-card { grid-template-columns: 1fr; }
    .mb-provider-badges { grid-auto-flow: column; justify-content: start; justify-items: start; }
    .mb-rival-actions { grid-template-columns:1fr 1fr; }
    .mb-rival-actions [data-unfollow] { grid-column:1 / -1; }
}

body[data-theme='midnight-court'] { --mb-orange: #4a8cff; --mb-orange-deep: #153b8a; }
body[data-theme='halftime-red'] { --mb-orange: #ff4f45; --mb-orange-deep: #871e19; }
body[data-theme='championship-gold'] { --mb-orange: #e4b844; --mb-orange-deep: #7f5b0b; }
body[data-theme='mint-scoreboard'] { --mb-orange: #42d883; --mb-orange-deep: #146a3d; }
body[data-theme='purple-overtime'] { --mb-orange: #a477ff; --mb-orange-deep: #4e298e; }

@media (min-width: 700px) {
    body { padding: 26px 0; }
    .mb-app { min-height: calc(100vh - 52px); border: 1px solid rgba(255,215,96,.28); border-radius: 26px; overflow: clip; box-shadow: 0 30px 90px rgba(0,0,0,.72); }
    .mb-main { padding-inline: 22px; }
    .mb-tabs { margin-inline: -22px; padding-inline: 22px; }
    .mb-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mb-feature-card { flex-basis: 48%; min-width: 230px; max-width: none; }
    .mb-carousel-arrow { display: grid; }
    .mb-touch-only { display:none; }
    .mb-desktop-only { display:inline; }
}

@media (max-width: 699px) {
    .mb-ranking-row--tournament { grid-template-columns: 40px minmax(0,1fr) auto; gap: 8px; }
    .mb-ranking-row--tournament .mb-ranking-name { font-size: 15px; }
    .mb-ranking-row--tournament .mb-ranking-score { font-size: 10px; }
}

@media (max-width: 380px) {
    .mb-main { padding-inline: 10px; }
    .mb-topbar { padding-inline: 10px; }
    .mb-player-name { font-size: 25px; }
    .mb-player-name--compact { font-size: 19px; }
    .mb-hero__row { grid-template-columns: 72px minmax(0,1fr); }
    .mb-emblem { width: 72px; font-size: 39px; }
    .mb-emblem:not([data-emblem])::before, .mb-emblem[data-emblem='classic-ball']::before { font-size: 39px; }
    .mb-tabs { margin-inline: -10px; padding-inline: 10px; }
    .mb-page-tabs { margin-inline: -10px; padding-inline: 10px; }
    .mb-topbar__kicker { font-size: 7px; letter-spacing: .02em; }
    .mb-topbar__name { font-size: 17px; }
    .mb-periods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; }
    .mb-period { width: 100%; }
    .mb-button, .mb-link-button { padding-inline: 7px; font-size: 8px; }
    .mb-filterbar { grid-template-columns: minmax(0,1fr); }
    .mb-following-filter { width: 100%; }
    .mb-tournament-row { grid-template-columns: 1fr; }
    .mb-tournament-row__action { width: 100%; }
    .mb-theme-grid, .mb-emblem-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mb-share-grid { grid-template-columns:1fr; }
    .mb-rival-stats { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Final public-release readability and wrap contract. */
.mb-topbar__kicker,
.mb-eyebrow,
.mb-feature-card__reason,
.mb-feature-card__cta,
.mb-label { font-size: 10px; overflow-wrap: normal; word-break: normal; hyphens: none; }
.mb-button,
.mb-link-button,
.mb-tab,
.mb-period,
.mb-page-tab,
.mb-studio-tab { min-height: 44px; font-size: 10px; line-height: 1.35; overflow-wrap: normal; word-break: normal; hyphens: none; }
.mb-help,
.mb-section__note,
.mb-ranking-meta,
.mb-list-item__meta,
.mb-provider-card span,
.mb-studio__head p,
.mb-tournament-row__meta { font-size: 12px; line-height: 1.45; }
.mb-panel-intro,
.mb-empty,
.mb-loading,
.mb-notice { font-size: 14px; line-height: 1.5; }
.mb-achievement__name { font-size: 10px; overflow-wrap: normal; word-break: normal; }
.mb-feature-card__name,
.mb-tournament-row__name,
.mb-section__title { overflow-wrap: normal; word-break: normal; hyphens: none; }
.mb-feature-card__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-page-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; background: #050505; }
.mb-tabs { background: #050505; }
.mb-court-code strong { user-select: all; -webkit-user-select: all; }

@media (min-width: 740px) {
    .mb-feature-card { flex-basis: calc((100% - 10px) / 2); }
}

@media (max-width: 380px) {
    .mb-button, .mb-link-button, .mb-tab, .mb-period, .mb-page-tab, .mb-studio-tab { font-size: 9px; }
    .mb-tabs--four .mb-tab { padding-inline: 2px; font-size: 9px; }
    .mb-topbar__kicker { font-size: 9px; }
    .mb-rival-actions .mb-button { font-size: 9px; }
}

/* Content pages reflow and remain readable when users increase text size. */
html.mb-content-page { min-width: 0; overflow-x: visible; }
body[data-player-page], body[data-tournament-page] { min-width: 0; overflow-x: visible; }
body[data-player-page] .mb-topbar, body[data-tournament-page] .mb-topbar { background: #090807; }
body[data-player-page] .mb-page-tabs,
body[data-player-page] .mb-tabs,
body[data-tournament-page] .mb-event-controls { top: var(--mb-topbar-height, calc(66px + env(safe-area-inset-top, 0px))); background: #090807; }
body[data-player-page] .mb-button, body[data-tournament-page] .mb-button,
body[data-player-page] .mb-link-button, body[data-tournament-page] .mb-link-button,
body[data-player-page] .mb-tab, body[data-player-page] .mb-page-tab,
body[data-player-page] .mb-period, body[data-player-page] .mb-studio-tab { min-height: 44px; font-size: .75rem; line-height: 1.5; white-space: normal; }
body[data-player-page='rankings'] .mb-filterbar { margin-bottom: 18px; }
body[data-player-page='rankings'] #mb-my-position { display: block; width: fit-content; max-width: 100%; margin: 0 0 18px; }
/* Exact career values stay visible; only typography and card span adapt. */
body[data-player-page] .mb-stat__value { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
body[data-player-page] .mb-stat__value--dense { font: 700 clamp(1.125rem, 3.2vw, 1.25rem)/1.25 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-variant-numeric: tabular-nums; letter-spacing: 0; }
body[data-player-page] .mb-stat--wide { grid-column: span 2; }
body[data-player-page] .mb-stat--wide .mb-stat__value { font-size: clamp(1rem, 2.7vw, 1.125rem); }
body[data-player-page] .mb-input, body[data-player-page] .mb-select,
body[data-player-page] .mb-textarea, body[data-tournament-page] .mb-input { min-width: 0; font: 1rem/1.5 system-ui, sans-serif; }
body[data-player-page] .mb-panel-intro, body[data-player-page] .mb-dialog__copy,
body[data-player-page] .mb-help, body[data-player-page] .mb-empty,
body[data-player-page] .mb-notice, body[data-player-page] .mb-court-panel__copy,
body[data-tournament-page] .mb-panel-intro, body[data-tournament-page] .mb-empty,
body[data-tournament-page] .mb-notice { font: .9375rem/1.55 system-ui, sans-serif; overflow-wrap: anywhere; }
body[data-player-page] .mb-ranking-meta, body[data-player-page] .mb-stat__label,
body[data-player-page] .mb-section__note, body[data-player-page] .mb-list-item__meta,
body[data-player-page] .mb-provider-card span, body[data-player-page] .mb-label { font-size: .8125rem; line-height: 1.5; }
body[data-player-page] .mb-ranking-score { overflow-wrap: anywhere; white-space: normal; min-width: 0; }
body[data-player-page] .mb-ranking-row--builders .mb-ranking-score { max-width: 11em; font-size: .75rem; line-height: 1.5; }
body[data-player-page] .mb-section__head { flex-wrap: wrap; }
body[data-player-page] .mb-feature-card__stat { font-size: .8125rem; line-height: 1.55; white-space: normal; }
body[data-player-page] .mb-feature-card__name,
body[data-player-page] .mb-player-name { overflow-wrap: anywhere; }
body[data-player-page] .mb-carousel-dot { min-width: 44px; min-height: 44px; background-size: 10px 10px; }
body[data-player-page] .mb-carousel-nav { flex-wrap: wrap; }
body[data-player-page] .mb-status-pill { white-space: normal; font-size: .6875rem; line-height: 1.5; }
.mb-panel-error { margin-block: 12px; padding: 14px; border: 1px solid #ffac55; border-radius: 12px; background: #29190e; color: #ffe4c0; font: .9375rem/1.55 system-ui, sans-serif; }
.mb-panel-error p { margin-top: 0; }
.mb-panel-error .mb-button { width: 100%; }
.mb-content-page :focus-visible { outline: 3px solid #75b8ff; outline-offset: 3px; }
body[data-player-page] [role="tabpanel"],
body[data-player-page] #mb-hub-court { scroll-margin-top: calc(var(--mb-topbar-height, 80px) + 80px); }
@media (max-width: 699px) {
    body[data-player-page] .mb-studio-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body[data-player-page] .mb-studio-tab { min-width: 0; min-height: 44px; padding: 8px 6px; white-space: nowrap; }
}
@media (max-width: 430px) {
    body[data-player-page='rankings'] .mb-feature-card .mb-tags { display: none; }
    body[data-player-page='rankings'] .mb-tabs--four { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-x: visible; scroll-snap-type: none; }
    body[data-player-page] .mb-page-tabs { display: flex; overflow-x: auto; }
    body[data-player-page] .mb-page-tab { flex: 1 0 auto; padding-inline: 12px; }
    body[data-player-page] .mb-rival-actions { display: grid; grid-template-columns: 1fr; }
    body[data-player-page] .mb-ranking-row--builders { grid-template-columns: 42px minmax(0, 1fr); }
    body[data-player-page] .mb-ranking-row--builders .mb-ranking-score { grid-column: 2; max-width: none; text-align: left; }
    body[data-player-page] .mb-provider-card { flex-wrap: wrap; }
}
@media (max-height: 480px) {
    body[data-player-page] .mb-topbar, body[data-tournament-page] .mb-topbar,
    body[data-player-page] .mb-page-tabs, body[data-player-page] .mb-tabs,
    body[data-player-page] .mb-studio-tabs,
    body[data-tournament-page] .mb-event-controls { position: relative; top: auto; }
}
@media (prefers-reduced-motion: reduce) {
    html.mb-content-page *, html.mb-content-page *::before, html.mb-content-page *::after { scroll-behavior: auto !important; animation: none !important; }
}

body[data-player-page] .mb-loading::before, body[data-tournament-page] .mb-loading::before { content: none; animation: none; }