.mb-tourney-hero { position:relative; overflow:hidden; padding:20px; border:1px solid rgba(164,119,255,.5); border-radius:20px; background:radial-gradient(circle at 90% 0,rgba(164,119,255,.28),transparent 42%),linear-gradient(145deg,#1a0b2f,#050505 66%); box-shadow:0 20px 50px rgba(0,0,0,.5); }
.mb-tourney-hero::after { content:'🏆'; position:absolute; right:-6px; bottom:-24px; opacity:.08; font-size:145px; transform:rotate(-8deg); }
.mb-tourney-hero h1 { position:relative; z-index:1; margin:8px 0 10px; color:var(--mb-cream); font:clamp(20px,6vw,29px)/1.15 var(--mb-arcade); overflow-wrap:normal; word-break:normal; hyphens:none; }
.mb-tourney-hero p { position:relative; z-index:1; margin:0; color:#b9b1c4; font-size:13px; line-height:1.55; }
.mb-tourney-status { display:inline-flex; min-height:27px; align-items:center; margin-top:13px; padding:6px 9px; border:1px solid currentColor; border-radius:999px; color:var(--mb-purple); background:rgba(0,0,0,.45); font:7px/1 var(--mb-arcade); white-space:nowrap; overflow-wrap:normal; word-break:normal; hyphens:none; }
.mb-tourney-status--live { color:var(--mb-mint); animation:mb-live 1.5s ease-in-out infinite; }
.mb-tourney-status--completed { color:#aaa; animation:none; }
@keyframes mb-live { 50% { opacity:.55; box-shadow:0 0 17px rgba(125,255,178,.35); } }
.mb-event-controls { position:sticky; top:calc(66px + env(safe-area-inset-top,0px)); z-index:25; margin:14px -14px; padding:11px 14px; border-block:1px solid var(--mb-line); background:rgba(0,0,0,.96); }
.mb-event-filters { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; margin-bottom:9px; }
.mb-event-filters::-webkit-scrollbar { display:none; }
.mb-event-filter { flex:0 0 auto; min-height:44px; padding:9px 12px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:#aaa; background:#111; cursor:pointer; font:7px/1 var(--mb-arcade); }
.mb-event-filter[aria-pressed='true'] { border-color:var(--mb-purple); color:#fff; background:#432276; }
.mb-event-filter:focus-visible { outline:3px solid var(--mb-blue); outline-offset:2px; }
.mb-event-grid { display:grid; gap:12px; }
.mb-event-card { display:block; position:relative; overflow:hidden; padding:16px; border:1px solid rgba(164,119,255,.32); border-radius:16px; color:#fff; background:radial-gradient(circle at 100% 0,rgba(164,119,255,.15),transparent 43%),#08070b; text-decoration:none; box-shadow:0 13px 30px rgba(0,0,0,.3); }
.mb-event-card::before { content:''; position:absolute; inset:0 auto 0 0; width:4px; background:var(--mb-purple); }
.mb-event-card--live::before { background:var(--mb-mint); }
.mb-event-card--completed::before { background:#777; }
.mb-event-card__top { display:flex; justify-content:space-between; gap:10px; align-items:start; }
.mb-event-card__name { margin:7px 0; color:var(--mb-cream); font-size:21px; line-height:1; overflow-wrap:normal; word-break:normal; hyphens:none; }
.mb-event-card__meta { color:#aaa; font-size:11px; line-height:1.5; }
.mb-event-card__footer { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:13px; }
.mb-event-metric { padding:9px 6px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(0,0,0,.45); text-align:center; }
.mb-event-metric strong { display:block; color:var(--mb-gold); font:clamp(7px,2.2vw,9px)/1.35 var(--mb-arcade); overflow-wrap:normal; word-break:normal; hyphens:none; }
.mb-event-metric span { display:block; margin-top:5px; color:#858585; font-size:9px; }
.mb-countdown { margin-top:13px; padding:11px; border:1px solid rgba(125,255,178,.22); border-radius:11px; color:var(--mb-mint); background:rgba(125,255,178,.06); text-align:center; font:8px/1.35 var(--mb-arcade); }
.mb-detail-grid { display:grid; gap:14px; }
.mb-event-info-grid { display:grid; gap:11px; margin:14px 0; }
.mb-event-info { min-width:0; padding:16px; border:1px solid rgba(164,119,255,.24); border-radius:14px; background:radial-gradient(circle at 100% 0,rgba(164,119,255,.09),transparent 40%),#09080b; box-shadow:inset 4px 0 rgba(164,119,255,.62); }
.mb-event-info > span { display:block; margin-bottom:8px; color:var(--mb-purple); font:7px/1.3 var(--mb-arcade); letter-spacing:.06em; }
.mb-event-info h2 { margin:0 0 9px; color:var(--mb-cream); font-size:18px; line-height:1.1; }
.mb-event-info p { margin:0; color:#b8b2bd; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.mb-event-info strong { display:block; margin-top:11px; color:var(--mb-mint); font:7px/1.5 var(--mb-arcade); }
.mb-event-info dl { display:grid; gap:8px; margin:0; }
.mb-event-info dl div { display:grid; grid-template-columns:58px minmax(0,1fr); gap:8px; }
.mb-event-info dt { color:#888; font-size:10px; font-weight:800; text-transform:uppercase; }
.mb-event-info dd { margin:0; color:#ddd; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.mb-rules { display:grid; gap:8px; counter-reset:rule; }
.mb-rule { display:grid; grid-template-columns:30px minmax(0,1fr); gap:9px; align-items:start; color:#bbb; font-size:12px; line-height:1.45; }
.mb-rule::before { counter-increment:rule; content:counter(rule); width:27px; height:27px; display:grid; place-items:center; border:1px solid var(--mb-gold); border-radius:50%; color:var(--mb-gold); font:7px/1 var(--mb-arcade); }
.mb-participant-grid { display:grid; gap:8px; }
.mb-participant { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.035); }
.mb-participant a { min-height:44px; display:flex; align-items:center; overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; font-size:15px; }
.mb-participant span { color:#888; font-size:9px; }
.mb-legacy-note { margin-bottom:11px; padding:11px; border:1px solid rgba(255,215,96,.24); border-radius:10px; color:#d7c996; background:rgba(255,215,96,.05); font-size:11px; line-height:1.45; }
.mb-leaderboard-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:13px 0; }
.mb-leaderboard-actions .mb-button { max-width:210px; }
.mb-ranking-row--legacy .mb-ranking-name { color:#8d8d8d; cursor:default; }
.mb-account-strip { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; margin-top:14px; padding:11px; border:1px solid rgba(77,141,255,.28); border-radius:11px; background:rgba(77,141,255,.06); }
.mb-account-strip strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.mb-account-strip span { color:#999; font-size:10px; }
body[data-tournament-page] .mb-stat__value { font-size:clamp(12px,4vw,18px); line-height:1.15; overflow-wrap:normal; word-break:normal; hyphens:none; white-space:normal; }
.mb-official-links { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:14px; }
.mb-official-links .mb-link-button { min-height:44px; padding:8px; font-size:7px; }
body[data-tournament-page] .mb-stat__value--entry { font-size:clamp(7px,2.1vw,11px); line-height:1.35; letter-spacing:-.02em; overflow-wrap:normal; word-break:normal; hyphens:none; white-space:nowrap; }
@media(min-width:700px){.mb-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-detail-grid{grid-template-columns:1.2fr .8fr}.mb-event-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-event-controls{margin-inline:-22px;padding-inline:22px}}
@media(max-width:430px){.mb-event-card__footer{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-event-metric{padding-inline:4px}.mb-leaderboard-actions{grid-template-columns:1fr}.mb-leaderboard-actions .mb-button{width:100%;max-width:none}.mb-official-links{grid-template-columns:1fr}.mb-tourney-hero{padding:17px}.mb-tourney-hero h1{font-size:clamp(17px,5.7vw,24px)}}
@media(max-width:380px){.mb-event-controls{margin-inline:-10px;padding-inline:10px}.mb-event-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.mb-event-filter{width:100%}}

/* Final event readability and safe wrapping. */
.mb-tourney-status,
.mb-event-filter,
.mb-event-metric strong,
.mb-official-links .mb-link-button { font-size: 10px; overflow-wrap: normal; word-break: normal; }
.mb-event-card__meta,
.mb-event-info p,
.mb-event-info dd,
.mb-legacy-note,
.mb-account-strip span { font-size: 13px; line-height: 1.5; overflow-wrap: normal; word-break: normal; }
.mb-event-info dt,
.mb-event-metric span,
.mb-participant span { font-size: 11px; }
.mb-event-filters { padding-bottom: 5px; scroll-snap-type: x proximity; }
.mb-event-filter { scroll-snap-align: start; }
.mb-event-controls::after { content: 'SWIPE FILTERS →'; display: block; margin: -1px 0 10px; color: #8f8980; font: 10px/1.4 var(--mb-arcade); }
@media(max-width:380px){.mb-event-controls::after{display:none}}
@media(prefers-reduced-motion:reduce){.mb-tourney-status--live{animation:none}}

body[data-tournament-page] .mb-tourney-hero p,
body[data-tournament-page] .mb-event-card__meta,
body[data-tournament-page] .mb-event-info p,
body[data-tournament-page] .mb-event-info dd,
body[data-tournament-page] .mb-legacy-note,
body[data-tournament-page] .mb-account-strip span { font: .9375rem/1.55 system-ui, sans-serif; overflow-wrap: anywhere; }
body[data-tournament-page] .mb-event-filter,
body[data-tournament-page] .mb-countdown,
body[data-tournament-page] .mb-tourney-status { font-size: .75rem; line-height: 1.5; white-space: normal; }
body[data-tournament-page] .mb-event-card__top { flex-wrap: wrap; }
body[data-tournament-page] .mb-event-card__name,
body[data-tournament-page] .mb-tourney-hero h1,
body[data-tournament-page] .mb-event-metric strong { overflow-wrap: anywhere; }
body[data-tournament-page] .mb-tourney-hero > .mb-button { position: relative; z-index: 1; display: grid; place-items: center; margin-top: 16px; text-decoration: none; }
body[data-tournament-page] .mb-event-info strong,
body[data-tournament-page] .mb-stat__value--entry { font-size: .8125rem; line-height: 1.5; white-space: normal; }