/* combat-mobile.css - Combat mobile overrides, force-mobile overrides */
/* Combat mobile overrides (must come after combat base styles) */
@media(max-width:768px),((pointer:coarse) and (hover:none) and (max-width:1024px)){
  .combat-bar{right:8px;top:calc(44px + var(--sat) + 4px);left:4px;height:34px;max-height:34px;z-index:5}
  .combat-bar.visible~.mob-trade-feed{display:none!important}
  .combat-popup{min-width:0}
  .combat-inner{padding:0 16px;min-width:0;width:100%;box-sizing:border-box}
  .combat-overlay{top:calc(44px + var(--sat))}
  .combat-header{padding-top:48px}
  .combat-header-top{padding-top:0}
  .combat-rooms,.combat-my-games{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;min-width:0;width:100%}
  .combat-tbl-head,.combat-room{grid-template-columns:160px 70px 70px 75px 65px 55px 36px!important;column-gap:10px!important;min-width:0;width:max-content!important}
  .combat-hist-head,.combat-hist-row{min-width:560px}
  .combat-room-name{font-size:12px}
  .combat-tbl-cell,.combat-tbl-cell.val,.combat-tbl-cell.free,.combat-tbl-cell.gold{font-size:11px}
  .combat-room-time-badge{font-size:10px}
  .combat-create-spin-btn{width:28px;font-size:16px}
  .combat-create-btn .create-text{display:none}
  .combat-toolbar-tab{padding:6px 10px;font-size:10px}
  .combat-head-title{font-size:22px}
  .combat-head-sub{font-size:12px}
  .combat-detail{max-width:calc(100% - 32px);border-radius:12px}
  .combat-detail-header{flex-direction:column;align-items:center;text-align:center;gap:12px}
  .combat-detail-type{justify-content:center}
  #histView .combat-tbl-head,#histView .combat-room{column-gap:10px!important;width:max-content!important}
  #histView .hist-rows{width:max-content;min-width:100%}
  #histView .hist-dep>.combat-tbl-head,#histView .hist-dep .combat-room{grid-template-columns:140px 140px 100px 180px!important}
  #histView .hist-wdr>.combat-tbl-head,#histView .hist-wdr .combat-room{grid-template-columns:120px 120px 70px 80px 160px!important}
  #histView .combat-rooms{scrollbar-width:thin;scrollbar-color:#2B2F36 transparent}
  #histView .combat-rooms::-webkit-scrollbar{height:6px}
  #histView .combat-rooms::-webkit-scrollbar-track{background:transparent}
  #histView .combat-rooms::-webkit-scrollbar-thumb{background:#2B2F36;border-radius:3px}
}

