:root {
  color-scheme: dark;
  --bg: #09090c;
  --surface: #141316;
  --surface-raised: #1c191d;
  --surface-soft: #100e11;
  --line: #302a30;
  --line-soft: #241f24;
  --text: #f4f1f2;
  --muted: #a39a9f;
  --subtle: #766c72;
  --accent: #e62838;
  --accent-soft: #e6283817;
  --positive: #5bc783;
  --display: 'DM Sans', Arial, sans-serif;
  --body: 'DM Sans', Arial, sans-serif;
  --radius: 9px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font: 13px/1.5 var(--body); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button { color: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #f49a8c; outline-offset: 3px; }

.topbar { height: 68px; border-bottom: 1px solid var(--line-soft); display: flex; align-items: center; padding: 0 max(5%, calc((100vw - 1280px)/2)); gap: 58px; background: #0e1319; position: relative; z-index: 4; }
.brand { display: flex; align-items: center; gap: 9px; color: #f4f6f8; text-decoration: none; font: 700 16px var(--body); letter-spacing: .4px; white-space: nowrap; }
.brand-mark { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 6px; background: var(--accent); color: #fff; font: 800 17px var(--body); }
.brand small { font: 600 9px var(--body); letter-spacing: .9px; color: var(--muted); border-left: 1px solid var(--line); padding: 4px 0 4px 12px; margin-left: 5px; }
.main-nav { display: flex; align-self: stretch; gap: 28px; }
.nav-item { position: relative; border: 0; background: none; color: var(--muted); font-size: 11px; font-weight: 600; transition: color .16s; }
.nav-item.active, .nav-item:hover { color: var(--text); }
.nav-item.active:after { content: ''; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background: var(--accent); border-radius: 2px 2px 0 0; }
.my-count { display: inline-grid; place-items: center; background: var(--surface-raised); color: #c1c9d1; border-radius: 20px; min-width: 18px; height: 18px; font-size: 9px; margin-left: 4px; padding: 0 4px; }
.profile { margin-left: auto; display: flex; align-items: center; gap: 9px; color: #adb6c0; font-size: 9px; letter-spacing: .6px; border: 1px solid transparent; border-radius: 7px; background: transparent; padding: 5px 7px; transition: background .16s, border-color .16s; }
.profile:hover { background: #171e26; border-color: #303a46; }
.profile-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.online-dot, .live-dot { width: 7px; height: 7px; background: var(--positive); display: inline-block; border-radius: 50%; }
.avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #283341; color: #f4f6f8; font-weight: 700; font-size: 11px; border: 1px solid #3a4653; }
.mobile-nav { display: none; background: none; border: 0; font-size: 19px; }
main { max-width: 1280px; margin: auto; padding: 0 5%; }

.welcome { min-height: 254px; border-bottom: 1px solid var(--line-soft); position: relative; display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.welcome>div:first-child { position: relative; z-index: 2; padding: 28px 0; }
.eyebrow { font-size: 9px; font-weight: 700; letter-spacing: 1.15px; color: var(--muted); margin: 0 0 13px; }
.welcome .eyebrow { color: #aeb8c3; }
.welcome .live-dot { background: var(--positive); margin-right: 8px; }
.welcome h1 { font: 800 clamp(43px, 5.2vw, 60px)/.98 var(--display); letter-spacing: -2.3px; margin: 0 0 13px; }
.welcome h1 span { color: var(--accent); }
.welcome-copy { margin: 0; color: #aab4bf; font-size: 12px; }
.welcome-stats { display: flex; align-items: center; gap: 26px; position: relative; z-index: 1; margin-right: 7%; }
.welcome-stats div { display: flex; flex-direction: column; gap: 4px; }
.welcome-stats strong { font: 700 25px var(--display); letter-spacing: -.5px; }
.welcome-stats span { color: var(--muted); font-size: 8px; letter-spacing: .9px; }
.welcome-stats i { height: 34px; width: 1px; background: var(--line); }
.hero-shape { position: absolute; right: -3%; top: -250px; width: 520px; height: 520px; border: 1px solid #35404b55; border-radius: 50%; transform: rotate(-27deg); }
.hero-shape:before, .hero-shape:after { content: ''; position: absolute; inset: 42px; border: 1px solid #35404b44; border-radius: 50%; }
.hero-shape:after { inset: 100px; }
.hero-shape b { position: absolute; inset: 0; display: grid; place-items: center; color: #f064500c; font: 800 320px/.8 var(--display); }
.hero-shape i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #637487; left: 100px; top: 77px; }
.hero-shape i:last-child { left: 375px; top: 350px; width: 6px; height: 6px; background: var(--accent); }

.dashboard, .my-events-view, .admin-view { padding: 35px 0 76px; }
.section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 23px; }
.section-head .eyebrow { margin-bottom: 7px; }
.section-head h2 { font: 700 26px/1.1 var(--display); letter-spacing: -.65px; margin: 0; }
.head-count { font: 500 11px var(--body); color: var(--subtle); margin-left: 6px; vertical-align: 2px; }
.create-btn { border: 1px solid #3b4652; border-radius: 6px; background: #171e26; padding: 9px 12px; font-size: 10px; font-weight: 600; transition: border-color .16s, background .16s; }
.create-btn span { color: var(--accent); font-size: 15px; vertical-align: -1px; margin-right: 5px; }
.create-btn:hover { border-color: #687584; background: #1c2530; }
.toolbar { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); gap: 15px; }
.filters { display: flex; gap: 23px; align-items: center; }
.filter { padding: 0 0 12px; background: none; border: 0; color: var(--muted); font-size: 10px; font-weight: 600; position: relative; white-space: nowrap; }
.filter.active, .filter:hover { color: var(--text); }
.filter.active:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: var(--accent); }
.filter-dot { display: inline-block; width: 5px; height: 5px; background: var(--positive); border-radius: 50%; vertical-align: middle; margin-left: 3px; }
.filter .live-dot { width: 5px; height: 5px; background: var(--accent); margin-left: 3px; }
.search { height: 32px; border: 1px solid #303a46; border-radius: 6px; display: flex; align-items: center; padding: 0 9px; gap: 7px; margin-bottom: 6px; color: var(--muted); background: #11171e; }
.search:focus-within { border-color: #687788; }
.search span { font-size: 18px; line-height: 1; }
.search input { width: 130px; background: transparent; border: 0; outline: 0; color: var(--text); font-size: 10px; }
.search input::placeholder { color: #7e8995; }
.game-filters { display: flex; gap: 8px; padding: 15px 0 18px; overflow-x: auto; }
.game-chip { display: flex; align-items: center; gap: 7px; white-space: nowrap; border: 1px solid #303a46; border-radius: 6px; background: #11171e; color: #aab4bf; padding: 7px 10px; font-size: 9px; font-weight: 600; transition: .16s; }
.game-chip.active, .game-chip:hover { color: var(--text); border-color: #657382; background: #1a222c; }
.game-symbol { display: grid; place-items: center; width: 17px; height: 17px; font: 700 10px var(--display); border-radius: 4px; }
.apex { color: #e9917f; background: #e9917f1b; }.fortnite { color: #a6b3ff; background: #8898ff22; }.pubg { color: #d4bb7b; background: #d4bb7b22; }.freefire { color: #f1a477; background: #f1a47722; }.warzone { color: #9bc3a6; background: #9bc3a622; }
.tournament-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tournament-card { background: var(--surface); border: 1px solid #27313c; border-radius: var(--radius); position: relative; overflow: hidden; transition: transform .18s, border-color .18s, box-shadow .18s; }
.tournament-card:hover { transform: translateY(-2px); border-color: #465463; box-shadow: 0 8px 22px #0003; }
.card-banner { height: 96px; position: relative; overflow: hidden; display: flex; align-items: center; padding: 15px; background: linear-gradient(115deg,#1b242e,#151b22 76%); isolation: isolate; }
.card-banner:before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#151b22 0%,#151b22e8 28%,#151b2280 56%,transparent 100%); z-index: 1; pointer-events: none; }
.banner-art { position: absolute; inset: 0 0 0 22%; width: 78%; height: 100%; z-index: 0; }
.game-title { position: relative; z-index: 2; font: 700 12px/1.2 var(--body); text-transform: uppercase; letter-spacing: .8px; color: #f0f2f5; }
.game-title small { display: block; font: 600 8px var(--body); letter-spacing: 1px; margin-bottom: 6px; color: #c3cbd3; }
.status { position: absolute; z-index: 3; right: 10px; top: 10px; padding: 4px 7px; background: #0f151bdc; border: 1px solid #ffffff18; border-radius: 4px; font-size: 7px; letter-spacing: .45px; font-weight: 700; display: flex; align-items: center; gap: 5px; color: #d1d7dd; }
.status:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--positive); }
.status.live:before { background: var(--accent); }.status.soon:before { background: #8b9aab; }
.card-body { padding: 14px 14px 12px; }
.card-kicker { display: flex; justify-content: space-between; color: #8c98a4; font-size: 7px; letter-spacing: .65px; margin-bottom: 7px; }
.card-kicker span:first-child { color: #b5bec7; }
.card-body h3 { font: 700 15px/1.25 var(--display); margin: 0 0 12px; letter-spacing: -.15px; min-height: 19px; }
.card-details { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; border-top: 1px solid var(--line-soft); padding-top: 11px; }
.detail { display: flex; align-items: flex-start; gap: 7px; }
.detail-icon { color: #a8b2bd; font-size: 12px; width: 14px; text-align: center; font-weight: 500; }
.detail span { display: flex; flex-direction: column; gap: 3px; color: #e2e6ea; font-size: 9px; font-weight: 600; }
.detail small { color: #7e8a97; font-size: 7px; font-weight: 600; letter-spacing: .45px; }
.card-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line-soft); margin-top: 12px; padding-top: 10px; }
.players { color: #929eaa; font-size: 8px; }.players b { color: #dce2e7; font-weight: 600; }
.spots { height: 3px; width: 51px; background: #303a45; display: inline-block; margin-left: 5px; vertical-align: middle; border-radius: 4px; overflow: hidden; }.spots i { height: 100%; display: block; background: var(--positive); border-radius: 4px; }
.join-btn { border: 1px solid var(--accent); border-radius: 5px; background: var(--accent); padding: 7px 10px; color: #fff; font-size: 8px; font-weight: 700; letter-spacing: .15px; transition: background .15s, border-color .15s; }
.join-btn:hover { background: #df5947; border-color: #df5947; }.join-btn:disabled { background: #202832; border-color: #303a45; color: #8995a1; cursor: default; }
.empty-state { text-align: center; padding: 72px 20px; color: var(--muted); }.empty-state>div { font-size: 30px; color: #a8b2bd; }.empty-state h3 { font: 700 18px var(--display); color: var(--text); margin: 10px; }.empty-state p { font-size: 11px; }.reset-btn, .back-btn { background: #171e26; border: 1px solid #3b4652; border-radius: 5px; color: #e5e9ed; padding: 8px 11px; font-size: 10px; }.reset-btn:hover, .back-btn:hover { border-color: #697787; }
.my-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.my-list:empty:after { content: 'No tournaments yet. Join an event and it will appear here.'; grid-column: 1/-1; padding: 44px 20px; text-align: center; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.hidden { display: none !important; }

footer { min-height: 66px; border-top: 1px solid var(--line-soft); padding: 0 max(5%, calc((100vw - 1280px)/2)); display: flex; align-items: center; justify-content: space-between; color: #788491; font-size: 8px; letter-spacing: .8px; }
footer .brand { font-size: 13px; color: #dfe4e9; } footer .brand-mark { width: 22px; height: 22px; font-size: 14px; border-radius: 5px; }
.toast { position: fixed; right: 22px; bottom: 22px; background: #202832; border: 1px solid #3a4653; border-radius: 7px; padding: 12px 16px; color: #f4f6f8; font-size: 11px; box-shadow: 0 12px 32px #0008; transform: translateY(16px); opacity: 0; pointer-events: none; transition: .2s; z-index: 10; }.toast.show { transform: translateY(0); opacity: 1; }

dialog { width: min(480px, calc(100% - 32px)); padding: 0; background: #171e26; color: var(--text); border: 1px solid #384451; border-radius: 11px; box-shadow: 0 25px 90px #000a; }.dialog::backdrop, dialog::backdrop { background: #070a0ed9; backdrop-filter: blur(3px); }.dialog-close { position: absolute; right: 13px; top: 12px; border: 1px solid #394450; background: #202832; border-radius: 6px; width: 28px; height: 28px; font-size: 18px; color: #c5cdd5; }.dialog-inner { padding: 27px; }.dialog-inner .eyebrow { color: #aab4bf; }.dialog-inner h2 { font: 700 29px/1.02 var(--display); letter-spacing: -.4px; margin: 0 0 9px; }.dialog-inner p { color: #a4afb9; line-height: 1.6; font-size: 11px; }.dialog-game { font-size: 8px; color: #e9897a; letter-spacing: .9px; font-weight: 700; margin: 15px 0 19px; }.dialog-inner label { display: block; color: #c3cbd3; font-size: 8px; letter-spacing: .75px; font-weight: 700; margin: 12px 0 5px; }.dialog-inner input, .dialog-inner select { width: 100%; height: 37px; padding: 0 10px; background: #10161d; border: 1px solid #303a46; border-radius: 5px; color: var(--text); outline: none; font-size: 11px; }.dialog-inner input:focus, .dialog-inner select:focus { border-color: #778695; }.dialog-inner select option { background: #11171e; }.dialog-submit { width: 100%; margin-top: 17px; height: 39px; background: var(--accent); border: 1px solid var(--accent); border-radius: 5px; font-weight: 700; font-size: 10px; }.dialog-submit:hover { background: #df5947; }.dialog-note { font-size: 9px !important; text-align: center; margin: 9px 0 0 !important; }.dialog-inner .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }

/* Admin workspace */
.admin-banner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; background: linear-gradient(100deg, #1c252e, #151b22 72%); border: 1px solid var(--line); border-radius: var(--radius); margin: 0 0 14px; }.admin-banner>div { display: flex; align-items: center; gap: 11px; }.admin-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 6px; background: #293543; color: #dce4eb; font: 700 12px var(--body); }.admin-banner strong, .admin-banner small { display: block; }.admin-banner strong { font-size: 9px; letter-spacing: .7px; }.admin-banner small { font-size: 9px; color: var(--muted); margin-top: 3px; }.demo-badge { color: #aeb8c2; font-size: 8px; letter-spacing: .65px; }.demo-badge i { display: inline-block; width: 6px; height: 6px; background: var(--positive); border-radius: 50%; margin-right: 6px; }
.admin-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-bottom: 32px; }.admin-stats article { min-height: 100px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 15px; }.admin-stats article span, .admin-stats article small { display: block; color: var(--muted); font-size: 8px; letter-spacing: .65px; }.admin-stats article strong { display: block; font: 700 27px var(--display); margin: 8px 0 2px; letter-spacing: -.4px; }.admin-stats article small { font-size: 9px; letter-spacing: 0; color: var(--subtle); }
.admin-table-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 12px; }.admin-table-head .eyebrow { margin: 0 0 6px; }.admin-table-head h3 { font: 700 19px var(--display); letter-spacing: -.2px; margin: 0; }.admin-table-head h3 span { font: 500 10px var(--body); color: var(--subtle); margin-left: 5px; }.admin-table-head .search { margin: 0; }
.owner-control-note { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }table { border-collapse: collapse; width: 100%; min-width: 750px; text-align: left; }thead { background: #19212a; }th { height: 38px; padding: 0 13px; font-size: 8px; color: #a2adb8; letter-spacing: .7px; font-weight: 600; }td { height: 61px; padding: 8px 13px; border-top: 1px solid var(--line-soft); font-size: 9px; color: #b9c2cb; }td:first-child { min-width: 200px; }td strong, td small { display: block; }td strong { font-size: 9px; color: #e9edf1; margin-bottom: 4px; font-weight: 600; }td small { font-size: 8px; color: #8b97a3; }.admin-game { display: flex; align-items: center; gap: 7px; }.admin-game .game-symbol { flex: none; }.status-select { background: #11171e; border: 1px solid #35404b; border-radius: 5px; color: #e2e7eb; padding: 6px 20px 6px 8px; font-size: 9px; outline: none; }.status-select:focus { border-color: #758493; }.row-action { background: #1c252e; border: 1px solid #3a4652; border-radius: 5px; color: #e1e6ea; padding: 6px 9px; font-size: 9px; }.row-action:hover { border-color: #718090; }.admin-footnote { color: #7f8b97; font-size: 9px; line-height: 1.6; margin-top: 12px; }.table-empty { text-align: center !important; padding: 32px; color: var(--muted); }

@media (max-width: 850px) { .topbar { padding: 0 4%; gap: 30px; } main { padding: 0 4%; } .welcome-stats { margin-right: 2%; } .tournament-grid, .my-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .profile-name { display: none; } .admin-stats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .topbar { height: 62px; padding: 0 5%; gap: 0; }.brand { font-size: 15px; }.brand small { display: none; }.main-nav { display: none; position: absolute; top: 61px; left: 0; right: 0; height: auto; background: #11171e; padding: 8px 5% 13px; flex-direction: column; gap: 0; border-bottom: 1px solid var(--line); }.main-nav.mobile-open { display: flex; }.nav-item { text-align: left; padding: 12px 0; }.nav-item.active:after { left: 0; right: auto; width: 40px; }.profile { margin-left: auto; margin-right: 10px; }.mobile-nav { display: block; }.welcome { min-height: 250px; align-items: flex-start; padding-top: 20px; }.welcome h1 { font-size: 51px; }.welcome-stats { position: absolute; bottom: 18px; left: 0; gap: 20px; }.welcome-stats strong { font-size: 21px; }.hero-shape { right: -325px; top: -170px; opacity: .65; }.dashboard, .my-events-view, .admin-view { padding-top: 27px; }.section-head { align-items: flex-start; gap: 12px; flex-direction: column; }.section-head h2 { font-size: 24px; }.create-btn { align-self: flex-start; }.toolbar { align-items: flex-start; flex-direction: column-reverse; gap: 11px; }.search { margin: 0; width: 100%; }.search input { width: 100%; }.filters { gap: 17px; width: 100%; overflow-x: auto; }.filter { padding-bottom: 11px; }.game-filters { padding: 12px 0 15px; }.tournament-grid, .my-list { grid-template-columns: 1fr; gap: 11px; }.card-banner { height: 95px; }.card-body { padding: 14px; }.welcome-copy { font-size: 11px; }footer { padding: 0 5%; font-size: 7px; }footer .brand { font-size: 12px; }footer>span:nth-child(2) { display: none; }.dialog-inner { padding: 23px; }.admin-banner { align-items: flex-start; gap: 11px; flex-direction: column; }.admin-stats { gap: 8px; margin-bottom: 25px; }.admin-stats article { padding: 11px; min-height: 90px; }.admin-stats article strong { font-size: 23px; }.admin-table-head { align-items: flex-start; flex-direction: column; gap: 11px; }.admin-table-head .search { width: 100%; } }
.profile-copy{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.profile-name{font-size:9px;font-weight:700;letter-spacing:.55px}.profile-tag{font-size:8px;color:#8492a0;letter-spacing:0}.avatar{overflow:hidden;flex:none}.avatar img,.drawer-avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-backdrop{position:fixed;inset:0;z-index:19;border:0;background:#030609b8;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.profile-backdrop.open{opacity:1;visibility:visible}.profile-drawer{position:fixed;z-index:20;top:0;right:0;bottom:0;width:min(430px,100vw);background:#121820;border-left:1px solid #35404b;box-shadow:-24px 0 70px #0007;transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.75,.25,1);overflow-y:auto;overscroll-behavior:contain}.profile-drawer.open{transform:translateX(0)}body.drawer-open{overflow:hidden}.profile-drawer-content{min-height:100%;padding:26px 27px 22px;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px}.drawer-header .eyebrow{margin:0 0 5px}.drawer-header h2{font:700 21px var(--body);letter-spacing:-.45px;margin:0}.drawer-close{width:31px;height:31px;border:1px solid #37424e;border-radius:7px;background:#1a222b;color:#dce2e8;font-size:19px;line-height:1}.drawer-close:hover{background:#252f3a}.drawer-user-summary{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:22px 0 18px;border-bottom:1px solid var(--line)}.drawer-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;overflow:hidden;border:1px solid #495665;background:#263341;color:#f2f5f7;font-weight:700;font-size:17px}.drawer-user-summary strong,.drawer-user-summary span{display:block}.drawer-user-summary strong{font-size:13px;font-weight:700}.drawer-user-summary span{font-size:10px;color:#a9b6c2;margin-top:3px}.photo-button{border:1px solid #394653;border-radius:6px;background:#1a222b;color:#dbe1e6;padding:7px 9px;font-size:9px;cursor:pointer}.photo-button:hover{border-color:#718090}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-drawer form{padding-top:18px}.profile-drawer form>label,.signed-out-card label{display:block;color:#b8c2cb;font-size:8px;font-weight:700;letter-spacing:.8px;margin:13px 0 6px}.profile-drawer input:not([type=file]),.profile-drawer select{width:100%;height:39px;padding:0 11px;background:#0e141a;border:1px solid #303b47;border-radius:6px;color:#edf1f5;font:11px var(--body);outline:none}.profile-drawer input:focus,.profile-drawer select:focus{border-color:#728394}.profile-drawer input::placeholder{color:#6f7d8a}.field-help{display:block;color:#7f8c98;font-size:9px;margin:6px 0 2px}.drawer-primary{width:100%;height:41px;margin-top:20px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:white;font-size:10px;font-weight:700;letter-spacing:.35px}.drawer-primary:hover{background:#df5947}.drawer-account{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:21px;padding-top:16px}.drawer-account>div{display:flex;align-items:center;gap:8px;color:#a8b3bd;font-size:9px}.drawer-account .online-dot{width:6px;height:6px}.drawer-account button{border:1px solid #394653;border-radius:5px;background:#171e26;color:#d4dce3;padding:7px 10px;font-size:9px}.drawer-account button:hover{border-color:#788695}.drawer-note{color:#7e8a95;font-size:9px;line-height:1.55;margin:12px 0 0}.signed-out-card{padding:30px 0}.signed-out-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#202a35;color:#e08b7d;font-size:20px}.signed-out-card h3{font:700 17px var(--body);margin:18px 0 7px}.signed-out-card>p{font-size:10px;color:#9ca9b5;line-height:1.65}.signed-out-card form{padding-top:13px}.signed-out-card .drawer-primary{margin-top:15px}.signed-out-card .drawer-note{margin-top:15px}.toast{z-index:40}
.profile-page{max-width:820px;margin:0 auto;padding:34px 0 70px}.profile-page-top{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:17px;padding:24px;background:linear-gradient(105deg,#191b2a,#151a23 65%,#1b2029);border:1px solid #343644;border-radius:15px;position:relative;overflow:hidden}.profile-page-top:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #f0645026;border-radius:50%;right:-75px;top:-90px;box-shadow:0 0 0 24px #f0645008,0 0 0 52px #f0645005;pointer-events:none}.profile-hero-avatar{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:2px solid #d7b65e;background:#263341;color:#fff;font-size:23px;font-weight:700;box-shadow:0 0 0 5px #d7b65e18}.profile-hero-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero-copy{min-width:0;position:relative;z-index:1}.profile-hero-copy .eyebrow{margin:0 0 3px;color:#aab2bd}.profile-hero-copy h2{font:700 clamp(18px,3vw,26px)/1.15 var(--body);letter-spacing:-.5px;margin:0 0 4px;overflow-wrap:anywhere}.profile-hero-tag{font-size:11px;color:#72cfa7;font-weight:700;letter-spacing:.1px}.edit-profile-button{position:relative;z-index:1;border:1px solid #3c4652;border-radius:7px;padding:8px 11px;background:#20242e;color:#dce2e8;font-size:9px;font-weight:600}.edit-profile-button:hover{border-color:#748394}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 28px;border:1px solid #555a3c;border-radius:15px;background:#151817;overflow:hidden}.profile-stats article{min-height:88px;padding:14px 11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center}.profile-stats article+article{border-left:1px solid #343832}.profile-stats strong{font:700 21px var(--body);color:#d7c068;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stats span{font-size:7px;color:#a6aaa2;letter-spacing:.65px;text-align:center}.profile-menu-heading{margin:0 2px 10px}.profile-menu-heading .eyebrow{margin:0}.profile-menu{display:flex;flex-direction:column;gap:10px}.profile-row{width:100%;min-height:67px;display:flex;align-items:center;gap:14px;padding:11px 15px;text-align:left;background:#15191e;border:1px solid #30353a;border-radius:15px;color:var(--text);transition:border-color .15s,background .15s}.profile-row:hover{border-color:#53616c;background:#181e24}.menu-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#37a9d0;font-size:25px;font-weight:600;line-height:1}.menu-label{display:flex;flex:1;flex-direction:column;gap:3px;font-size:13px;font-weight:650}.menu-label small{font-size:9px;font-weight:400;color:#89949e}.menu-chevron{color:#e7ebef;font-size:25px;font-weight:300;line-height:1}.setting-row{cursor:pointer}.toggle-input{position:absolute;opacity:0;width:1px;height:1px}.toggle-ui{margin-left:auto;width:45px;height:25px;flex:none;border-radius:20px;background:#262c31;border:1px solid #3c4349;position:relative;transition:.18s}.toggle-ui:after{content:'';position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#d3d8dc;transition:transform .18s,background .18s}.toggle-input:checked+.toggle-ui{background:#247a84;border-color:#349aa5}.toggle-input:checked+.toggle-ui:after{transform:translateX(19px);background:#e8faf8}.toggle-input:focus-visible+.toggle-ui{outline:2px solid #f49a8c;outline-offset:3px}.profile-row.profile-logout{color:#f27578}.profile-row.profile-logout .menu-icon{color:#42b4d3}.profile-row.profile-logout .menu-label small{color:#ae8d8e}.profile-page-note{text-align:center;color:#707c87;font-size:9px;margin:16px 0 0}.mobile-bottom-nav{display:none}
@media(max-width:580px){main{padding-bottom:88px}.profile-page{padding:23px 0 28px}.profile-page-top{grid-template-columns:57px 1fr auto;gap:11px;padding:17px 13px;border-radius:13px}.profile-hero-avatar{width:56px;height:56px;font-size:18px}.profile-hero-copy .eyebrow{font-size:7px;letter-spacing:.8px}.profile-hero-copy h2{font-size:17px;letter-spacing:-.4px}.profile-hero-tag{font-size:9px}.edit-profile-button{padding:7px 8px;font-size:8px}.profile-stats{margin:12px 0 22px;border-radius:13px}.profile-stats article{min-height:76px;padding:10px 5px;gap:4px}.profile-stats strong{font-size:17px}.profile-stats span{font-size:6.5px;letter-spacing:.35px}.profile-menu-heading{margin-bottom:8px}.profile-menu{gap:8px}.profile-row{min-height:64px;padding:9px 12px;gap:12px;border-radius:14px}.menu-icon{width:32px;height:32px;font-size:23px}.menu-label{font-size:12px}.menu-label small{font-size:8px}.toggle-ui{width:42px;height:24px}.toggle-ui:after{width:18px;height:18px}.toggle-input:checked+.toggle-ui:after{transform:translateX(17px)}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));height:62px;padding:4px 7px;display:flex;align-items:center;justify-content:space-around;gap:3px;background:#11171dF2;border:1px solid #555946;border-radius:19px;box-shadow:0 8px 26px #0008;z-index:15;backdrop-filter:blur(12px)}.mobile-bottom-nav button{flex:1;height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:transparent;color:#8f9aa5;font-size:7px;font-weight:600}.mobile-bottom-nav button span{font-size:19px;line-height:1}.mobile-bottom-nav button.active{color:var(--accent)}.mobile-bottom-nav button.active span{color:var(--accent)}.profile-drawer{width:min(430px,100vw)}.profile-drawer-content{padding:22px 20px 25px}.drawer-user-summary{grid-template-columns:50px 1fr auto;gap:9px}.drawer-avatar{width:50px;height:50px}.photo-button{font-size:8px;padding:7px}.footer{margin-bottom:75px}}
.profile-menu-heading-spaced{margin-top:26px}.profile-notice{display:flex;align-items:center;gap:11px;margin:-12px 0 23px;padding:12px 14px;border:1px solid #5b4930;border-radius:12px;background:#211d16}.profile-notice>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d9a54d;color:#17130d;font-weight:800}.profile-notice p{display:flex;flex-direction:column;gap:2px;margin:0}.profile-notice strong{font-size:10px;color:#e8d5ae}.profile-notice small{font-size:9px;color:#a99a7d}.aux-view{min-height:65vh;padding:34px 0 75px}.aux-intro{color:var(--muted);font-size:11px;margin:-11px 0 20px}.leaderboard-list{display:flex;flex-direction:column;gap:9px}.leader-row{min-height:65px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#15191e;border:1px solid #30353a;border-radius:13px}.leader-rank{width:28px;color:#d7c068;font-size:12px;font-weight:700}.leader-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#273847;color:#7bc7d9;font-size:13px;font-weight:700}.leader-info{display:flex;flex-direction:column;gap:3px;flex:1}.leader-info strong{font-size:11px}.leader-info small{font-size:8px;color:var(--muted)}.leader-row>b{font-size:10px;color:#c8d2db}.wallet-card{min-height:150px;padding:22px 24px;margin-bottom:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;background:linear-gradient(115deg,#1b2630,#171c23);border:1px solid #465341;border-radius:16px;position:relative;overflow:hidden}.wallet-card:after{content:'X';position:absolute;right:18px;top:-48px;font:800 180px var(--display);color:#d7c0680b}.wallet-card span{font-size:8px;letter-spacing:1px;color:#a8b3bd}.wallet-card strong{font-size:33px;color:#e0c86c;line-height:1}.wallet-card small{font-size:9px;color:#87939e}.wallet-history{border:1px solid var(--line);border-radius:13px;background:var(--surface)}.wallet-empty{min-height:126px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#8a96a1}.wallet-empty>span{font-size:22px;color:#45a9cc}.wallet-empty strong{font-size:11px;color:#dfe4e9}.wallet-empty small{font-size:9px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.stats-grid article{min-height:105px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.stats-grid strong{font-size:25px;color:#e0c86c}.stats-grid span{font-size:8px;letter-spacing:.7px;color:#9ca7b2}.faq-list{display:flex;flex-direction:column;gap:8px;margin:18px 0}.faq-list details{padding:12px;border:1px solid #303a46;border-radius:7px;background:#11171e}.faq-list summary{cursor:pointer;font-size:10px;font-weight:600}.faq-list details p{font-size:9px;margin:9px 0 0}.dialog-inner textarea{width:100%;min-height:110px;padding:10px;background:#0e141a;border:1px solid #303b47;border-radius:6px;color:var(--text);font:11px var(--body);resize:vertical}.dialog-inner textarea:focus{outline:2px solid #728394;outline-offset:1px}.referral-code-row{display:flex;gap:8px}.referral-code-row input{flex:1;font-weight:700;letter-spacing:.7px;color:#e5cf76!important}.referral-code-row button{padding:0 14px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);font-size:9px;font-weight:700}
@media(max-width:580px){.profile-menu-heading-spaced{margin-top:23px}.profile-notice{margin:-10px 0 19px;padding:10px 11px}.profile-notice small{font-size:8px}.aux-view{padding:25px 0 30px}.leader-row{padding:9px 11px}.wallet-card{min-height:135px;padding:18px}.stats-grid{gap:8px}.stats-grid article{min-height:90px;padding:12px}.mobile-bottom-nav button{font-size:6.5px}.mobile-bottom-nav button span{font-size:18px}}
.wallet-hero{min-height:220px;gap:0;padding:22px 25px;margin:0 0 16px;border-color:#672833;background:radial-gradient(ellipse at 88% 10%,#541821 0,transparent 42%),linear-gradient(125deg,#241014,#120f12 68%,#1b1114)}.wallet-hero:after{right:16px;top:14px;font-size:150px;color:#e6283808}.wallet-card-top,.wallet-label,.wallet-hero strong,.wallet-hero>small,.wallet-card-footer{position:relative;z-index:1}.wallet-card-top{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wallet-chip{display:grid;place-items:center;width:31px;height:24px;border:1px solid #96313e;border-radius:6px;background:#3a141b;color:#ff737b;font-size:10px;font-weight:800;letter-spacing:.5px}.wallet-live{display:flex;align-items:center;gap:6px;color:#ad969b;font-size:7px;letter-spacing:.9px}.wallet-live i{width:6px;height:6px;border-radius:50%;background:#ef3441;box-shadow:0 0 8px #ef3441}.wallet-label{font-size:8px;letter-spacing:1px;color:#b7a7aa}.wallet-hero strong{font:700 39px var(--display);margin:7px 0 3px;color:#fff;letter-spacing:-1px}.wallet-hero>small{font-size:8px;color:#ad989d}.wallet-card-footer{width:100%;display:flex;justify-content:space-between;margin-top:20px;padding-top:10px;border-top:1px solid #ffffff15;color:#9d8c91;font-size:7px;letter-spacing:.7px}.wallet-card-footer span:last-child{color:#e9d7da}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.wallet-actions>button{position:relative;min-height:68px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:10px 12px;border:1px solid #49232a;border-radius:11px;background:#171114;text-align:left}.wallet-action-primary:hover{border-color:#b63845;background:#201216}.wallet-actions>button>span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#3a171e;color:#ff737b;font-size:15px}.wallet-actions>button strong{font-size:9px}.wallet-actions>button small{font-size:7px;color:#a39398}.wallet-actions .wallet-action-locked{border-color:#30282d;background:#121012;cursor:pointer}.wallet-action-locked>span{background:#211c20;color:#8c8086}.wallet-action-locked b{position:absolute;right:9px;top:8px;padding:3px 5px;border-radius:4px;background:#211c20;color:#a99da2;font-size:6px;text-transform:uppercase;letter-spacing:.4px}.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.wallet-summary article{min-height:81px;padding:11px 12px;border:1px solid #30272d;border-radius:10px;background:#141215}.wallet-summary article span,.wallet-summary article small{display:block;color:#95888e;font-size:6px;letter-spacing:.65px}.wallet-summary article strong{display:block;margin:7px 0 2px;color:#f1e9eb;font-size:16px}.wallet-summary article small{font-size:7px;letter-spacing:0}.wallet-history-heading{display:flex;align-items:end;justify-content:space-between;margin:0 1px 10px}.wallet-history-heading .eyebrow{margin:0 0 3px;color:#d55761;font-size:7px}.wallet-history-heading h3{margin:0;font:700 17px var(--display)}.wallet-demo-note{padding:5px 7px;border:1px solid #45232b;border-radius:5px;color:#ca8990;font-size:6px;letter-spacing:.7px}.wallet-filters{display:flex;gap:6px;margin-bottom:10px}.wallet-filters button{padding:6px 11px;border:1px solid #30282e;border-radius:18px;background:#141215;color:#a99da2;font-size:8px}.wallet-filters button.active{border-color:#81313a;background:#32151b;color:#ff7880}.wallet-history{overflow:hidden;border:1px solid #30282e;border-radius:12px;background:#131114}.wallet-entry{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 12px}.wallet-entry+.wallet-entry{border-top:1px solid #292329}.wallet-entry-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:13px}.wallet-entry-icon.earned{background:#1d3026;color:#76d294}.wallet-entry-icon.spent{background:#321c20;color:#ef8a90}.wallet-entry-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.wallet-entry-copy strong{overflow:hidden;color:#f1ecee;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wallet-entry-copy small{overflow:hidden;color:#948a8f;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.wallet-entry-amount{font-size:9px;white-space:nowrap}.wallet-entry-amount.earned{color:#85d99d}.wallet-entry-amount.spent{color:#f08b92}.wallet-disclaimer{margin:10px 2px 0;color:#7f747a;font-size:7px;line-height:1.6}.wallet-empty{min-height:137px;padding:20px}.wallet-empty>small{text-align:center;max-width:280px;line-height:1.5}
@media(max-width:580px){.wallet-hero{min-height:202px;padding:18px}.wallet-hero strong{font-size:34px}.wallet-card-top{margin-bottom:18px}.wallet-summary{gap:6px}.wallet-summary article{min-height:73px;padding:9px 8px}.wallet-summary article span{font-size:5.5px}.wallet-summary article strong{font-size:14px}.wallet-actions{gap:7px}.wallet-actions>button{min-height:65px;grid-template-columns:27px 1fr;padding:8px}.wallet-actions>button strong{font-size:8px}.wallet-actions>button small{font-size:6px}.wallet-entry{gap:8px;padding:9px}.wallet-entry-copy small{font-size:6px}.wallet-entry-amount{font-size:8px}}
.wallet-action-withdraw{border-color:#3b3036!important;background:#151316!important}.wallet-action-withdraw:hover{border-color:#7d424b!important}.wallet-action-withdraw>span{background:#2d1c20!important;color:#f1878e!important}.wallet-bonus-strip{margin:-5px 0 18px}.wallet-bonus-strip button{width:100%;min-height:47px;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #493d26;border-radius:9px;background:linear-gradient(90deg,#1e1a11,#141215);text-align:left}.wallet-bonus-strip button>span{color:#edc75c;font-size:15px}.wallet-bonus-strip button strong{font-size:8px}.wallet-bonus-strip button small{flex:1;color:#a59b88;font-size:7px}.wallet-bonus-strip button>b{padding:4px 8px;border-radius:5px;background:#413119;color:#f2d783;font-size:6px;letter-spacing:.6px}.wallet-bonus-strip button:disabled{opacity:.65;cursor:default}.coin-flow .coin-amount-field{display:flex;align-items:center;gap:10px}.coin-flow .coin-amount-field input{flex:1}.coin-flow .coin-amount-field span{color:#f2cc67;font-size:8px;font-weight:700;letter-spacing:.8px}.coin-demo-warning{margin:12px 0!important;padding:9px 10px;border:1px solid #614b25;border-radius:6px;background:#221b10;color:#d7c28d!important;font-size:8px!important}.coin-flow .dialog-submit:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:580px){.wallet-bonus-strip{margin:-3px 0 15px}.wallet-bonus-strip button{gap:7px;padding:7px 9px}.wallet-bonus-strip button strong{font-size:7px}.wallet-bonus-strip button small{font-size:6px}}
.entry-fee-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:7px 9px;border:1px solid #4b292e;border-radius:7px;background:#1d1215}.entry-fee-line span,.join-fee-summary>span{color:#a89195;font-size:7px;letter-spacing:.8px}.entry-fee-line strong{color:#f1cf6c;font-size:8px}.join-fee-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;margin:12px 0;padding:11px 12px;border:1px solid #60313a;border-radius:8px;background:linear-gradient(100deg,#241317,#171215)}.join-fee-summary strong{color:#f1cf6c;font-size:12px}.join-fee-summary small{grid-column:1/-1;color:#a99a9d;font-size:8px}.coin-add-from-join{display:block;width:100%;margin-top:9px;padding:9px;border:1px solid #643039;border-radius:6px;background:#261317;color:#ff858d;font-size:9px;font-weight:700}.dialog-submit:disabled{opacity:.42;cursor:not-allowed}
.registration-account-email{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:9px 11px;border:1px solid #36282d;border-radius:7px;background:#151114}.registration-account-email span{color:#a89195;font-size:7px;letter-spacing:.8px}.registration-account-email strong{color:#eee6e8;font-size:9px;overflow-wrap:anywhere}.registration-account-email small{color:#a99a9d;font-size:8px}
.account-mode-switch{display:block;margin:12px auto 0;padding:8px 10px;border:0;background:transparent;color:#ff7780;font-size:9px;font-weight:700}.account-mode-switch:hover{color:#ffc2c5}.account-auth-message{min-height:12px;margin:8px 0 0;color:#ff8d94;font-size:9px;line-height:1.5}.signed-out-card form .field-help{margin-top:5px}
/* X ARENA brand system: ember red, black, and steel. */
.topbar{background:#0b090b;border-bottom-color:#322228}.brand-logo{width:31px;height:31px;display:block;flex:none;object-fit:cover;object-position:center;border:1px solid #a52b35;border-radius:50%;box-shadow:0 0 15px #e6283827}.brand{gap:8px}.welcome-logo-art{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:410px;height:240px;object-fit:cover;object-position:center 68%;opacity:.62;z-index:0;mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}.welcome>div:first-child{z-index:2}.welcome-stats{z-index:2}.hero-shape{z-index:1;opacity:.18}.profile-page-top{background:linear-gradient(105deg,#1b0e12,#151014 64%,#1b0d11);border-color:#58232b}.profile-brand-art{position:absolute;right:-17px;top:-43px;width:255px;height:210px;object-fit:cover;object-position:center 69%;opacity:.42;z-index:0;mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}.profile-page-top:after{z-index:1;border-color:#e6283828;box-shadow:0 0 0 24px #e6283808,0 0 0 52px #e6283805}.profile-page-top>:not(.profile-brand-art){position:relative;z-index:2}.profile-hero-avatar{border-color:#ec3340;box-shadow:0 0 0 5px #e6283824}.profile-hero-tag{color:#ff5660}.edit-profile-button{background:#211418;border-color:#60323a;color:#f1e9eb}.edit-profile-button:hover{border-color:#e05b65}.profile-stats{border-color:#5a242b;background:#151012}.profile-stats article+article{border-left-color:#432128}.profile-stats strong{color:#f0444f}.menu-icon{color:#f0444f}.toggle-input:checked+.toggle-ui{background:#a91e2a;border-color:#ed3a46}.toggle-input:checked+.toggle-ui:after{background:#fff1f2}.profile-row.profile-logout{color:#ff676f}.profile-row.profile-logout .menu-icon{color:#f0444f}.profile-row.profile-logout .menu-label small{color:#af8286}.profile-notice{border-color:#692832;background:#211114}.profile-notice>span{background:#e52c3b;color:#fff}.profile-notice strong{color:#ffd6d9}.profile-notice small{color:#c49da1}.wallet-card{border-color:#5b252c;background:linear-gradient(115deg,#261116,#171114)}.wallet-card:after{color:#e628380c}.wallet-card strong{color:#f0444f}.leader-rank{color:#f0444f}.leader-avatar{background:#32181f;color:#ff6e78}.mobile-bottom-nav{border-color:#62242d}.mobile-bottom-nav button.active,.mobile-bottom-nav button.active span{color:#ff4a55}.profile-backdrop{background:#080507d9}
+footer{border-top-color:#302126}footer .brand-logo{width:24px;height:24px}.welcome .eyebrow .live-dot{background:#e62838;box-shadow:0 0 10px #e6283880}
+@media(max-width:850px){.welcome-logo-art{right:-70px;opacity:.5}}
+@media(max-width:580px){.welcome-logo-art{right:-116px;top:46%;width:335px;height:228px;opacity:.43;mask-image:linear-gradient(90deg,transparent 0%,#000 40%)}.profile-brand-art{right:-88px;top:-40px;width:210px;height:160px;opacity:.34}.brand-logo{width:29px;height:29px}.profile-page-top:after{width:155px;height:155px;right:-54px;top:-62px}.welcome .eyebrow .live-dot{background:#e62838}}
.profile-stats strong,.wallet-card strong,.stats-grid strong{color:#f0444f}.profile-stats{border-color:#61242c;background:#130e11}.profile-stats article+article{border-left-color:#3d2025}.menu-icon{color:#ed3945}.toggle-input:checked+.toggle-ui{background:#a91e2a;border-color:#ed3a46}.toggle-input:checked+.toggle-ui:after{background:#fff1f2}.profile-hero-tag{color:#ff5963}.profile-notice{border-color:#61242c;background:#1e1013}.profile-notice>span{background:#e62838}.leader-rank{color:#f0444f}.leader-avatar{background:#32181f;color:#ff6e78}.wallet-empty>span{color:#ee3945}.profile-page-top{border-color:#642630}.welcome .eyebrow .live-dot{background:#e62838;box-shadow:0 0 10px #e6283880}
.home-salute{display:flex;align-items:center;gap:12px;padding:16px 0 13px}.home-avatar{width:45px;height:45px;display:grid;place-items:center;overflow:hidden;border:2px solid #e62838;border-radius:50%;background:#261116;color:#fff;font-weight:700}.home-avatar img{width:100%;height:100%;object-fit:cover}.home-greeting{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.home-greeting>span{font-size:7px;letter-spacing:.9px;color:#a39a9f}.home-greeting strong{font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-greeting small{font-size:9px;color:#ff5963}.home-balance{min-width:94px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #702832;border-radius:22px;background:#160d10}.home-balance>span{color:#f0444f;font-size:14px}.home-balance b{color:#f7e9eb;font-size:12px}.home-balance small{font-size:6px;letter-spacing:.5px;color:#ad999e}.rules-banner{width:100%;min-height:64px;display:flex;align-items:center;gap:13px;padding:11px 15px;text-align:left;border:1px solid #71303a;border-radius:15px;background:linear-gradient(100deg,#1e1014,#151114 75%);color:#f4f1f2}.rules-banner:hover{border-color:#c53b47}.rules-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:50%;background:#542029;color:#ff616b;font-size:19px;font-weight:800}.rules-banner>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.rules-banner strong{font-size:10px;letter-spacing:.5px}.rules-banner small{font-size:8px;color:#a89ba0}.rules-banner>b{font-size:22px;font-weight:400;color:#e9dfe1}.home-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.home-shortcut{min-height:104px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:12px;border:1px solid #302a30;border-radius:13px;background:#141215;color:#fff;text-align:left;transition:border-color .15s,background .15s}.home-shortcut:hover{border-color:#77303a;background:#1a1114}.shortcut-icon{font-size:27px;color:#ed3945;line-height:1}.home-shortcut strong{font-size:9px;line-height:1.25;letter-spacing:.35px}.how-to{border:1px solid #4b252c;border-radius:13px;background:#141114;overflow:hidden;margin:0 0 22px}.how-to summary{list-style:none;min-height:55px;display:flex;align-items:center;gap:11px;padding:10px 14px;cursor:pointer}.how-to summary::-webkit-details-marker{display:none}.how-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#3a1a20;color:#ff6870;font-weight:700}.how-to summary strong{flex:1;font-size:11px}.how-chevron{font-size:18px;color:#bcaeb2;transition:transform .18s}.how-to[open] .how-chevron{transform:rotate(180deg)}.how-to ol{margin:0;padding:2px 20px 16px 53px;color:#a69ba0;font-size:9px;line-height:1.8}.how-to li::marker{color:#ef4651;font-weight:700}.home-section-title,.featured-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 2px 10px}.home-section-title>div,.featured-heading>div{display:flex;flex-direction:column;gap:3px}.home-section-title>div>span,.featured-heading>div>span{font-size:10px;font-weight:700;letter-spacing:.7px;color:#f3eff0}.home-section-title small,.featured-heading small{font-size:8px;color:#8e858a}.home-live-badge{display:flex;align-items:center;gap:5px;color:#ff6870;font-size:7px;font-weight:700;letter-spacing:.8px}.home-live-badge i{width:5px;height:5px;border-radius:50%;background:#e62838;box-shadow:0 0 8px #e62838}.update-card{width:100%;min-height:61px;display:flex;align-items:center;gap:11px;padding:10px 13px;background:#141215;border:1px solid #302a30;border-radius:12px;text-align:left}.update-card:hover{border-color:#743039}.update-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#31171d;color:#f3535e;font-size:16px}.update-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.update-copy strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-copy small{font-size:8px;color:#988d92}.update-card>b{font-size:20px;font-weight:400;color:#c6b9bd}.leaderboard-promo{position:relative;isolation:isolate;overflow:hidden;min-height:190px;margin:19px 0 21px;padding:20px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px;border:1px solid #5c2830;border-radius:14px;background:linear-gradient(112deg,#1b0d11,#100e12 63%,#1b1114)}.leaderboard-promo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100d10 0%,#100d10e8 43%,#100d1080 100%)}.leaderboard-promo>img{position:absolute;width:250px;height:190px;right:-16px;top:0;object-fit:cover;object-position:center 68%;opacity:.28;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 30%)}.leaderboard-promo-copy{position:relative;z-index:1}.leaderboard-promo-copy .eyebrow{font-size:7px;color:#e5a2a7;margin:0 0 8px}.leaderboard-promo h2{font:800 25px/.94 var(--display);letter-spacing:-.7px;margin:0 0 8px}.leaderboard-promo-copy>p:not(.eyebrow){font-size:8px;color:#aa9da1;margin:0 0 12px}.leaderboard-promo-copy button{padding:8px 10px;border:1px solid #a22a36;border-radius:5px;background:#35151b;color:#fff;font-size:8px;font-weight:700}.leaderboard-promo-copy button span{color:#ff5963;margin-left:10px}.leaderboard-rewards{align-self:center;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.leaderboard-rewards small{font-size:6px;letter-spacing:.8px;color:#b9aeb1;margin-bottom:2px}.leaderboard-rewards strong{display:flex;align-items:center;gap:8px;font-size:9px;color:#f3e9eb}.leaderboard-rewards i{width:19px;height:19px;display:grid;place-items:center;border:1px solid #6e3239;border-radius:50%;color:#ff6670;font-size:7px;font-style:normal}.featured-heading{margin-top:24px}.featured-heading button{border:0;background:none;color:#ff6870;font-size:8px}.featured-heading button b{font-size:13px;margin-left:4px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 35px}.featured-grid .card-banner{height:78px}.featured-grid .card-body{padding:11px}.featured-grid .card-body h3{font-size:13px}.dashboard>.welcome{margin:0 -1px 2px}.dashboard>.section-head{margin-top:30px}.dialog-inner p{white-space:pre-line}
@media(max-width:580px){.home-salute{padding:11px 0 10px}.home-avatar{width:39px;height:39px}.home-greeting strong{font-size:11px}.home-balance{min-width:82px;height:35px;gap:4px;padding:0 7px}.rules-banner{min-height:59px;border-radius:13px;padding:9px 11px;gap:9px}.rules-icon{width:31px;height:31px}.rules-banner strong{font-size:9px}.rules-banner small{font-size:7px}.home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}.home-shortcut{min-height:83px;padding:9px 8px;border-radius:12px}.shortcut-icon{font-size:23px}.home-shortcut strong{font-size:7px;letter-spacing:0}.how-to{margin-bottom:18px}.how-to summary{min-height:49px;padding:8px 11px}.how-to summary strong{font-size:10px}.how-to ol{font-size:8px;padding-left:44px}.home-section-title,.featured-heading{margin-top:18px}.home-section-title>div>span,.featured-heading>div>span{font-size:9px}.leaderboard-promo{min-height:168px;padding:15px 13px;grid-template-columns:1.1fr .9fr;gap:7px;margin:15px 0}.leaderboard-promo>img{width:180px;height:168px;right:-25px}.leaderboard-promo h2{font-size:21px}.leaderboard-promo-copy .eyebrow{font-size:6px}.leaderboard-promo-copy>p:not(.eyebrow){font-size:7px}.leaderboard-promo-copy button{font-size:7px;padding:7px}.leaderboard-rewards{gap:6px}.leaderboard-rewards strong{font-size:8px}.leaderboard-rewards i{width:16px;height:16px;font-size:6px}.featured-grid{grid-template-columns:1fr;gap:9px;margin-bottom:26px}.featured-grid .card-banner{height:88px}.dashboard>.section-head{margin-top:24px}.dashboard>.welcome{margin-bottom:0}.dashboard>.welcome{min-height:225px}.dashboard>.welcome .hero-shape{display:none}}
.home-kpis{display:flex;align-items:center;gap:14px;margin:-2px 0 14px 57px;color:#8f858a;font-size:7px;letter-spacing:.55px}.home-kpis>span{display:flex;align-items:center;gap:5px}.home-kpis strong{font-size:10px;color:#f0444f;letter-spacing:0}.home-kpis i{height:13px;width:1px;background:#493036}
@media(max-width:580px){.home-kpis{margin:-2px 0 12px 50px;gap:11px;font-size:6.5px}.home-kpis strong{font-size:9px}}
.admin-login{max-width:420px;margin:16px auto;padding:24px;background:#151316;border:1px solid #47242a;border-radius:12px}.admin-login h2{font:700 24px var(--body);margin:0 0 7px}.admin-login>p:not(.eyebrow){font-size:10px;line-height:1.6;color:var(--muted);margin:0}.admin-login form{margin-top:17px}.admin-login form label{display:block;margin:0 0 6px;color:#c7bdc1;font-size:8px;font-weight:700;letter-spacing:.8px}.admin-login input{width:100%;height:39px;padding:0 10px;background:#0e0c0f;border:1px solid #3e3035;border-radius:5px;color:#fff}.admin-login .dialog-submit{margin-top:15px}.admin-actions{display:flex;align-items:center;gap:8px}.admin-logout{padding:9px 11px;background:#171114;border:1px solid #603039;border-radius:6px;color:#f2c5c9;font-size:9px}.admin-logout:hover{border-color:#e62838}
@media(max-width:580px){.admin-actions{width:100%;justify-content:flex-start}.admin-login{margin:0 0 25px;padding:19px}}
.owner-view{padding-top:35px}.owner-banner{border-color:#652631;background:linear-gradient(100deg,#241116,#141114)}.owner-banner .demo-badge{color:#ff747c}.owner-view .admin-stats article strong{color:#f0444f}.owner-registration-heading{margin-top:30px}.owner-view .table-wrap+ .admin-table-head{margin-top:28px}.event-status{display:inline-flex;padding:4px 7px;border:1px solid #493039;border-radius:20px;background:#201317;color:#f0b6bb;font-size:8px;text-transform:uppercase;letter-spacing:.4px}.owner-view .nav-item.active:after{background:#e62838}
@media(max-width:580px){.owner-view{padding-top:27px}.owner-view .section-head{align-items:flex-start}.owner-view .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
#host-button{display:none}.owner-admins{margin:28px 0}.owner-admin-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;margin:0 0 13px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.owner-admin-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px}.owner-admin-form input,.owner-admin-form select{height:36px;min-width:0;padding:0 9px;border:1px solid #3b3239;border-radius:5px;background:#100e11;color:var(--text);font-size:10px}.owner-admin-form .create-btn{height:36px;white-space:nowrap}.owner-power-select{padding:6px 8px;border:1px solid #3b3239;border-radius:5px;background:#100e11;color:var(--text);font-size:9px}.owner-account-toggle{padding:5px 8px;border:1px solid #3b6044;border-radius:15px;background:#132018;color:#a9e2b9;font-size:8px}.owner-account-toggle.is-disabled{border-color:#63313a;background:#211316;color:#f1a9ae}.admin-identity{margin:4px 0 0;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}
@media(max-width:760px){.owner-admin-form{grid-template-columns:1fr 1fr}.owner-admin-form .create-btn{grid-column:1/-1;justify-self:start}}
@media(max-width:580px){.owner-admin-form{grid-template-columns:1fr}.owner-admin-form .create-btn{grid-column:auto}}
.notification-button{position:relative;width:31px;height:31px;margin-left:auto;border:1px solid #3b3239;border-radius:50%;background:#171417;color:#e8dfe2;font-size:15px}.profile{margin-left:8px}.notification-count{position:absolute;right:-4px;top:-5px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:10px;background:#ed3443;color:#fff;font-size:8px;font-weight:800}.notification-count.hidden{display:none}.notification-list{display:grid;gap:8px;max-height:55vh;overflow:auto}.notification-item{padding:11px;border:1px solid #352c32;border-radius:8px;background:#151316}.notification-item.unread{border-color:#91303c;background:#211216}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item small{margin-top:3px;color:var(--muted)}.notification-item time{margin-top:6px;color:var(--subtle);font-size:8px}.otp-tools{margin:4px 0 12px}.otp-tools>label{display:block!important;margin:0 0 5px!important}.otp-row{display:grid;grid-template-columns:1fr auto auto;gap:5px}.otp-row input{min-width:0;height:34px;padding:0 8px;border:1px solid #3e3035;border-radius:5px;background:#100e11;color:#fff}.otp-row button{padding:0 8px;border:1px solid #603039;border-radius:5px;background:#211216;color:#ffe1e4;font-size:9px}.owner-room-fields,.teammate-fields{margin:12px 0;padding:12px;border:1px solid #45323a;border-radius:8px;background:#161216}.owner-room-fields .eyebrow,.teammate-fields .eyebrow{margin:0 0 4px;color:#ed7780}.owner-room-fields>small{display:block;margin-bottom:9px;color:var(--muted);font-size:9px}.owner-room-fields input,.owner-room-fields select,.owner-room-fields textarea,.dialog-inner textarea{width:100%;padding:9px;border:1px solid #3e3035;border-radius:5px;background:#100e11;color:#fff}.event-rules{margin:12px 0;padding:10px 12px;border:1px solid #48363b;border-radius:7px;background:#171316}.event-rules summary{cursor:pointer;color:#f0cbd0;font-weight:700}.event-rules p{color:#c4b7bb;white-space:pre-wrap}.my-event-tools{padding:12px;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;background:#141316}.my-event-tools>p{color:#c6bac0;font-size:10px}.private-room-details{display:grid;gap:5px;margin:10px 0;padding:12px;border:1px solid #387d54;border-radius:8px;background:#102018;color:#c4f0d1;font-size:10px}.room-wait-note{color:var(--muted);font-size:9px}.result-submit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding:12px;border:1px solid #493039;border-radius:8px;background:#191316}.result-submit-form>strong,.result-submit-form label:last-of-type,.result-submit-form button{grid-column:1/-1}.result-submit-form label{display:grid;gap:4px;color:var(--muted);font-size:9px}.result-submit-form input{height:34px;padding:0 8px;border:1px solid #3e3035;border-radius:5px;background:#100e11;color:#fff}
@media(max-width:580px){.notification-button{width:27px;height:27px;margin-left:auto}.profile{margin-left:5px}.otp-row{grid-template-columns:1fr auto}.otp-row button:last-child{grid-column:2}.my-event-tools{padding:9px}.result-submit-form{grid-template-columns:1fr 1fr}}
.withdrawal-estimate{margin:10px 0;padding:10px;border:1px solid #45323a;border-radius:7px;background:#151216;color:#bcb2b6;font-size:10px;line-height:1.8}.withdrawal-estimate strong{color:#f2d94e}.withdrawal-estimate small{display:block;color:var(--muted)}.owner-backup-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px;border:1px solid #49353b;border-radius:9px;background:#171417}.owner-backup-tools strong,.owner-backup-tools small{display:block}.owner-backup-tools small{margin-top:6px;color:var(--muted);font-size:10px}.my-event-tools>[data-report-event],.my-event-tools>[data-check-in]{margin:8px 8px 4px 0;padding:8px 12px;border:1px solid #6a353d;border-radius:6px;background:#1d1518;color:#f1d9dc;font-weight:700;font-size:10px}
.wallet-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wallet-card-player{display:flex;align-items:center;gap:5px}.wallet-card-player svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.refund-policy-note{padding:8px 10px;border-left:2px solid #d9b936;background:#211e15;color:#cbbf85!important;font-size:9px!important}

/* X ARENA discovery refresh */
:root{--bg:#08080b;--surface:#121216;--surface-raised:#19191e;--surface-soft:#0d0d11;--line:#2b292f;--line-soft:#211f25;--text:#f8f6f7;--muted:#aaa4ab;--subtle:#77717a;--accent:#ff3346;--accent-soft:#ff33461a;--display:'Barlow Condensed','DM Sans',Arial,sans-serif;--radius:14px}
body{font-size:14px;background:radial-gradient(ellipse at 50% -20%,#301016 0,transparent 44%),radial-gradient(ellipse at 100% 40%,#151016 0,transparent 35%),#08080b}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 75%)}
.topbar{height:74px;position:sticky;top:0;z-index:30;padding-inline:max(4.5%,calc((100vw - 1360px)/2));gap:clamp(24px,5vw,72px);background:#09080bea;border-bottom:1px solid #ffffff10;backdrop-filter:blur(18px)}
.brand{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:1.2px}.brand small{font-family:'DM Sans',Arial,sans-serif;color:#928991;font-size:8px;letter-spacing:1.3px}
.brand-logo{width:38px;height:38px;border-radius:11px;object-position:center 22%;box-shadow:0 0 22px #ff334633}
.main-nav{gap:32px}.nav-item{font-size:12px}.nav-item.active:after{height:3px;box-shadow:0 0 14px #ff3346}
main{max-width:1440px;padding-inline:clamp(20px,5vw,76px)}
.dashboard{padding:18px 0 100px}
.arena-hero{position:relative;isolation:isolate;min-height:410px;margin:0 0 16px;overflow:hidden;display:flex;align-items:center;border:1px solid #74303a;border-radius:23px;background:radial-gradient(ellipse at 79% 35%,#55151e 0,transparent 48%),linear-gradient(105deg,#140b0f,#0c0b0e 65%,#160a0e);box-shadow:0 25px 90px #0007,0 0 60px #e628380c}
.arena-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d090cf2 0%,#0d090ce8 34%,#0d090c75 62%,#0d090c08 100%)}
.arena-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#08080b99,transparent 28%),linear-gradient(115deg,transparent 58%,#ff334610 58.2%,transparent 58.6%)}
.arena-hero-art{position:absolute;z-index:-2;inset:-6% -2% -4% 37%;overflow:hidden}
.arena-hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.76;filter:saturate(.9) contrast(1.08);mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 88%,transparent 100%)}
.arena-hero-content{position:relative;z-index:2;padding:48px clamp(28px,5.4vw,78px);max-width:790px}
.arena-hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#ffc2c7;font-size:10px;font-weight:800;letter-spacing:1.65px}
.arena-hero-kicker>span{width:8px;height:8px;border-radius:50%;background:#ff3346;box-shadow:0 0 14px #ff3346;animation:arena-pulse 1.8s infinite}
.arena-hero-kicker i{padding:5px 8px;border:1px solid #ffffff22;border-radius:4px;color:#c7b7bd;font-style:normal;font-size:8px;letter-spacing:1.1px}
.arena-hero h1{margin:0;font:900 clamp(58px,8.2vw,112px)/.82 var(--display);letter-spacing:-1.8px;text-shadow:0 4px 30px #0008}
.arena-hero h1 span{color:#ff4051;text-shadow:0 0 25px #ff334629}
.arena-hero-copy{max-width:390px;margin:20px 0 22px;color:#d0c7cc;font-size:14px;line-height:1.65}
.arena-hero-cta{display:inline-flex;align-items:center;gap:24px;padding:13px 17px;border:1px solid #ff4355;border-radius:7px;background:linear-gradient(135deg,#ff3346,#c9142a);box-shadow:0 9px 30px #ff243333;color:white;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.3px;transition:transform .2s,box-shadow .2s}
.arena-hero-cta:hover{transform:translateY(-2px);box-shadow:0 13px 34px #ff243355}.arena-hero-cta span{font-size:17px;line-height:.7}
.arena-install-cta{margin-left:9px;cursor:pointer;font-family:var(--body)}
.arena-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.arena-hero-tags span{padding:6px 9px;border:1px solid #ffffff20;border-radius:4px;background:#100e1199;color:#ddd2d6;font-size:8px;font-weight:700;letter-spacing:.8px}
.arena-hero-stamp{position:absolute;right:34px;bottom:25px;display:flex;align-items:center;gap:9px;color:#f8e9ec;text-shadow:0 2px 8px #000;font:700 10px/1.1 'DM Sans',Arial,sans-serif;letter-spacing:1px}
.arena-hero-stamp span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ff667488;border-radius:50%;background:#190a0dc9;color:#ff5968;font:900 17px var(--display);box-shadow:0 0 25px #ff334622}
.home-salute{padding:13px 16px;margin:0 0 7px;border:1px solid #ffffff12;border-radius:13px;background:linear-gradient(100deg,#121115,#0d0c10)}
.home-avatar{width:42px;height:42px;border-color:#ff475b;box-shadow:0 0 0 4px #ff334616}
.home-greeting>span{color:#a49ba1;font-size:8px;letter-spacing:1.2px}.home-greeting strong{font-size:14px;letter-spacing:.2px}
.home-balance{border-color:#65303a;background:#1d1014}.home-balance:hover{border-color:#ff4658}
.home-kpis{margin:2px 0 18px 61px;gap:17px;font-size:8px}.home-kpis strong{color:#ff6673;font-family:var(--display);font-size:17px;line-height:1}
.rules-banner{min-height:72px;border-color:#3f252b;border-radius:13px;background:linear-gradient(105deg,#191114,#100e12);transition:transform .2s,border-color .2s}.rules-banner:hover{transform:translateY(-1px);border-color:#a83b49}.rules-icon{background:#35141b;color:#ff6673;box-shadow:inset 0 0 0 1px #ff334633}
.home-shortcuts{gap:12px;margin:17px 0}.home-shortcut{min-height:110px;padding:15px;border-color:#ffffff12;border-radius:14px;background:linear-gradient(145deg,#161519,#101014);transition:transform .2s,border-color .2s,background .2s}.home-shortcut:hover{transform:translateY(-3px);border-color:#81404a;background:linear-gradient(145deg,#211419,#121014)}.shortcut-icon{color:#ff4356;text-shadow:0 0 17px #ff334633}
.how-to{border-color:#33252a;border-radius:14px;background:#100e12}.how-to summary{min-height:59px}.how-icon{background:#32131a;color:#ff6673}
.home-section-title,.featured-heading{margin:27px 2px 12px}.home-section-title>div>span,.featured-heading>div>span{font-family:var(--display);font-size:18px;letter-spacing:1px}.home-section-title small,.featured-heading small{font-size:10px}
.update-card{min-height:72px;border-color:#ffffff14;border-radius:13px;background:linear-gradient(105deg,#151418,#100f13);transition:border-color .2s,transform .2s}.update-card:hover{transform:translateY(-1px);border-color:#78404a}.update-icon{width:38px;height:38px;background:#33131a;color:#ff6975}
.leaderboard-promo{min-height:228px;margin:22px 0 27px;padding:26px;border-color:#76313b;border-radius:18px;background:linear-gradient(110deg,#1b0d11,#0d0c10 68%,#1b0e13);box-shadow:0 18px 50px #0004}.leaderboard-promo:before{background:linear-gradient(90deg,#100d10 0%,#100d10df 45%,#100d1060 100%)}.leaderboard-promo>img{width:320px;height:228px;right:8%;opacity:.36}.leaderboard-promo h2{font-size:38px;line-height:.88;letter-spacing:.2px}.leaderboard-promo-copy .eyebrow{font-size:8px;color:#ff9199}.leaderboard-promo-copy>p:not(.eyebrow){font-size:10px}.leaderboard-promo-copy button{border:1px solid #773640;border-radius:6px;background:#1e1115;color:#ffe7e9;padding:9px 12px}
.leaderboard-rewards{gap:9px}.leaderboard-rewards small{color:#c7aeb3;letter-spacing:1px}.leaderboard-rewards strong{padding:8px 10px;border:1px solid #ffffff12;border-radius:7px;background:#100d1099;font-size:11px}
.featured-heading{margin-top:29px}.featured-heading button{font-size:10px}.featured-grid{gap:14px;margin-bottom:43px}.featured-grid .card-banner{height:130px}.featured-grid .card-body{padding:15px}.featured-grid .card-body h3{font-size:17px}
.section-head{margin:35px 0 17px}.section-head h2{font:800 39px/.95 var(--display);letter-spacing:.5px}.section-head .eyebrow{font-size:10px;color:#ff8c96}
.toolbar{padding-top:6px;border-color:#ffffff16}.filters{gap:25px}.filter{font-size:11px;padding-bottom:14px}.filter.active:after{height:3px;box-shadow:0 0 14px #ff3346}.search{height:38px;border-color:#ffffff20;border-radius:8px;background:#111014}.search input{font-size:11px}.game-filters{padding:17px 0 20px;gap:9px}.game-chip{padding:9px 12px;border-color:#ffffff1a;border-radius:7px;background:#111014;font-size:10px}.game-chip.active,.game-chip:hover{border-color:#d24a59;background:#211216}
.tournament-grid{gap:17px}.tournament-card{border-color:#ffffff16;border-radius:15px;background:linear-gradient(155deg,#17161a,#111115);box-shadow:0 8px 26px #0003;transition:transform .22s,border-color .22s,box-shadow .22s}.tournament-card:hover{transform:translateY(-5px);border-color:#9e3e49;box-shadow:0 18px 40px #0007,0 0 28px #ff33460c}.card-banner{height:144px;background:linear-gradient(120deg,#261016,#151116)}.card-body{padding:17px 17px 15px}.status{border-radius:20px;padding:5px 9px;font-size:8px;backdrop-filter:blur(8px)}
footer{padding-top:24px;padding-bottom:calc(82px + env(safe-area-inset-bottom));color:#8e858c}
@keyframes arena-pulse{0%,100%{box-shadow:0 0 0 0 #ff334600}50%{box-shadow:0 0 0 7px #ff33462b}}
@media(max-width:900px){.arena-hero{min-height:370px}.arena-hero-content{max-width:690px;padding:42px 38px}.arena-hero h1{font-size:clamp(58px,9vw,88px)}.arena-hero-art{left:30%;opacity:.86}.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.topbar{height:62px;padding-inline:15px;gap:14px}.brand{font-size:18px}.brand-logo{width:32px;height:32px}.brand small{font-size:7px;padding-left:8px;margin-left:2px}.main-nav{gap:13px}.nav-item{font-size:9px}.notification-button{margin-left:auto}.profile{margin-left:1px}.profile-copy{display:none}main{padding-inline:15px}.dashboard{padding-top:10px}.arena-hero{min-height:425px;margin-bottom:12px;border-radius:18px;align-items:flex-start}.arena-hero:before{background:linear-gradient(180deg,#0d090c 0%,#0d090cd9 42%,#0d090c40 100%),linear-gradient(90deg,#0d090caa,transparent)}.arena-hero-art{inset:28% -22% -7% 18%;opacity:.75}.arena-hero-art img{object-position:50% 51%;mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 86%,transparent 100%)}.arena-hero-content{padding:30px 22px 24px}.arena-hero-kicker{gap:7px;margin-bottom:16px;font-size:8px;letter-spacing:1.1px}.arena-hero-kicker i{font-size:7px;padding:4px 6px}.arena-hero h1{font-size:clamp(53px,15vw,76px);line-height:.84;letter-spacing:-.8px}.arena-hero-copy{max-width:290px;margin:15px 0 17px;font-size:11px}.arena-hero-cta{padding:11px 13px;gap:20px;font-size:10px}.arena-hero-tags{gap:5px;margin-top:17px}.arena-hero-tags span{padding:5px 6px;font-size:6px;letter-spacing:.4px}.arena-hero-stamp{right:13px;bottom:11px;gap:6px;font-size:8px}.arena-hero-stamp span{width:31px;height:31px;font-size:14px}.home-salute{padding:10px;margin-bottom:5px;border-radius:11px}.home-kpis{margin:0 0 13px 52px;font-size:6.5px;gap:10px}.home-kpis strong{font-size:13px}.rules-banner{min-height:63px}.home-shortcuts{gap:7px;margin:12px 0}.home-shortcut{min-height:88px;padding:10px;border-radius:11px}.shortcut-icon{font-size:22px}.home-shortcut strong{font-size:7px}.home-section-title,.featured-heading{margin-top:21px}.home-section-title>div>span,.featured-heading>div>span{font-size:15px}.leaderboard-promo{min-height:183px;padding:15px 13px;grid-template-columns:1.1fr .9fr;gap:7px;margin:16px 0}.leaderboard-promo>img{width:190px;height:180px;right:-18px}.leaderboard-promo h2{font-size:27px}.leaderboard-promo-copy .eyebrow{font-size:6px}.leaderboard-promo-copy>p:not(.eyebrow){font-size:7px}.leaderboard-rewards{gap:6px}.leaderboard-rewards strong{padding:6px;font-size:8px}.leaderboard-rewards i{width:16px;height:16px;font-size:6px}.featured-grid{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.featured-grid .card-banner{height:106px}.featured-grid .card-body{padding:13px}.section-head{margin:27px 0 13px}.section-head h2{font-size:31px}.toolbar{display:block}.filters{gap:16px;overflow-x:auto}.filter{font-size:9px}.search{margin:9px 0 0}.search input{width:100%}.game-filters{padding:13px 0 16px}.game-chip{font-size:8px;padding:8px}.tournament-grid{grid-template-columns:1fr;gap:12px}.card-banner{height:120px}.card-body{padding:14px}.mobile-bottom-nav{z-index:32;backdrop-filter:blur(18px);background:#0b090beF}}
@media(prefers-reduced-motion:reduce){.arena-hero-kicker>span{animation:none}html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* Screenshot-inspired tournament shortcuts and mode selector. */
.shortcut-icon{width:31px;height:31px;fill:currentColor}
.popular-modes{margin:8px 0 22px}
.popular-modes-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 2px 10px}
.popular-modes-heading span{font:800 18px/1 var(--display);letter-spacing:1px;color:#f3eff0}
.popular-modes-heading small{font-size:10px;color:#8e858a}
.mode-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mode-tile{position:relative;min-height:106px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;border:1px solid #762d39;border-radius:13px;background:radial-gradient(ellipse at 50% 100%,#39131a 0%,#141114 68%);color:#fff;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.mode-tile:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#ff33461c,transparent 35%,transparent 70%,#ff334618)}
.mode-tile:hover,.mode-tile.active{transform:translateY(-2px);border-color:#ff4355;box-shadow:inset 0 0 22px #ff33461c,0 0 18px #ff33461b}
.mode-tile>span{font-size:28px;line-height:1;color:#e7e4e6;text-shadow:0 0 12px #ff334644;letter-spacing:-5px;padding-right:5px}
.mode-tile>span>svg{width:31px;height:31px;fill:#e7e4e6;filter:drop-shadow(0 0 8px #ff334644)}
.mode-tile strong{font:800 13px/1 var(--display);letter-spacing:.8px}
@media(max-width:580px){.shortcut-icon{width:26px;height:26px}.home-shortcut{align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:9px;clip-path:polygon(8% 0,100% 0,100% 78%,91% 100%,0 100%,0 16%)}.mode-tiles{gap:8px}.mode-tile{min-height:87px;gap:7px;border-radius:10px}.mode-tile>span{font-size:23px}.mode-tile strong{font-size:11px}.popular-modes-heading span{font-size:15px}.popular-modes-heading small{font-size:8px}}

/* Live verified leaderboard. */
.leaderboard-scoring{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid #4c252c;border-radius:11px;background:linear-gradient(100deg,#1b1014,#100e12);color:#c7b9be;font-size:9px}
.leaderboard-scoring strong{margin-right:5px;color:#ff6673;font-size:8px;letter-spacing:.7px}
.leaderboard-scoring span{padding:6px 8px;border:1px solid #ffffff12;border-radius:6px;background:#100d10;color:#e8dcdf}
.leaderboard-controls{display:flex;align-items:flex-end;gap:10px;margin:0 0 12px}
.leaderboard-controls label{display:flex;flex-direction:column;gap:5px;color:#a79ba0;font-size:8px;font-weight:700;letter-spacing:.7px}
.leaderboard-controls select,.leaderboard-controls input{height:38px;min-width:180px;padding:0 11px;border:1px solid #ffffff20;border-radius:7px;background:#111014;color:#f3eff0;font:10px var(--body)}
.leaderboard-controls input{width:min(260px,36vw)}
.leaderboard-search-label{flex:1}
.leaderboard-refresh,.leaderboard-retry,.leaderboard-more{height:38px;padding:0 14px;border:1px solid #a93643;border-radius:7px;background:#291216;color:#ffe8eb;font:700 9px var(--body);cursor:pointer}
.leaderboard-refresh:hover,.leaderboard-retry:hover,.leaderboard-more:hover{border-color:#ff5868;background:#3a151c}.leaderboard-refresh:disabled,.leaderboard-more:disabled{opacity:.6;cursor:wait}.leaderboard-more{display:block;min-width:170px;margin:15px auto 0}
.leaderboard-status{min-height:18px;margin:8px 1px 12px;color:#a79ba0;font-size:9px}
.leaderboard-me{display:flex;align-items:center;gap:13px;margin:0 0 11px;padding:12px 14px;border:1px solid #ff586866;border-radius:11px;background:linear-gradient(105deg,#291116,#141014);color:#fff}
.leader-me-label{font-size:8px;font-weight:800;letter-spacing:.8px;color:#ff7b85}.leaderboard-me>strong{font:900 23px var(--display);color:#ff5968}.leaderboard-me>span:nth-of-type(2){display:flex;flex:1;flex-direction:column;gap:4px}.leaderboard-me small{font-size:8px;color:#b9a9ae}.leader-me-points{font-size:11px;color:#ffb4ba}
.leader-row{min-height:72px;border-color:#ffffff15;background:linear-gradient(100deg,#151215,#111014)}.leader-row:nth-child(1){border-color:#d7b84a77;background:linear-gradient(100deg,#211c13,#131114)}.leader-row:nth-child(2){border-color:#9ba5b255}.leader-row:nth-child(3){border-color:#ae6d4c66}.leader-rank{width:35px;color:#ff6673;font:900 17px var(--display)}.leader-row:nth-child(1) .leader-rank{color:#f0d16b}.leader-avatar{flex:none;background:#35131a;color:#ff8a93}.leader-info{min-width:0}.leader-info strong{font-size:11px}.leader-info small{color:#a99da2;font-size:8px}.leader-kills{display:flex;min-width:45px;align-items:flex-end;flex-direction:column;gap:2px;color:#eee}.leader-kills strong{font-size:10px}.leader-kills small{color:#8f8388;font-size:7px;letter-spacing:.6px}.leader-points{min-width:75px;text-align:right;color:#ff8b94!important;font-size:11px!important}.leaderboard-empty{padding:28px 16px;border:1px dashed #56303a;border-radius:10px;color:#b8aaaf;text-align:center;font-size:10px}
@media(max-width:580px){.leaderboard-scoring{gap:6px;padding:10px;font-size:8px}.leaderboard-scoring strong{width:100%}.leaderboard-scoring span{font-size:7px;padding:6px}.leaderboard-controls{display:grid;grid-template-columns:1fr auto;gap:8px}.leaderboard-controls label:first-child{grid-column:1}.leaderboard-controls select{min-width:0;width:100%}.leaderboard-controls input{width:100%;min-width:0}.leaderboard-search-label{grid-column:1/-1}.leaderboard-refresh{grid-column:2;grid-row:1;align-self:end;padding:0 10px}.leaderboard-me{gap:8px;padding:10px}.leader-me-label{font-size:7px}.leaderboard-me>strong{font-size:20px}.leaderboard-me small{font-size:7px}.leader-me-points{font-size:9px}.leader-row{gap:7px;padding:8px}.leader-rank{width:27px;font-size:15px}.leader-avatar{width:30px;height:30px}.leader-info strong{font-size:9px}.leader-info small{font-size:7px}.leader-kills{min-width:31px}.leader-points{min-width:56px;font-size:9px!important}}

/* Mobile home tuned to the supplied X ARENA app reference. */
.brand span b{color:#f32739;font-weight:900}
.notification-button svg,.topbar-wallet svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.notification-button svg{fill:#e9e3e5;stroke-width:1.6}
.topbar-wallet{height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #75303a;border-radius:22px;background:#140e11;color:#fff;font-weight:800;font-size:12px;cursor:pointer}
.topbar-wallet:hover{border-color:#ff4355}
.featured-event-card{position:relative;isolation:isolate;min-height:224px;display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:stretch;gap:13px;overflow:hidden;padding:14px;border:1px solid #a62d39;border-radius:17px;background:linear-gradient(105deg,#120d10 0%,#151114 62%,#210d12 100%);box-shadow:0 12px 34px #0006,0 0 25px #f3273911}
.featured-event-card:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d090c05 0%,#0d090c36 37%,#0d090cde 59%,#0d090c 100%)}
.featured-event-art{position:absolute;z-index:-2;inset:0 42% 0 0;overflow:hidden}
.featured-event-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.88;filter:saturate(1.1) contrast(1.08)}
.featured-event-copy{align-self:center;min-width:0;grid-column:1;display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding-left:3px}
.featured-entry-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:5px;background:#e82131;box-shadow:0 0 18px #e8213150;color:#fff;font:800 9px var(--display);letter-spacing:.35px}
.featured-game{color:#d4b8bb;font-size:7px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.featured-event-copy h3{margin:0;color:#f6f1f2;font:900 clamp(22px,4.6vw,35px)/.87 var(--display);letter-spacing:.1px;text-shadow:0 2px 9px #000}
.featured-event-copy h3 em{display:block;margin-top:4px;color:#ff3041;font-style:normal}
.featured-event-meta{display:flex;flex-wrap:wrap;gap:7px 13px;color:#e5dfe1;font-size:7px;font-weight:700}
.featured-event-side{grid-column:2;align-self:center;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.featured-prize{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:80px;padding:8px;border:1px solid #a2323e;border-radius:11px;background:linear-gradient(145deg,#241216,#120e11);box-shadow:inset 0 0 18px #f3273918,0 0 16px #f3273915}
.featured-prize small{color:#f0e6e8;font:800 9px var(--display);letter-spacing:.6px}.featured-prize strong{color:#fff;font:900 clamp(21px,3.8vw,31px)/1 var(--display);text-shadow:0 0 15px #fff4}
.featured-join{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid #fb3344;border-radius:7px;background:linear-gradient(120deg,#ff2638,#c81226);box-shadow:0 7px 19px #e31c303a;color:#fff;font:900 12px var(--display);letter-spacing:.35px;cursor:pointer}
.featured-join span{font-size:22px;line-height:.7}.featured-join:disabled{background:#291a1e;border-color:#593038;color:#ac9a9e;box-shadow:none;cursor:default}
.featured-empty{padding:22px;border:1px dashed #672630;border-radius:12px;background:#110e11;color:#b4a8ac;font-size:10px;text-align:center}
.featured-heading{position:relative;margin-top:23px}.featured-heading:before,.popular-modes-heading:before{content:'///';margin-right:9px;color:#f32739;font:900 20px var(--display);letter-spacing:-2px}
.popular-modes-heading{justify-content:flex-start;gap:9px}.popular-modes-heading small{margin-left:auto}
@media(max-width:580px){
  .topbar{height:57px;padding-inline:12px;gap:9px}.brand{gap:6px;font-size:18px}.brand-logo{width:29px;height:29px;border-radius:8px}.brand small{display:none}.brand span b{font-size:22px}.main-nav,.profile,.mobile-nav{display:none}.notification-button{width:36px;height:36px;margin-left:auto;border-color:#692631;background:#130d10}.notification-button svg{width:20px;height:20px}.topbar-wallet{height:36px;gap:5px;padding:0 9px;font-size:11px}.topbar-wallet svg{width:19px;height:19px}
  main{padding-inline:10px}.dashboard{padding-top:8px}.arena-hero{min-height:310px;margin-bottom:12px;border-radius:13px;align-items:stretch}.arena-hero-art{inset:-2% 44% -2% -20%;opacity:.95}.arena-hero-art img{object-position:50% 36%;mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%)}.arena-hero:before{background:linear-gradient(90deg,#0d090c00 0%,#0d090c00 25%,#0d090caa 48%,#0d090cf5 66%,#0d090cf8 100%)}.arena-hero:after{background:linear-gradient(0deg,#08080b70,transparent 22%),linear-gradient(115deg,transparent 58%,#ff334615 58.2%,transparent 58.6%)}.arena-hero-content{width:58%;max-width:none;margin-left:auto;padding:28px 12px 22px 0}.arena-hero-kicker{gap:5px;margin:0 0 14px;font-size:7px;letter-spacing:.6px;line-height:1.2}.arena-hero-kicker>span{width:6px;height:6px;flex:none}.arena-hero h1{font-size:clamp(36px,10.5vw,48px);line-height:.85;letter-spacing:-.3px;overflow-wrap:normal}.arena-hero h1 span{display:block}.arena-hero-copy{margin:12px 0 14px;font-size:8px;line-height:1.45}.arena-hero-cta{width:100%;justify-content:space-between;padding:10px 11px;gap:8px;border-radius:5px;font-size:10px}.arena-install-cta{display:none}.arena-hero-tags,.arena-hero-stamp{display:none}
  .home-salute,.home-kpis{display:none}.home-shortcuts{gap:0;margin:12px 0 16px;padding:5px 2px;border:1px solid #842936;border-radius:13px;background:linear-gradient(120deg,#100d10,#09090b);box-shadow:0 6px 19px #0006}.home-shortcut{min-width:0;min-height:72px;align-items:center;justify-content:center;gap:6px;padding:7px 3px;border:0;border-right:1px solid #491b22;border-radius:0;background:transparent;clip-path:none;text-align:center}.home-shortcut:last-child{border-right:0}.home-shortcut:hover{transform:none;background:#241115}.shortcut-icon{width:24px;height:24px;color:#e5dfe2;text-shadow:0 0 12px #ff334644}.home-shortcut strong{font-size:7px;letter-spacing:.1px;line-height:1.1}
  .featured-heading{margin:16px 2px 9px}.featured-heading:before,.popular-modes-heading:before{font-size:17px}.featured-heading>div>span,.popular-modes-heading span{font-size:15px}.featured-heading small,.popular-modes-heading small{font-size:8px}.featured-heading button{font-size:9px}.featured-grid{display:block;margin:0 0 18px}.featured-event-card{min-height:192px;grid-template-columns:minmax(0,1fr) 112px;gap:7px;padding:10px;border-radius:12px}.featured-event-art{inset:0 34% 0 0}.featured-event-card:after{background:linear-gradient(90deg,#0d090c00 0%,#0d090c45 30%,#0d090cdd 58%,#0d090cf8 100%)}.featured-event-copy{gap:6px;padding-left:0}.featured-entry-badge{padding:5px 6px;font-size:8px}.featured-game{font-size:6px;line-height:1.2}.featured-event-copy h3{font-size:clamp(20px,6.3vw,27px)}.featured-event-meta{gap:5px;font-size:6px}.featured-event-side{gap:8px}.featured-prize{min-height:68px;padding:6px;border-radius:8px;gap:5px}.featured-prize small{font-size:8px}.featured-prize strong{font-size:22px}.featured-join{min-height:37px;padding:0 8px;font-size:10px}.featured-join span{font-size:19px}
  .popular-modes{margin:12px 0 18px}.popular-modes-heading{margin:18px 2px 9px}.mode-tiles{gap:7px}.mode-tile{min-height:80px;border-radius:9px}.mode-tile>span{font-size:21px}.mode-tile>span>svg{width:26px;height:26px}.mode-tile strong{font-size:10px}.rules-banner{margin-top:9px}
  .mobile-bottom-nav{left:0;right:0;bottom:0;height:68px;padding:5px 5px calc(5px + env(safe-area-inset-bottom));border:1px solid #70232c;border-bottom:0;border-radius:16px 16px 0 0;background:#09080bf2;box-shadow:0 -8px 25px #0008;justify-content:space-around;gap:0}.mobile-bottom-nav button{height:55px;gap:4px;font-size:7px}.mobile-bottom-nav button span{font-size:21px}.mobile-bottom-nav button.active{color:#ff3949}
}

/* Swipe, arrows, keyboard, and dots for the upcoming tournament carousel. */
.featured-carousel{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;grid-template-rows:auto 18px;align-items:center;gap:8px 5px;margin-bottom:20px}
.featured-viewport{grid-column:1/-1;grid-row:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.featured-viewport::-webkit-scrollbar{display:none}
.featured-grid{display:flex;width:100%;gap:0;margin:0!important}
.featured-event-card{flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always}
.featured-arrow{grid-row:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid #832a37;border-radius:50%;background:#170e12;color:#f7e9eb;font:22px/1 var(--display);cursor:pointer;transition:border-color .15s,background .15s}
.featured-arrow:hover{border-color:#ff4252;background:#301218}.featured-prev{grid-column:1}.featured-next{grid-column:3}
.featured-dots{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center;gap:7px}
.featured-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#7c777b;cursor:pointer;transition:background .15s,transform .15s}.featured-dots button.active{background:#f32739;transform:scale(1.2)}
.featured-carousel.is-single{display:block;margin-bottom:18px}.featured-carousel.is-single .featured-arrow,.featured-carousel.is-single .featured-dots{display:none}
@media(max-width:580px){.featured-carousel{grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:auto 18px;gap:6px 4px;margin-bottom:14px}.featured-arrow{width:25px;height:25px;font-size:20px}.featured-dots{gap:6px}.featured-dots button{width:7px;height:7px}}