.mb-invite-main { display: grid; align-items: center; min-height: calc(100dvh - 82px); }
.mb-court-invite { position: relative; isolation: isolate; overflow: hidden; width: 100%; padding: 24px 18px 18px; border: 1px solid rgba(255,205,74,.62); border-radius: 18px; background: linear-gradient(180deg,rgba(19,10,4,.96),rgba(3,3,3,.98) 48%,rgba(15,6,2,.98)); box-shadow: 0 24px 80px #000, inset 0 0 0 1px rgba(255,85,37,.18); text-align: center; }
.mb-court-invite::before { content: ''; position: absolute; inset: 0; z-index: -2; opacity: .18; background: repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.07) 5px); pointer-events: none; }
.mb-court-invite__glow { position: absolute; z-index: -1; top: -140px; left: 50%; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle,rgba(255,91,31,.52),transparent 68%); transform: translateX(-50%); filter: blur(4px); }
.mb-court-invite__kicker { color: #ffd66d; font: 8px/1.5 'Press Start 2P',monospace; letter-spacing: .04em; }
.mb-court-invite__ball { margin: 13px auto 6px; font-size: clamp(68px,22vw,112px); line-height: 1; filter: drop-shadow(0 12px 22px rgba(255,91,31,.4)); animation: mb-court-float 2.8s ease-in-out infinite; }
.mb-court-invite h1 { margin: 2px 0 12px; color: #fff5db; font: clamp(24px,7vw,42px)/1.06 'Neue Pixel Sans','Press Start 2P',monospace; text-shadow: 4px 4px 0 #7f160e; }
.mb-court-invite h1 span { color: #ffcf59; font-size: .62em; }
.mb-court-invite__lead { max-width: 440px; margin: 0 auto 17px; color: #ddd3c4; font-size: 13px; line-height: 1.55; }
.mb-court-mission { display: grid; grid-template-columns: 1fr 24px 1fr; align-items: stretch; margin: 0 0 16px; padding: 13px 8px; border: 1px solid rgba(255,207,89,.3); border-radius: 13px; background: rgba(0,0,0,.64); }
.mb-court-mission__step { display: grid; grid-template-rows: auto auto 1fr; justify-items: center; gap: 6px; min-width: 0; }
.mb-court-mission__step > span { display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid #ffe171; border-radius: 50%; color: #fff; background: #d53220; font: 11px 'Press Start 2P',monospace; box-shadow: 0 0 16px rgba(255,105,42,.46); }
.mb-court-mission__step strong { color: #fff; font: 8px/1.45 'Press Start 2P',monospace; }
.mb-court-mission__step small { color: #aaa39b; font-size: 10px; line-height: 1.35; }
.mb-court-mission__step.is-complete > span { border-color:#8dffbd; background:#176d42; box-shadow:0 0 16px rgba(83,255,157,.35); }
.mb-court-mission__line { align-self: start; height: 2px; margin-top: 14px; background: linear-gradient(90deg,#ffb73e,#ff5b2a); }
.mb-court-invite__actions { display: grid; gap: 9px; }
.mb-court-invite__actions .mb-button { min-height:52px; }
.mb-court-invite__actions .mb-button small { display:block; margin-top:4px; color:inherit; font:7px/1.35 'Press Start 2P',monospace; opacity:.76; }
.mb-button--court { color: #180703; background: linear-gradient(180deg,#ffe47a,#ff9d32 56%,#f34b23); box-shadow: inset 0 0 0 2px rgba(255,255,255,.3),0 5px 0 #7f180f,0 12px 26px rgba(255,71,26,.3); }
.mb-mission-status { display:grid; gap:5px; margin:0 0 14px; padding:12px 13px; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(0,0,0,.7); text-align:left; }
.mb-mission-status strong { color:#fff4cc; font:8px/1.45 'Press Start 2P',monospace; }
.mb-mission-status span { color:#c9c4bb; font-size:11px; line-height:1.45; }
.mb-mission-status--qualified { border-color:rgba(92,255,166,.45); background:linear-gradient(135deg,rgba(14,93,52,.38),rgba(0,0,0,.76)); }
.mb-mission-status--qualified strong { color:#8dffbd; }
.mb-mission-status--pending { border-color:rgba(255,216,91,.42); }
.mb-mission-status--ineligible { border-color:rgba(255,143,89,.38); }
.mb-court-invite__trust { margin: 17px 0 3px; color: #bcae92; font: 7px/1.7 'Press Start 2P',monospace; }
.mb-court-invite__trust span { color: #8f8a82; font: 10px/1.4 Arial,sans-serif; }
.mb-court-invite .mb-nav-actions { grid-template-columns:1fr; }
.mb-invite-error { text-align: center; }
.mb-invite-error h1 { margin: 12px 0; font: 30px/1 'Neue Pixel Sans','Press Start 2P',monospace; }
.mb-invite-error p { color: #bbb; line-height: 1.5; }

.mb-court-panel { position: relative; overflow: hidden; scroll-margin-top:150px; border-color: rgba(255,202,72,.5); background: linear-gradient(150deg,rgba(43,15,4,.96),rgba(4,4,4,.96) 56%,rgba(40,8,6,.92)); }
.mb-court-panel::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .1; background: repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px); }
.mb-court-panel > * { position: relative; z-index: 1; }
.mb-court-panel__title { margin: 7px 0 9px; color: #fff4d2; font: clamp(28px,8vw,40px)/1 'Neue Pixel Sans','Press Start 2P',monospace; text-shadow: 3px 3px 0 #8d1a12; }
.mb-court-panel__copy { margin: 0 0 13px; color: #d5cfc5; font-size: 12px; line-height: 1.5; }
.mb-court-code { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 11px 0; padding: 12px; border: 1px solid rgba(255,218,104,.42); border-radius: 11px; background: rgba(0,0,0,.62); }
.mb-court-code > div { min-width:0; display:grid; gap:7px; text-align:left; }
.mb-court-code strong { color: #ffe06c; font: clamp(16px,5vw,23px) 'Press Start 2P',monospace; letter-spacing: .08em; }
.mb-court-code span { color: #aaa; font-size: 10px; }
.mb-court-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 13px 0; }
.mb-court-kpi { padding: 10px 5px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; background: rgba(0,0,0,.5); text-align: center; }
.mb-court-kpi strong { display: block; color: #fff4ca; font: 22px 'Neue Pixel Sans','Press Start 2P',monospace; }
.mb-court-kpi span { display: block; margin-top: 4px; color: #a9a49b; font: 7px/1.35 'Press Start 2P',monospace; }
.mb-court-panel__status { padding: 10px; border: 1px dashed rgba(255,204,82,.35); border-radius: 10px; color: #d8cfbf; background: rgba(0,0,0,.4); font-size: 11px; line-height: 1.45; }
.mb-builder-badge { display: inline-flex; align-items: center; gap: 7px; margin-top: 9px; padding: 7px 10px; border: 1px solid rgba(255,210,78,.45); border-radius: 999px; color: #ffe078; background: rgba(0,0,0,.55); font: 7px 'Press Start 2P',monospace; }
.mb-court-share-actions { margin-bottom:15px; }
.mb-court-rank-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0 0 12px; }
.mb-court-rank-grid > div { min-width:0; display:grid; gap:5px; padding:9px 4px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:rgba(0,0,0,.44); text-align:center; }
.mb-court-rank-grid span { color:#9d968c; font:6px/1.3 'Press Start 2P',monospace; }
.mb-court-rank-grid strong { color:#7dffb2; font:15px/1 'Neue Pixel Sans',monospace; }
.mb-court-reward { display:grid; gap:9px; margin-bottom:11px; padding:12px; border:1px solid rgba(255,210,78,.28); border-radius:12px; background:linear-gradient(135deg,rgba(109,42,9,.28),rgba(0,0,0,.5)); }
.mb-court-reward .mb-builder-badge { width:max-content; max-width:100%; margin:0; }
.mb-court-reward strong { color:#ffd65d; font:7px/1.4 'Press Start 2P',monospace; }
.mb-court-reward p { margin:4px 0 0; color:#c7c0b6; font-size:11px; line-height:1.4; }
.mb-court-streak { color:#ff9f54; font:7px/1.4 'Press Start 2P',monospace; }
.mb-court-details { margin-top:8px; background:rgba(0,0,0,.44); }
.mb-court-recruit { min-height:50px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.mb-court-recruit:last-child { border-bottom:0; }
.mb-court-recruit strong,.mb-court-recruit span { display:block; }
.mb-court-recruit strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.mb-court-recruit span { margin-top:3px; color:#b0a99f; font:6px/1.3 'Press Start 2P',monospace; }
.mb-court-recruit time { color:#8f8980; font-size:10px; }
.mb-tabs--four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.mb-tabs--four .mb-tab { padding-inline:4px; font-size:7px; }
.mb-ranking-row--builders .mb-ranking-score { max-width:150px; font-size:clamp(9px,2.6vw,13px); }

@keyframes mb-court-float { 0%,100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-7px) rotate(3deg); } }
@media (prefers-reduced-motion: reduce) { .mb-court-invite__ball { animation: none; } }
@media (max-width: 430px) {
    .mb-court-invite { padding-inline: 13px; }
    .mb-court-mission { grid-template-columns: 1fr; gap: 10px; }
    .mb-court-mission__line { width: 2px; height: 14px; margin: 0 auto; }
    .mb-court-share-actions { grid-template-columns:1fr; }
    .mb-court-rank-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mb-court-code { align-items:stretch; flex-direction:column; }
    .mb-court-code .mb-button { width:100%; }
}
@media (min-width: 740px) {
    .mb-court-invite { padding: 34px 32px 24px; }
    .mb-court-invite__lead { font-size: 15px; }
}

/* Growth labels remain compact, but never microscopic or broken. */
.mb-court-invite__kicker,
.mb-court-mission__step strong,
.mb-court-invite__actions .mb-button small,
.mb-mission-status strong,
.mb-court-invite__trust,
.mb-court-code span,
.mb-court-kpi span,
.mb-court-rank-grid span,
.mb-court-reward strong,
.mb-court-streak,
.mb-court-recruit span,
.mb-builder-badge { font-size: 10px; overflow-wrap: normal; word-break: normal; }
.mb-court-panel__copy,
.mb-mission-status span,
.mb-court-panel__status,
.mb-court-reward p { font-size: 13px; }
.mb-court-code > div { grid-template-columns: 1fr; }
.mb-court-code span { display: block; line-height: 1.35; }
.mb-court-code strong { display: block; line-height: 1.25; user-select: all; -webkit-user-select: all; }
.mb-tabs--four .mb-tab { font-size: 10px; }

@media (max-width: 380px) {
    .mb-tabs--four .mb-tab { padding-inline: 2px; font-size: 9px; }
}