/* Force mobile layout when desktop mode detected on small-screen device */
html.force-mobile .app{display:flex;flex-direction:column;height:100vh;height:100dvh;gap:0}
html.force-mobile .app.demo-active{height:calc(100vh - 32px);height:calc(100dvh - 32px)}
html.force-mobile .ticker{display:none!important}
html.force-mobile .desktop-trade-feed{display:none!important}
html.force-mobile .bottombar{display:none}
html.force-mobile{--sat:max(env(safe-area-inset-top,0px),8px)}
html.force-mobile .topbar{flex-shrink:0;height:calc(44px + var(--sat));padding:var(--sat) 12px 0;background:#0a0b0e;border-bottom:none;position:relative;z-index:60;gap:8px}
html.force-mobile .mob-trade-feed{display:block}
html.force-mobile .chart-area{flex:1;min-height:0;margin-top:calc(-44px - var(--sat));padding-top:0;border-radius:16px 16px 0 0;overflow:hidden}
html.force-mobile .stake-overlay{display:none!important}
html.force-mobile .positions-overlay{top:auto;bottom:72px;width:calc(100% - 16px);left:8px;right:8px;max-height:55%;display:none!important;border-radius:12px;background:linear-gradient(180deg,#1a1d24 0%,#12141a 100%);border:1.5px solid rgba(252,213,53,0.25);box-shadow:0 -4px 24px rgba(0,0,0,0.5),0 0 20px rgba(252,213,53,0.06)}
html.force-mobile .positions-overlay.mob-visible{display:flex!important}
html.force-mobile .activity-panel{display:none}
html.force-mobile .topbar-help{display:none}
html.force-mobile .topbar-stat{display:none}
html.force-mobile .mode-hint{display:none!important}
html.force-mobile .mode-selector{display:none}
html.force-mobile .mode-toggle{display:none}
html.force-mobile .topbar-jackpot{display:none}
html.force-mobile .topbar-balance-wrap{display:none}
html.force-mobile .topbar-sound{display:none}
html.force-mobile .theme-wrap{display:flex;align-items:center;flex-shrink:0;order:99}
html.force-mobile .topbar-theme{width:28px;height:28px;min-width:28px;min-height:28px;padding:0}
html.force-mobile .theme-picker-overlay .theme-picker{max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
html.force-mobile .topbar-logo{height:28px;top:-2.7px}
html.force-mobile .topbar-brand{gap:7px;padding:4px 6px;overflow:hidden}
html.force-mobile .topbar-pair{display:none!important}
html.force-mobile .topbar.rush-active .topbar-pair{display:flex!important;font-size:13px;padding:7px 10px 5px;margin-left:auto;order:98;border:1px solid #2B2F36;border-radius:6px;background:rgba(30,32,38,0.6);align-items:center;gap:4px;line-height:1;transition:none;-webkit-tap-highlight-color:transparent}
html.force-mobile .topbar-pair.pair-locked{display:flex!important;font-size:13px;padding:7px 10px 5px;margin-left:auto;order:98;border:1px solid #2B2F36;border-radius:6px;background:rgba(30,32,38,0.6);align-items:center;gap:4px;line-height:1;opacity:1}
html.force-mobile .pair-dropdown-backdrop{background:rgba(0,0,0,0.75)}
html.force-mobile .topbar.rush-active .topbar-pair:hover{background:rgba(30,32,38,0.6);border:1px solid #2B2F36;border-bottom:1px solid #2B2F36;border-radius:6px;margin-bottom:0}
html.force-mobile .topbar-pair:hover .pair-dropdown:not(.mob-open){display:none!important}
html.force-mobile .topbar.rush-active .topbar-pair .pair-arrow{font-size:12px;margin-left:2px;line-height:1;position:relative;top:-1px}
html.force-mobile .topbar.rush-active .topbar-pair .pair-dropdown{position:fixed;top:44px;left:12px;right:12px;width:auto;border-radius:12px;max-height:min(70vh, calc(100vh - 44px - 72px - env(safe-area-inset-bottom)));display:none;flex-direction:column;overflow:hidden}
html.force-mobile .topbar.rush-active .topbar-pair .pair-dropdown .pd-search,html.force-mobile .topbar.rush-active .topbar-pair .pair-dropdown .pd-tags,html.force-mobile .topbar.rush-active .topbar-pair .pair-dropdown .pd-header{flex-shrink:0}
html.force-mobile .topbar.rush-active .topbar-pair .pair-dropdown .pd-list{max-height:none;flex:1;min-height:0;overflow-y:auto}
html.force-mobile .topbar-live{display:none!important}
html.force-mobile .topbar-demo{display:none!important}
html.force-mobile .hamburger{width:38px;height:38px;margin-left:auto;order:100}
html.force-mobile .wallet-wrap{display:none!important}
html.force-mobile .mob-trade-bar{display:none!important}
html.force-mobile .tap-grid-overlay{width:68%;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(8,1fr)!important}
html.force-mobile .tap-cell .tap-mult{font-size:10px}
html.force-mobile .tap-cell .tap-payout{font-size:8px}
html.force-mobile .tap-time-header{width:68%}
html.force-mobile .mob-positions-toggle{display:none!important}
html.force-mobile .mob-bottom-bar{display:flex;flex-direction:column;align-items:stretch}
html.force-mobile .mob-size-float{display:none!important}
html.force-mobile .combat-bar{right:8px;top:calc(44px + var(--sat) + 4px);left:4px;height:34px;max-height:34px;z-index:5}
html.force-mobile .combat-bar.visible~.mob-trade-feed{display:none!important}
html.force-mobile .wallet-popup{width:calc(100vw - 32px);max-width:400px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}
html.force-mobile .profile-overlay{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:20px 0}
html.force-mobile .profile-popup{width:calc(100vw - 32px);max-width:420px;margin:auto;padding:24px 20px}
html.force-mobile .bao-sheet-inner{width:calc(100vw - 32px);max-width:400px}
html.force-mobile .jackpot-popup{width:calc(100vw - 24px);max-width:480px}
html.force-mobile .jpwin-popup{width:calc(100vw - 24px);max-width:420px}
html.force-mobile .combat-rooms,html.force-mobile .combat-my-games{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;min-width:0;width:100%}
html.force-mobile .combat-popup{min-width:0}
html.force-mobile .combat-inner{padding:0 16px;min-width:0;width:100%;box-sizing:border-box}
html.force-mobile #histView .combat-tbl-head,html.force-mobile #histView .combat-room{column-gap:10px!important;width:max-content!important}
html.force-mobile #histView .hist-rows{width:max-content;min-width:100%}
html.force-mobile #histView .hist-dep>.combat-tbl-head,html.force-mobile #histView .hist-dep .combat-room{grid-template-columns:140px 140px 100px 180px!important}
html.force-mobile #histView .hist-wdr>.combat-tbl-head,html.force-mobile #histView .hist-wdr .combat-room{grid-template-columns:120px 120px 70px 80px 160px!important}
html.force-mobile #histView .combat-rooms{scrollbar-width:thin;scrollbar-color:#2B2F36 transparent}
html.force-mobile #histView .combat-rooms::-webkit-scrollbar{height:6px}
html.force-mobile #histView .combat-rooms::-webkit-scrollbar-track{background:transparent}
html.force-mobile #histView .combat-rooms::-webkit-scrollbar-thumb{background:#2B2F36;border-radius:3px}