@import url("/flyxwin-wordmark.css?v=1");
/* Flyxwin mobile design system · 2026-10-07. Desktop styles are intentionally outside this breakpoint. */
@media (max-width:760px){
 html:has(body.mobile-app){color-scheme:dark;background:#090e20}
 body.mobile-app{--bg:#090e20;--panel:#121a31;--line:#29334e;--gold:#bba4ff;--accent:#ac94ff;--muted:#a6b1cc;--brand-ink:#fff;--theme-bg:#090e20;--theme-surface:#121a31;--theme-teal:#80e7d0;--theme-teal-dark:#173b44;--theme-orange:#6546bf;--theme-peach:#1c2542;--theme-text:#f5f6ff;--theme-muted:#a6b1cc;--theme-border:#29334e;--theme-shadow:none;background:#090e20!important;color:#f5f6ff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;margin:0;min-height:100dvh;accent-color:#b49aff}
 body.mobile-app *,body.mobile-app *::before,body.mobile-app *::after{box-sizing:border-box}
 body.mobile-app :is(main,section,article,aside,form,div){min-width:0}
 body.mobile-app main{max-width:100%;padding:22px 16px 30px!important;margin:0 auto}
 body.mobile-app :is(h1,h2,h3,h4,strong,label,td){color:#f5f6ff}
 body.mobile-app h1{font-size:27px!important;line-height:1.2;letter-spacing:-.6px}
 body.mobile-app h2{font-size:19px;line-height:1.35}
 body.mobile-app :is(p,small,.small,.muted,.theme-muted,.eyebrow,th,dt){color:#a6b1cc!important}
 body.mobile-app :is(.card,.panel,.metric,.metrics .metric,.board,.profile-hero,.referral-stat,.security-intro,.brand-preview,.withdraw-balance,.admin-card,.panel-card,.stat-card,.kpi-card){background:#121a31!important;color:#f5f6ff!important;border:1px solid #29334e!important;box-shadow:none!important;border-radius:17px!important}
 body.mobile-app :is(.card,.panel){padding:18px;margin:16px 0}
 body.mobile-app.theme-soft section{background:#121a31;border-color:#29334e;box-shadow:none}
 body.mobile-app .metric{padding:17px!important;min-height:0}
 body.mobile-app .metric strong{color:#f5f6ff!important;font-variant-numeric:tabular-nums}
 body.mobile-app .metric small{color:#a6b1cc!important}
 body.mobile-app .metrics,body.mobile-app .profile-grid,body.mobile-app .referral-grid{grid-template-columns:1fr!important;gap:12px}
 body.mobile-app :is(input,select,textarea){background:#0d1529!important;color:#f5f6ff!important;border:1px solid #354362!important;border-radius:10px!important;min-height:46px;font:inherit;font-size:16px;padding:12px;max-width:100%}
 body.mobile-app :is(input,textarea)::placeholder{color:#a6b1cc;opacity:1}
 body.mobile-app :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;min-height:20px}
 body.mobile-app :is(button,.button,a.primary){background:#222c49!important;color:#e8e7ff!important;border:1px solid #3c4867!important;border-radius:11px;min-height:44px;box-shadow:none;font-weight:600}
 body.mobile-app :is(button.primary,.button.primary,a.primary,button.selected,button.active,[aria-selected=true]){background:#6546bf!important;border-color:#9776e8!important;color:#fff!important}
 body.mobile-app button:disabled{opacity:.5}
 body.mobile-app a{color:#bfacff;text-underline-offset:3px;overflow-wrap:anywhere}
 body.mobile-app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #80e7d0!important;outline-offset:3px}
 body.mobile-app :is(.message,.notice,.withdraw-disabled){color:#d8d1f2!important;background:transparent;border-color:#3d4662}
 body.mobile-app :is(.result,.success,.positive){color:#78e4c9!important}
 body.mobile-app :is(.loss,.error,.negative){color:#ff9caf!important}
 body.mobile-app :is(header,.topbar,.admin-topbar,.admin-header){background:#0e162b!important;border-color:#29334e!important;color:#f5f6ff!important}
 body.mobile-app :is(header a,.brand){color:#eee8ff!important;text-shadow:none!important}
 body.mobile-app table{color:#ecf0ff!important;background:transparent!important;width:100%;border-collapse:collapse}
 body.mobile-app :is(th,td){border-color:#29334e!important;vertical-align:middle;padding:12px 10px}
 body.mobile-app thead,body.mobile-app th{background:#1a2440!important;color:#bdc8e1!important}
 body.mobile-app tbody tr{background:transparent!important}
 body.mobile-app .scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
 body.mobile-app .scroll table{min-width:540px}
 body.mobile-app .avatar{background:#352c58!important;color:#e2d6ff!important;box-shadow:none!important}
 body.mobile-app .profile-hero{display:flex;flex-wrap:wrap;gap:15px;padding:20px!important}
 body.mobile-app #auth-section{background:#121a31!important;color:#f5f6ff!important;padding:25px 20px!important;border:1px solid #29334e!important;border-radius:22px!important;box-shadow:none!important;margin:14px auto!important;max-width:460px}
 body.mobile-app #auth-section h2{color:#f5f6ff!important;font-size:26px!important}
 body.mobile-app #auth-section :is(label,small){color:#a6b1cc!important}
 body.mobile-app #auth-section .row{border-color:#29334e}
 body.mobile-app #auth-section .row button{border-radius:8px!important;border-bottom-width:2px!important;flex:1}
 body.mobile-app #dashboard{background:transparent!important;padding:0!important;border:0!important;box-shadow:none}
 body.mobile-app #dashboard>.row:first-child{gap:10px;margin-bottom:18px}
 body.mobile-app #dashboard #greeting{margin:0}
 body.mobile-app #dashboard .metrics{grid-template-columns:1fr 1fr!important}
 body.mobile-app #dashboard .metric:first-child{grid-column:1/-1;background:linear-gradient(120deg,#252147,#172c3e)!important}
 body.mobile-app #available-balance{font-size:32px!important}
 body.mobile-app #wallet-withdraw{color:#85ebd2!important}
 body.mobile-app .arena{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%}
 body.mobile-app .arena>:is(.prediction-card,.live-panel){width:100%;min-width:0;margin:0!important}
 body.mobile-app .coin-scene{height:195px;background:radial-gradient(ellipse,#48357255,transparent 70%)!important}
 body.mobile-app .coin{width:133px;height:133px;font-size:52px;line-height:1.45;border-color:#c5b7ea;background:radial-gradient(circle at 30% 20%,#ad9ddd,#644c9d 60%,#34264f)!important;box-shadow:0 0 28px #8163cd33!important}
 body.mobile-app .even-coin{width:118px;height:118px;font-size:48px;margin-left:-28px;margin-top:40px;border-color:#87cbbb;background:radial-gradient(circle at 30% 20%,#b6e3d7,#367e78 60%,#173e45)!important}
 body.mobile-app .prediction{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
 body.mobile-app .prediction button{width:100%;min-width:0;padding:20px 8px}
 body.mobile-app .choices:not(.prediction){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body.mobile-app .choices button{min-width:0;padding:12px 4px}
 body.mobile-app .choices button.selected{box-shadow:0 0 0 2px #b69beb!important}
 body.mobile-app .live-panel h2{color:#80e7d0!important;font-size:18px}
 body.mobile-app .live-row{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:13px 0;border-bottom:1px solid #29334e}
 body.mobile-app .live-row .avatar{width:32px;height:32px;font-size:14px;border-radius:10px}
 body.mobile-app .live-row .result{grid-column:2;text-align:left;font-size:12px;margin-top:0}
 body.mobile-app .live-name,body.mobile-app .live-meta{overflow-wrap:anywhere;font-size:13px}
 body.mobile-app .rules{margin-top:16px}
 body.mobile-app .zozo{background:radial-gradient(ellipse at bottom,#312a53,#0d1529 75%)}
 body.mobile-app .zozo figcaption{font-size:19px;background:#1c2541;border-color:#ad94f4;color:#e4d8ff}
 body.mobile-app.mobile-player{padding-top:74px;padding-bottom:88px}
 body.mobile-app.mobile-player>header:not(.app-topbar),body.mobile-app.mobile-player>.side-nav,body.mobile-app.mobile-player>.mobile-menu{display:none!important}
 body.mobile-app.mobile-player>main{max-width:540px;padding:22px 16px!important}
 body.mobile-app .app-topbar{position:fixed;z-index:60;top:0;left:0;right:0;min-height:68px;height:auto;padding:12px 14px!important;display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:9px;border-bottom:1px solid #29334e;box-shadow:0 4px 16px #05091730}
 body.mobile-app .app-brand{margin-right:auto;display:flex;align-items:center;gap:7px;text-decoration:none;letter-spacing:.2px;font-style:normal;min-width:0;font-size:14px;font-weight:750}
 body.mobile-app .app-brand-text{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 body.mobile-app .app-mark{display:grid;place-items:center;width:28px;height:32px;border:1px solid #685493;border-radius:9px;background:#322361;color:#d3c4ff}
 body.mobile-app .app-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
 body.mobile-app .app-wallet{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #32415f;background:#172139;border-radius:11px;text-decoration:none;color:#f5f6ff!important;font-size:12px;font-weight:650;min-height:44px;white-space:nowrap;max-width:145px}
 body.mobile-app .app-wallet .app-icon{color:#80e7d0;width:16px;height:16px}
 body.mobile-app .app-wallet span{overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
 body.mobile-app .app-profile,body.mobile-app .app-menu-toggle{display:grid;place-items:center;width:36px;min-width:36px;min-height:44px;padding:0;border:0!important;background:transparent!important;text-decoration:none;color:#c4b2fa!important}
 body.mobile-app .app-profile .app-icon{width:26px;height:26px}
 body.mobile-app .app-bottomnav{position:fixed;z-index:60;bottom:0;left:0;right:0;background:#10172b;border-top:1px solid #29334e;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 10px calc(9px + env(safe-area-inset-bottom));gap:6px}
 body.mobile-app .app-bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:7px 0;border-radius:12px;text-decoration:none;color:#aebbd5;font-size:11px;font-weight:550}
 body.mobile-app .app-bottomnav [aria-current=page]{background:#292044;color:#c9b4ff}
 body.mobile-app .app-menu{border:1px solid #465174;border-radius:20px;background:#141d34;color:#f5f6ff;padding:19px;max-width:390px;width:calc(100% - 30px);max-height:calc(100dvh - 80px);overflow:auto}
 body.mobile-app .app-menu::backdrop{background:#030715b8;backdrop-filter:blur(5px)}
 body.mobile-app .app-menu-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
 body.mobile-app .app-menu-head h2{margin:0}
 body.mobile-app .app-menu nav{display:grid;gap:7px}
 body.mobile-app .app-menu nav a{padding:12px 14px;min-height:46px;background:#202b48;border-radius:11px;text-decoration:none;color:#e0d7fc}
 body.mobile-app .app-menu .app-signout{margin-top:14px;width:100%}
 body.mobile-app .app-menu-close{padding:8px 14px}
 body.mobile-app.rewards-mobile-active>main:not(#rewards-hub){display:none!important}
 body.mobile-app.rewards-mobile-active #brand-support{display:none}
 @media(max-width:360px){body.mobile-app .app-topbar{gap:5px;padding:10px!important}body.mobile-app .app-brand{font-size:12px;gap:5px}body.mobile-app .app-mark{display:none}body.mobile-app .app-wallet{font-size:11px}body.mobile-app .app-profile,body.mobile-app .app-menu-toggle{width:32px;min-width:32px}body.mobile-app .app-brand-text{max-width:85px}}
 @media(prefers-reduced-motion:reduce){body.mobile-app *,body.mobile-app *::before,body.mobile-app *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
}
/* Shared mobile treatment for staff and operator pages. */

/* Player controls stay reachable on narrow phones, notched screens and short viewports. */
@media(max-width:760px){
 body.mobile-app.mobile-player{padding-top:calc(76px + env(safe-area-inset-top,0px));padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 body.mobile-app.mobile-player .app-topbar{padding-top:calc(10px + env(safe-area-inset-top,0px))!important;padding-left:max(10px,env(safe-area-inset-left,0px))!important;padding-right:max(10px,env(safe-area-inset-right,0px))!important;gap:6px}
 body.mobile-app.mobile-player :is(.app-profile,.app-menu-toggle){width:44px;min-width:44px;min-height:44px;flex-shrink:0}
 body.mobile-app.mobile-player .app-wallet{min-width:0;flex-shrink:1}
 body.mobile-app.mobile-player .app-brand{flex:1;min-width:0}
 body.mobile-app.mobile-player .app-brand-text{max-width:100%}
 body.mobile-app.mobile-player .app-bottomnav{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
 body.mobile-app.mobile-player .app-menu{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
 body.mobile-app.mobile-player :is(input,textarea,select){scroll-margin-top:calc(92px + env(safe-area-inset-top,0px));scroll-margin-bottom:110px}
 body.mobile-app.mobile-player :is(#play,#history-view){scroll-margin-top:calc(90px + env(safe-area-inset-top,0px))}
}
@media(max-width:370px){
 body.mobile-app.mobile-player .app-brand-text{font-size:11px!important;letter-spacing:0}
 body.mobile-app.mobile-player .app-wallet{padding:7px 5px;max-width:130px}
}
@media(max-width:760px){
 body.mobile-app.player-dark{--page:#090e20;--surface:#121a31;--text:#f5f6ff;--border:#29334e;--purple:#bba4ff;--teal:#80e7d0;--danger:#ff9caf}
 body.mobile-player.player-dark :is(.player-header,.status-strip,#player-nav){display:none!important}
 body.mobile-player.player-dark .app-shell{padding:0;max-width:540px}
 body.mobile-player.player-dark main{padding:20px 16px!important}
 body.mobile-app.player-dark .scroll table{min-width:0}
 body.mobile-app.player-dark #auth-section{background:transparent!important;border:0!important;padding:8px 3px!important;margin:0 auto!important;max-width:420px}
 body.mobile-app.player-dark #auth-section .auth-logo{color:#e0d5ff;letter-spacing:.7px}
 body.mobile-app.player-dark #auth-section :is(.auth-text-button,#password-toggle){background:transparent!important;border:0!important}
 body.mobile-app.player-dark .odd-choice{background:linear-gradient(140deg,#352254,#17152c)!important;border-color:#71558e!important}
 body.mobile-app.player-dark .even-choice{background:linear-gradient(140deg,#1b4346,#11272f)!important;border-color:#3b827a!important}
 body.mobile-app.player-dark .choice-card.selected{box-shadow:0 0 0 2px #bca7ef!important;border-color:#d3baff!important}
 body.mobile-app.player-dark .even-choice.selected{box-shadow:0 0 0 2px #72cbb9!important;border-color:#9ae8d4!important}
 body.mobile-app.player-dark :is(.bet-summary,.account-summary,.history-card,.last-bet,.rules){background:#121a31;border-color:#29334e}
 body.mobile-app.player-dark #potential-return{color:#80e7d0}
 body.mobile-app.player-dark .amount-input input{background:transparent!important;border:0!important}
 body.mobile-app.player-dark .withdraw-metric h2{font-size:13px;line-height:1.4}
 body.mobile-app.player-dark .wallet-hero h2{font-size:13px}
 body.mobile-app.player-dark .site-footer{font-size:10px;padding-bottom:25px}
 body.mobile-app.player-dark :is(.result-heading h2,.result-heading>span,.previous-pick>span,.result-number small,.previous-outcome>div,.field-hint,.return-hint,.responsible-note){font-size:11px}
 body.mobile-app.player-dark :is(#play,#history-view){scroll-margin-top:85px}
}
@media(max-width:760px){
 body.mobile-app.admin-workspace{background:#090e20!important;color:#f5f6ff!important;color-scheme:dark}
 body.mobile-app.admin-workspace :is(h1,h2,h3){color:#f5f6ff!important}
 body.mobile-app :is(.workspace-sidebar,.sidebar){background:#10192f!important;border-color:#29334e!important}
 body.mobile-app :is(.workspace-sidebar,.sidebar) a.active{background:#44326f!important;color:#fff!important}
 body.mobile-app :is(.search-wrap,.top-date,.popover,.summary-row,.segmented,.notification.unread,.owner-badge,.error-banner,.brand-track){background:#1a2440!important;border-color:#36415d!important;color:#d5ddf2!important}
 body.mobile-app :is(.profile-menu a,.chart-legend,.distribution-legend a,.brand-row,.workspace-title,.workspace-user){color:#c4cee5!important}
 body.mobile-app :is(.distribution-legend a,.notification){border-color:#29334e!important}
 body.mobile-app .kpi{background:linear-gradient(120deg,#2e254c,#192942)!important;color:#f5f6ff!important;border:1px solid #453864;border-radius:15px}
 body.mobile-app :is(.kpi-green,.kpi-blue){background:linear-gradient(120deg,#183c42,#17233a)!important;border-color:#31595c}
 body.mobile-app .kpi-red{background:linear-gradient(120deg,#3a2649,#20243e)!important}
 body.mobile-app .kpi-icon{background:#ffffff12}
 body.mobile-app .skeleton{background:linear-gradient(90deg,#18213a 25%,#24304b 50%,#18213a 75%)!important}
 body.mobile-app .status{background:#25334e;color:#d2ddf3}
 body.mobile-app .status:is(.win,.paid,.approved){background:#193d3d;color:#8be9ce}
 body.mobile-app .status:is(.loss,.failed,.rejected){background:#43283c;color:#ffb1c0!important}
 body.mobile-app .status:is(.pending,.paid_review){background:#393148;color:#e5cefc}
 body.mobile-app :is(.cash-chart,.result-chart) text{fill:#b2c0d9}
 body.mobile-app .donut-svg text{fill:#e3eaff}
 body.mobile-app .topbar:not(.app-topbar){height:auto;min-height:64px;flex-wrap:wrap;padding:10px}
 body.mobile-app :is(.table-scroll,.scroll){max-width:100%;overflow-x:auto}
}