/* Persistent phone controls share one safe-area-aware coordinate system. */
:root{--imperial-bottom-nav-height:64px;--imperial-header-height:76px}
/* Keep embedded browser text sizing from expanding the wallet/header independently. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.header-auth .header-mobile-login{display:none}
.mobile-slip-count[hidden]{display:none!important}
.sidebar-collapsed #install-app{display:none}
@media(max-width:760px){
 :root{--imperial-header-height:64px;--imperial-bottom-nav-height:74px}
 .header{box-sizing:border-box;left:0;right:0;width:auto;max-width:100%;height:calc(var(--imperial-header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));display:flex;flex-wrap:nowrap;align-items:center;gap:10px;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:#120d1d}
 .header-brand{flex:none;gap:0;min-width:0}.header-brand>.icon-btn{display:none!important}
 .header .brand{gap:0;min-width:0}.header .brand>img{width:38px;height:42px;object-fit:contain}.header .brand>span{display:none!important}
 .header-right{display:flex;flex:0 1 auto;flex-wrap:nowrap;gap:8px;margin-left:auto;min-width:0;max-width:calc(100% - 48px);align-items:center}
 .header-wallet{order:0;flex:0 1 auto;min-width:0;max-width:100%;height:42px;border:1px solid #765194;background:#1a1225;border-radius:9px}.header-wallet .balance-pill{flex:1 1 auto;min-width:0}.header-wallet .crypto-picker,.header-wallet .header-wallet-button{flex-shrink:0}
 .header .balance-value{gap:5px;padding:4px 7px;min-height:40px;min-width:0}
 .header .balance-value>span:last-child{min-width:0;max-width:88px}.header .balance-value strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}.header .balance-value small{display:block;font-size:9px;line-height:1.2;margin-top:2px}
 .header .balance-currency-mark,.header .balance-currency-mark img{width:19px;height:19px;flex:none}.header #balance-currency{font-size:10px;gap:4px;padding:5px;min-height:40px;width:57px}
 .header .header-wallet-button{width:36px;min-width:36px;height:40px;padding:9px;background:linear-gradient(140deg,#aa4ae526,#7631b51a);color:#e8c5ff;border-left:1px solid #8243b856}
 .header-auth{order:1;display:flex;flex:none;padding:0;gap:0}.header-auth .header-login,.header-auth .header-register{display:none!important}
 .header-auth .header-mobile-login{display:grid;place-items:center;width:40px;height:42px;min-width:40px;padding:9px;border:1px solid #794ba0;border-radius:9px;background:linear-gradient(145deg,#442052,#251730);color:#e8cefc}.header-mobile-login svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .header-auth[hidden]{display:none!important}
 .shell,.sidebar-collapsed .shell{margin:calc(var(--imperial-header-height) + env(safe-area-inset-top,0px)) 0 calc(var(--imperial-bottom-nav-height) + env(safe-area-inset-bottom,0px));min-width:0}
 .sidebar,.sidebar-collapsed .sidebar{top:calc(var(--imperial-header-height) + env(safe-area-inset-top,0px));bottom:calc(var(--imperial-bottom-nav-height) + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 46px);overflow-y:auto;overscroll-behavior:contain}
 .sidebar-collapsed #install-app{display:block}
 .menu-open .nav-scrim{inset:calc(var(--imperial-header-height) + env(safe-area-inset-top,0px)) 0 calc(var(--imperial-bottom-nav-height) + env(safe-area-inset-bottom,0px));z-index:44}
 .crypto-popover{top:calc(62px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 145px - env(safe-area-inset-bottom,0px));right:10px;width:min(326px,calc(100vw - 20px))}
 .mobile-nav{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));top:auto;height:64px;padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:2px;z-index:90;border:1px solid #a974d45e;border-radius:19px;background:linear-gradient(140deg,#25182eee,#180f23f5);box-shadow:0 8px 28px #05020b99,inset 0 1px #fff08;backdrop-filter:blur(22px)}
 .mobile-nav>a,.mobile-nav>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:52px;padding:5px 1px;border:0;background:none;color:#ac9bbd;border-radius:13px;font:500 9px var(--display);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .18s,background .18s}
 .mobile-nav>a:before,.mobile-nav>button:before{content:'';position:absolute;bottom:2px;left:42%;right:42%;height:2px;background:#ce8cff;border-radius:3px;opacity:0;box-shadow:0 0 10px #b953ff}
 .mobile-nav .active,.mobile-nav [aria-expanded=true],.mobile-nav .is-open{color:#eed9ff;background:linear-gradient(145deg,#b466ff26,#7334b114);box-shadow:inset 0 0 0 1px #b477e521}
 .mobile-nav .active:before,.mobile-nav [aria-expanded=true]:before,.mobile-nav .is-open:before{opacity:1}
 .mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:0}
 .mobile-nav>*:active{background:#a651e837}.mobile-nav>*:focus-visible{outline:2px solid #cf91ff;outline-offset:-3px}
 .mobile-slip-icon{position:relative;height:22px;display:block}
 .mobile-slip-count{position:absolute;right:-12px;top:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:1px 4px;border-radius:6px;background:#bc68f8;border:1px solid #eccbff;color:#190d25;font:700 9px var(--display);box-shadow:0 0 9px #b147e63d}
 .help-mascot-dock{position:fixed!important;right:max(3px,env(safe-area-inset-right,0px));bottom:calc(var(--imperial-bottom-nav-height) + env(safe-area-inset-bottom,0px) + 10px)!important;width:78px;height:112px;z-index:43;pointer-events:none;transform:none}
 .help-mascot-dock .help-bubble,.help-mascot-dock .support-mascot{pointer-events:auto}
 .help-mascot-dock .support-mascot{width:78px;height:95px}
 .help-mascot-dock .support-mascot>canvas{width:100%!important;height:100%!important;max-width:100%}
 .menu-open .help-mascot-dock,.mobile-betslip-open .help-mascot-dock{visibility:hidden;pointer-events:none}
 .mobile-betslip-open .shell{z-index:70}
 #support{position:fixed;top:auto;bottom:calc(var(--imperial-bottom-nav-height) + env(safe-area-inset-bottom,0px) + 8px);right:8px;left:8px;width:auto;max-width:none;max-height:calc(100dvh - var(--imperial-bottom-nav-height) - env(safe-area-inset-bottom,0px) - 24px);margin:0;z-index:100}
 .footer{padding-bottom:80px}.footer .official-domain{flex-wrap:wrap}
 #toast{bottom:calc(var(--imperial-bottom-nav-height) + env(safe-area-inset-bottom,0px) + 13px);max-width:calc(100vw - 30px)}
}
@media(max-width:350px){.header{padding-left:10px;padding-right:10px;gap:6px}.header .brand>img{width:32px}.header-right{gap:6px}.header .balance-value{padding:4px 5px}.header .balance-value>span:last-child{max-width:66px}.header .balance-value strong{font-size:11px}.header .balance-value small{font-size:8px}.header .balance-currency-mark,.header .balance-currency-mark img{width:17px;height:17px}.header #balance-currency{width:51px;font-size:9px;padding:4px}.header .header-wallet-button{width:32px;min-width:32px;padding:8px}.header-auth .header-mobile-login{width:36px;min-width:36px;padding:8px}.mobile-nav>a,.mobile-nav>button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mobile-nav>*{transition:none}}
@media(max-width:760px){
 .mobile-betslip-open .mobile-nav>a.active{color:#ac9bbd;background:none;box-shadow:none}
 .mobile-betslip-open .mobile-nav>a.active:before{opacity:0}
}