/* Final app-only viewport lock. Loaded after the web bundle. */
html.traders-mobile-app,
html.traders-mobile-app body,
html.traders-mobile-app body>main,
html.traders-mobile-app #root{
 width:100%;
 height:100dvh!important;
 min-height:0!important;
 max-height:100dvh!important;
 margin:0!important;
 overflow:hidden!important
}
/* The website shell reserves 72-96px above non-home pages. In the native
   app that header is hidden, so retaining its body padding leaves a blank
   band at the bottom of the viewport. */
html.traders-mobile-app body{
 padding:0!important
}
html.traders-mobile-app #root>.trainer-mode-page{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 min-height:100%!important;
 max-height:100%!important;
 margin:0!important;
 padding:8px 10px 5px!important;
 box-sizing:border-box!important;
 display:grid!important;
 grid-template-rows:minmax(0,1fr) 20px!important;
 gap:3px!important;
 overflow:hidden!important;
 background-attachment:scroll!important
}
html.traders-mobile-app .trainer-mode-page>.trainer-mode-grid{
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 max-width:none!important;
 margin:0!important;
 display:grid!important;
 gap:7px!important;
 overflow:hidden!important
}
html.traders-mobile-app .trainer-mode-page .trainer-mode-card{
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 max-height:none!important;
 margin:0!important;
 padding:8px 10px!important;
 box-sizing:border-box!important;
 overflow:hidden!important;
 transform:none
}
html.traders-mobile-app .trainer-mode-page .trainer-mode-card:hover,
html.traders-mobile-app .trainer-mode-page .trainer-mode-card:focus-visible{transform:none!important}
html.traders-mobile-app .trainer-mode-page>.trainer-mode-back{
 height:20px!important;
 min-height:0!important;
 margin:0!important;
 padding:0 3px!important;
 align-self:center!important;
 box-sizing:border-box!important;
 font-size:9px!important;
 line-height:18px!important;
 overflow:hidden!important
}
@media (orientation:portrait){
 html.traders-mobile-app .trainer-mode-page>.trainer-mode-grid{
  grid-template-columns:1fr!important;
  grid-auto-rows:minmax(0,1fr)!important
 }
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card{
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important
 }
 html.traders-mobile-app .trainer-mode-page .trainer-mode-emblem{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  grid-column:1!important;
  grid-row:1/3!important;
  align-self:center!important;
  width:58px!important;
  height:74px!important;
  opacity:1!important;
  transform:none!important
 }
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card>div,
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card>span{grid-column:2!important}
}
@media (orientation:landscape){
 html.traders-mobile-app #root>.trainer-mode-page{padding:5px 8px 3px!important;grid-template-rows:minmax(0,1fr) 18px!important;gap:2px!important}
 html.traders-mobile-app .trainer-mode-home>.trainer-mode-grid,
 html.traders-mobile-app .trainer-battle-select>.trainer-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important}
 html.traders-mobile-app .trainer-play-select>.trainer-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important}
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card{
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  padding:7px 9px!important
 }
 html.traders-mobile-app .trainer-mode-page .trainer-mode-emblem{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  grid-column:1!important;
  grid-row:1/3!important;
  align-self:center!important;
  width:68px!important;
  height:min(96px,42dvh)!important;
  opacity:1!important;
  transform:none!important
 }
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card>div,
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card>span{grid-column:2!important}
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card p{display:none!important}
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card h2{margin:3px 0!important;font-size:clamp(15px,2.4vw,21px)!important;line-height:1.05!important}
 html.traders-mobile-app .trainer-mode-page .trainer-mode-card>span{min-height:32px!important;padding:0 10px!important;font-size:9px!important}
}

/* Landscape SPEED: fill the chart width up to the order panel's left edge. */
@media (orientation:landscape) and (max-width:1400px){
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{
  left:0!important;
  right:min(200px,calc(100vw - 48px))!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience.is-order-collapsed:not(.is-speed-gauge-hidden) .sim-playback{
  right:0!important
 }
}

/* Portrait game cover: center the complete title-to-PLAY stack around the lead character. */
@media (orientation:portrait) and (max-width:560px){
 html.traders-mobile-app .game-index{height:100dvh!important;min-height:100dvh!important;padding:8px 8px var(--mobile-bottom-clearance)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
 html.traders-mobile-app .game-index>.game-card.game-card-trainer{height:calc(100dvh - var(--mobile-bottom-clearance) - 16px)!important;min-height:0!important;max-height:none!important;margin:0!important}
 html.traders-mobile-app .game-card.game-card-trainer>.trainer-battle-title{top:15%!important}
 html.traders-mobile-app .game-card.game-card-trainer>.trainer-card-copy{top:19%!important}
 html.traders-mobile-app .game-card.game-card-trainer>.trainer-card-roster{top:31%!important;bottom:31%!important}
 html.traders-mobile-app .game-card.game-card-trainer>.trainer-card-tagline{top:70%!important;bottom:auto!important}
 html.traders-mobile-app .game-card.game-card-trainer>.trainer-play{top:78%!important;bottom:auto!important}
}

/* Order deck sizing follows the device orientation. */
@media (orientation:portrait) and (max-width:620px){
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important
 }
}
@media (orientation:landscape) and (max-width:1400px){
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-order-collapsed):has(>.sim-order:not(.is-mobile-expanded)) .sim-chart-grid{
  width:calc(100% - 200px)!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded){
  left:auto!important;
  right:0!important;
  width:min(200px,calc(100vw - 48px))!important;
  max-width:min(200px,calc(100vw - 48px))!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  left:auto!important;
  right:0!important;
  width:min(200px,calc(100vw - 48px))!important;
  max-width:min(200px,calc(100vw - 48px))!important
 }
}

/* SPEED hidden: remove the whole dock and reclaim its chart space. */
@media (max-width:900px){
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden .sim-playback{
  display:none!important
 }
}
@media (orientation:portrait) and (max-width:620px){
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden:not(.is-order-collapsed):has(>.sim-order:not(.is-mobile-expanded)) .sim-chart-grid{
  height:calc(100% - 130px)!important
 }
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden.is-order-collapsed .sim-chart-grid{
  height:100%!important
 }
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order.is-mobile-expanded{
  bottom:34px!important
 }
}
@media (orientation:landscape) and (max-width:1400px){
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden .sim-chart-grid{
  height:100%!important
 }
}

/* Mobile expanded order: keep type label beside its dropdown. */
@media (max-width:900px){
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-order-field.is-type{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important
 }
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-order-field.is-type>span{
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important
 }
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-order-field.is-type>span:after{
  display:none!important
 }
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-order-field.is-type>select{
  width:100%!important;
  min-width:0!important
 }
}

/* Landscape hidden SPEED: override the order-visible height reservation. */
@media (orientation:landscape) and (max-width:1400px){
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden:not(.is-order-collapsed):has(>.sim-order:not(.is-mobile-expanded)) .sim-chart-grid,
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden:not(.is-order-collapsed):has(>.sim-order.is-mobile-expanded) .sim-chart-grid,
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden.is-order-collapsed .sim-chart-grid{
  height:100%!important;
  max-height:100%!important
 }
}

/* Landscape expanded order: reach the balance bar without hiding SPEED. */
@media (orientation:landscape) and (max-width:1400px){
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  top:78px!important;
  bottom:34px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-bottom:8px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain
 }
}

/* Portrait SPEED: fixed to the actual viewport; fixed positioning already includes the drawbar column. */
@media (orientation:portrait) and (max-width:620px){
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{
  left:0!important;
  right:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important
 }
}

/* Portrait app bottom stack v6: reserve Android navigation clearance and lock all game controls. */
@media (orientation:portrait) and (max-width:620px){
 html.traders-mobile-app{--mobile-bottom-clearance:max(38px,env(safe-area-inset-bottom))}
 html.traders-mobile-app body{overscroll-behavior:none!important}
 html.traders-mobile-app .simulator{
  position:fixed!important;
  inset:0 0 var(--mobile-bottom-clearance) 0!important;
  width:100vw!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important
 }
 html.traders-mobile-app .simulator>.sim-bottom{
  position:fixed!important;
  z-index:60!important;
  right:0!important;
  bottom:var(--mobile-bottom-clearance)!important;
  left:0!important;
  width:100vw!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{
  position:fixed!important;
  z-index:59!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--mobile-bottom-clearance) + 34px)!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:46px!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order>header.sim-order-drag-handle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 57px!important;
  align-items:center!important;
  gap:4px!important;
  padding-right:5px!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order>header.sim-order-drag-handle>strong{min-width:0!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order>header.sim-order-drag-handle>.sim-order-mobile-toggle{margin-left:0!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order>header.sim-order-drag-handle>.sim-speed-toggle{
  width:57px!important;
  min-width:57px!important;
  max-width:57px!important;
  margin:0!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded){
  position:fixed!important;
  z-index:58!important;
  top:auto!important;
  right:0!important;
  bottom:calc(var(--mobile-bottom-clearance) + 80px)!important;
  left:0!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  position:fixed!important;
  z-index:58!important;
  top:76px!important;
  right:0!important;
  bottom:calc(var(--mobile-bottom-clearance) + 80px)!important;
  left:0!important;
  width:100vw!important;
  max-width:100vw!important;
  height:auto!important;
  max-height:none!important;
  box-sizing:border-box!important;
  overflow-y:auto!important
 }
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order.is-mobile-expanded{
  bottom:calc(var(--mobile-bottom-clearance) + 34px)!important
 }
 html.traders-mobile-app .simulator.is-game-experience>.sim-order{
  bottom:calc(var(--mobile-bottom-clearance) + 34px)!important
 }
}


/* Landscape app bottom stack v9: keep Pro controls inside the viewport and
   use the same compact, time-only clock as Game Mode. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app{--mobile-bottom-clearance:max(38px,env(safe-area-inset-bottom))}
 html.traders-mobile-app body{overscroll-behavior:none!important}
 html.traders-mobile-app .simulator{position:fixed!important;inset:0 0 var(--mobile-bottom-clearance) 0!important;width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
 html.traders-mobile-app .simulator>.sim-bottom{position:fixed!important;z-index:60!important;right:0!important;bottom:var(--mobile-bottom-clearance)!important;left:0!important;width:100vw!important;height:34px!important;min-height:34px!important;margin:0!important;box-sizing:border-box!important}
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{position:fixed!important;z-index:59!important;right:0!important;bottom:calc(var(--mobile-bottom-clearance) + 34px)!important;left:0!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:46px!important;margin:0!important;transform:none!important;box-sizing:border-box!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded){position:fixed!important;z-index:58!important;top:auto!important;right:0!important;bottom:calc(var(--mobile-bottom-clearance) + 80px)!important;left:0!important;width:100vw!important;max-width:100vw!important;height:126px!important;max-height:126px!important;margin:0!important;transform:none!important;box-sizing:border-box!important;overflow:hidden!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{position:fixed!important;z-index:58!important;top:48px!important;right:0!important;bottom:calc(var(--mobile-bottom-clearance) + 80px)!important;left:0!important;width:100vw!important;max-width:100vw!important;height:auto!important;max-height:none!important;margin:0!important;transform:none!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-order-collapsed):has(>.sim-order:not(.is-mobile-expanded)) .sim-chart-grid{width:100%!important;height:calc(100% - 206px)!important;max-height:calc(100% - 206px)!important;overflow:hidden!important}
 html.traders-mobile-app .simulator.is-pro-experience.is-order-collapsed .sim-chart-grid{width:100%!important;height:calc(100% - 80px)!important;max-height:calc(100% - 80px)!important;overflow:hidden!important}
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order.is-mobile-expanded{bottom:calc(var(--mobile-bottom-clearance) + 34px)!important}
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden:not(.is-order-collapsed):has(>.sim-order:not(.is-mobile-expanded)) .sim-chart-grid{width:100%!important;height:calc(100% - 160px)!important;max-height:calc(100% - 160px)!important}
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden.is-order-collapsed .sim-chart-grid{width:100%!important;height:calc(100% - 34px)!important;max-height:calc(100% - 34px)!important}
 html.traders-mobile-app .simulator.is-game-experience>.sim-order{bottom:calc(var(--mobile-bottom-clearance) + 34px)!important}
 html.traders-mobile-app .game-session-timer,
 html.traders-mobile-app .simulator.is-order-collapsed .game-session-timer{position:fixed!important;z-index:1750!important;top:52px!important;right:6px!important;width:112px!important;height:36px!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:1fr!important;padding:3px 8px 3px 6px!important;border-radius:5px!important;clip-path:polygon(7px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 6px),calc(100% - 6px) 100%,7px 100%,0 calc(100% - 7px),0 7px)!important}
 html.traders-mobile-app .game-session-timer-icon{grid-row:1!important;width:22px!important;height:22px!important}
 html.traders-mobile-app .game-session-timer-icon::before,
 html.traders-mobile-app .game-session-timer-icon::after{inset:-3px!important}
 html.traders-mobile-app .game-session-timer-icon::after{inset:4px!important}
 html.traders-mobile-app .game-session-timer-icon svg{width:13px!important;height:13px!important}
 html.traders-mobile-app .game-session-timer-readout{grid-template-rows:1fr!important;place-content:center!important;gap:0!important;align-self:center!important}
 html.traders-mobile-app .game-session-timer-readout small,
 html.traders-mobile-app .game-session-timer>em,
 html.traders-mobile-app .game-session-timer-ticks{display:none!important}
 html.traders-mobile-app .game-session-timer-readout strong{display:block!important;font-size:18px!important;line-height:1!important;letter-spacing:.02em!important;white-space:nowrap!important}
 html.traders-mobile-app .game-session-timer.is-expired .game-session-timer-readout strong{font-size:14px!important}
}


/* The mode home has three rows: cards, Pro ranking entry and back link. */
html.traders-mobile-app #root>.trainer-mode-home:has(>.trainer-pro-ranking-link){
 grid-template-rows:minmax(0,1fr) 32px 20px!important
}
html.traders-mobile-app .trainer-mode-home>.trainer-pro-ranking-link{
 grid-row:2!important;
 min-height:0!important;
 margin:0 auto!important;
 padding:0 14px!important;
 align-self:center!important;
 box-sizing:border-box!important
}
html.traders-mobile-app .trainer-mode-home>.trainer-mode-back{grid-row:3!important}
@media (orientation:landscape){
 html.traders-mobile-app #root>.trainer-mode-home:has(>.trainer-pro-ranking-link){
  grid-template-rows:minmax(0,1fr) 28px 18px!important
 }
}


/* Pro ranking is a landscape-only native-app surface. */
@media (orientation:landscape){
 html.traders-mobile-app #root>.trainer-pro-ranking-page{
  grid-template-rows:minmax(0,1fr) 18px!important;
  place-items:center!important
 }
 html.traders-mobile-app .trainer-pro-ranking-page>.ranking-board{
  width:min(100%,calc((100dvh - 26px) * 1.776833))!important;
  height:auto!important;
  max-height:calc(100dvh - 26px)!important;
  aspect-ratio:1672/941!important;
  place-self:center!important
 }
 html.traders-mobile-app .trainer-pro-ranking-page>.trainer-mode-back{
  width:100%!important;
  justify-self:stretch!important
 }
}


/* Mobile Pro toolbar has six actions; keep EXIT in the last top-row cell. */
@media (orientation:portrait) and (max-width:900px){
 html.traders-mobile-app .simulator.is-pro-experience .sim-tools{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:35px!important;
  overflow:hidden!important
 }
 html.traders-mobile-app .simulator.is-pro-experience .sim-tools>.sim-exit-pro{
  grid-column:6!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important
 }
}



/* Expanded mobile Pro order deck uses only the height required by its fields. */
@media (max-width:1400px){
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  top:auto!important;
  height:max-content!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--mobile-bottom-clearance) - 96px)!important
 }
}


/* Mobile Pro LOT row optical alignment. */
@media (max-width:620px){
 html.traders-mobile-app .simulator.is-pro-experience .sim-order-field.is-lot>span{padding-left:6px!important}
 html.traders-mobile-app .simulator.is-pro-experience .sim-pro-lot-gauge output{font-size:16px!important;transform:translateX(-6px)}
}


/* Mobile Pro detail typography: match the 12px trade-direction label. */
@media (max-width:620px){
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-order-level>span b,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-risk-side>span,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-risk-side button,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-risk-calculator label>span,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-risk-calculator label>span b,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-risk-calculator>p,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-risk-calculator>p b,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-close-all>span,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-close-all>b{font-size:12px!important}
 html.traders-mobile-app .simulator.is-pro-experience .sim-order.is-mobile-expanded .sim-close-all>strong{font-size:15px!important}
}


/* Landscape Pro compact command row: SHORT / SPEED / POSITION / LOT / LONG. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app{--mobile-bottom-clearance:0px!important}
 html.traders-mobile-app .simulator.is-pro-experience{
  --pro-land-left:42px;
  --pro-side-width:clamp(84px,13vw,116px);
  --pro-jewel-width:48px;
  --pro-middle-width:calc((100vw - var(--pro-land-left) - var(--pro-side-width) - var(--pro-side-width) - var(--pro-jewel-width) - 16px)/2)
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded){
  position:fixed!important;
  z-index:58!important;
  top:auto!important;
  right:0!important;
  bottom:34px!important;
  left:0!important;
  width:100vw!important;
  max-width:100vw!important;
  height:54px!important;
  max-height:54px!important;
  padding:0!important;
  border:0!important;
  clip-path:none!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header{
  position:fixed!important;
  z-index:64!important;
  top:auto!important;
  right:0!important;
  bottom:88px!important;
  left:auto!important;
  width:118px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0 3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:2px!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header>strong{display:none!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header>.sim-order-mobile-toggle{margin:0!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-quote{
  position:fixed!important;
  z-index:58!important;
  top:auto!important;
  right:0!important;
  bottom:34px!important;
  left:var(--pro-land-left)!important;
  width:auto!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:var(--pro-side-width) var(--pro-middle-width) var(--pro-jewel-width) var(--pro-middle-width) var(--pro-side-width)!important;
  gap:4px!important;
  border:0!important;
  background:transparent!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-quote>.sim-quote-sell{grid-column:1!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-quote>em{grid-column:3!important;min-width:0!important;height:54px!important;margin:0!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-quote>.sim-quote-buy{grid-column:5!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-quote>button{min-width:0!important;min-height:54px!important;height:54px!important;padding:4px 6px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-order-field.is-lot{
  position:fixed!important;
  z-index:62!important;
  top:auto!important;
  bottom:34px!important;
  left:calc(var(--pro-land-left) + var(--pro-side-width) + var(--pro-middle-width) + var(--pro-jewel-width) + 12px)!important;
  width:var(--pro-middle-width)!important;
  height:54px!important;
  margin:0!important;
  padding:8px 0!important;
  display:block!important;
  box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-order-field.is-lot>span{display:none!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-pro-lot-gauge{width:100%!important;height:38px!important;grid-template-columns:minmax(0,1fr) 42px!important;padding:0 5px!important}
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{
  position:fixed!important;
  z-index:62!important;
  top:auto!important;
  bottom:34px!important;
  left:calc(var(--pro-land-left) + var(--pro-side-width) + 4px)!important;
  right:auto!important;
  width:var(--pro-middle-width)!important;
  min-width:0!important;
  max-width:none!important;
  height:54px!important;
  padding:4px!important;
  grid-template-columns:30px 30px 30px minmax(0,1fr)!important;
  gap:2px!important;
  box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback>button{width:30px!important;height:44px!important}
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-speed-gauge{height:44px!important;grid-template-columns:14px minmax(0,1fr) 28px!important;padding:0 4px!important;gap:3px!important}
 html.traders-mobile-app .simulator>.sim-bottom{bottom:0!important}
}
/* Native Android game screens hide the system navigation bar; no bottom spacer is needed. */
html.traders-mobile-app{--mobile-bottom-clearance:0px!important}

/* Keep the two-line mobile portfolio row fully visible without restoring a
   system-navigation spacer. All panels above it move by the same 6px. */
@media (max-width:1400px){
 html.traders-mobile-app .simulator>.sim-bottom{
  height:40px!important;
  min-height:40px!important
 }
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{
  bottom:calc(var(--mobile-bottom-clearance) + 40px)!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  bottom:calc(var(--mobile-bottom-clearance) + 86px)!important
 }
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden>.sim-order.is-mobile-expanded,
 html.traders-mobile-app .simulator.is-game-experience>.sim-order{
  bottom:calc(var(--mobile-bottom-clearance) + 40px)!important
 }
}

@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded),
 html.traders-mobile-app .simulator.is-pro-experience .sim-quote,
 html.traders-mobile-app .simulator.is-pro-experience .sim-order-field.is-lot,
 html.traders-mobile-app .simulator.is-pro-experience:not(.is-speed-gauge-hidden) .sim-playback{
  bottom:40px!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>header{
  bottom:94px!important
 }
}

/* Pro order direction colors: SHORT is purple, LONG is gold on every viewport. */
.simulator.is-pro-experience .sim-quote>.sim-quote-sell{
 border-color:#c35cff!important;
 background:linear-gradient(135deg,#6f25b9 0,#35105f 45%,#10051f 100%)!important;
 color:#fff!important;
 box-shadow:inset 4px 0 #d77bff,inset 0 0 30px rgba(195,76,255,.3),0 0 18px rgba(164,53,255,.34)!important
}
.simulator.is-pro-experience .sim-quote>.sim-quote-sell:before{background:linear-gradient(132deg,rgba(234,190,255,.42),rgba(174,69,255,.15) 36%,transparent 64%)!important}
.simulator.is-pro-experience .sim-quote>.sim-quote-sell:after{background:linear-gradient(90deg,#fff,#da84ff 24%,rgba(173,65,255,.78) 64%,transparent)!important;box-shadow:0 0 5px #fff,0 0 12px #bf55ff!important}
.simulator.is-pro-experience .sim-quote>.sim-quote-sell small b,
.simulator.is-pro-experience .sim-quote>.sim-quote-sell strong{color:#fff!important;text-shadow:0 0 3px #fff,0 0 10px #d27aff,0 0 22px rgba(172,62,255,.95)!important}
.simulator.is-pro-experience .sim-quote>.sim-quote-buy{
 border-color:#ffd75a!important;
 background:linear-gradient(225deg,#ffe978 0,#d99a19 38%,#6d4005 72%,#201203 100%)!important;
 color:#160d00!important;
 box-shadow:inset -4px 0 #ffe16a,inset 0 0 30px rgba(255,215,74,.35),0 0 18px rgba(244,173,30,.42)!important
}
.simulator.is-pro-experience .sim-quote>.sim-quote-buy:before{background:linear-gradient(228deg,rgba(255,252,197,.55),rgba(255,205,61,.22) 38%,transparent 66%)!important}
.simulator.is-pro-experience .sim-quote>.sim-quote-buy:after{background:linear-gradient(90deg,transparent,rgba(154,91,4,.72) 42%,#fff0a0 82%,#fff)!important;box-shadow:0 0 5px #fff7ca,0 0 12px #ffc83d!important}
.simulator.is-pro-experience .sim-quote>.sim-quote-buy small b,
.simulator.is-pro-experience .sim-quote>.sim-quote-buy strong{color:#160d00!important;text-shadow:0 1px 0 rgba(255,247,186,.7),0 0 8px rgba(255,225,105,.5)!important}

/* Render the center position indicator as a luminous sphere. */
.simulator.is-pro-experience .sim-quote>em.sim-position-jewel{
 width:min(100%,84px)!important;
 height:auto!important;
 min-width:0!important;
 aspect-ratio:1!important;
 align-self:center!important;
 justify-self:center!important;
 margin:0!important;
 border:1px solid rgba(255,255,255,.72)!important;
 border-radius:50%!important;
 clip-path:none!important;
 outline:0!important;
 overflow:visible!important;
 isolation:isolate;
 box-shadow:inset -8px -10px 15px rgba(0,0,0,.56),inset 7px 8px 12px rgba(255,255,255,.22),0 0 8px rgba(255,255,255,.8),0 0 22px currentColor!important
}
.simulator.is-pro-experience .sim-quote>em.sim-position-jewel:before{
 content:""!important;
 position:absolute!important;
 z-index:3!important;
 top:13%!important;
 left:19%!important;
 width:38%!important;
 height:19%!important;
 border-radius:50%!important;
 transform:rotate(-28deg)!important;
 background:radial-gradient(ellipse,#fff 0 18%,rgba(255,255,255,.72) 30%,transparent 72%)!important;
 box-shadow:none!important;
 pointer-events:none
}
.simulator.is-pro-experience .sim-quote>em.sim-position-jewel:after{
 content:""!important;
 position:absolute!important;
 z-index:1!important;
 inset:8%!important;
 width:auto!important;
 height:auto!important;
 border:1px solid rgba(255,255,255,.2)!important;
 border-radius:50%!important;
 transform:none!important;
 background:transparent!important;
 box-shadow:inset 0 0 12px rgba(255,255,255,.22)!important;
 pointer-events:none
}
.simulator.is-pro-experience .sim-quote>em.sim-position-jewel .sim-spread-close-all{position:relative;z-index:2}
.simulator.is-pro-experience .sim-quote>em.sim-position-jewel.is-long{
 color:#ffca35!important;
 background:radial-gradient(circle at 29% 23%,#fff 0 4%,#fff5ad 5%,transparent 17%),radial-gradient(circle at 37% 31%,#fff6a3 0,#ffd43f 25%,#dd8c08 53%,#7b3500 76%,#260b00 100%)!important;
 box-shadow:inset -9px -11px 16px rgba(55,13,0,.68),inset 7px 8px 13px rgba(255,255,255,.32),0 0 6px #fff7bd,0 0 17px #ffd03d,0 0 32px rgba(255,165,18,.9)!important;
 filter:drop-shadow(0 0 8px rgba(255,185,30,.9))!important
}
.simulator.is-pro-experience .sim-quote>em.sim-position-jewel.is-short{
 color:#c565ff!important;
 background:radial-gradient(circle at 29% 23%,#fff 0 4%,#efd4ff 5%,transparent 17%),radial-gradient(circle at 37% 31%,#e9c2ff 0,#b455ff 25%,#7221c4 53%,#35056d 76%,#10001f 100%)!important;
 box-shadow:inset -9px -11px 16px rgba(19,0,43,.72),inset 7px 8px 13px rgba(255,255,255,.28),0 0 6px #f5dcff,0 0 17px #c45cff,0 0 32px rgba(139,42,255,.92)!important;
 filter:drop-shadow(0 0 8px rgba(173,70,255,.92))!important
}
html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded) .sim-quote>em.sim-position-jewel{height:auto!important}

/* The compact landscape controls overlay the chart; do not subtract their
   former full order-panel height from the chart canvas. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .simulator.is-pro-experience .sim-chart-grid,
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden .sim-chart-grid,
 html.traders-mobile-app .simulator.is-pro-experience.is-order-collapsed .sim-chart-grid{
  width:100%!important;
  height:100%!important;
  max-height:100%!important
 }
}

/* Mark a fully allocated Pro position directly on the center close button. */
.simulator.is-pro-experience .sim-position-jewel .sim-spread-close-all>small.is-max{
 color:#fff8b0!important;
 font-size:9px!important;
 font-weight:950!important;
 letter-spacing:.16em!important;
 text-shadow:0 0 3px #fff,0 0 8px #ffd84e,0 0 15px rgba(255,172,22,.95)!important
}
.simulator.is-pro-experience .sim-position-jewel.is-short .sim-spread-close-all>small.is-max{
 color:#fff!important;
 text-shadow:0 0 3px #fff,0 0 8px #d985ff,0 0 15px #9c37ff!important
}


/* Mobile Pro landscape chart must fill the space above the compact order deck. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .simulator.is-pro-experience>.sim-chart{
  position:absolute!important;
  top:var(--top)!important;
  right:0!important;
  bottom:94px!important;
  left:42px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-chart>.sim-chart-grid,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-chart>.sim-chart-grid>.sim-chart-pane,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-chart>.sim-chart-grid>.sim-chart-pane>.trading-chart,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-chart>.sim-chart-grid>.sim-chart-pane>.trading-chart>.sim-chart-canvas{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important
 }
}


/* Clean, non-overlapping controls above the landscape Pro order deck. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle{
  width:144px!important;height:32px!important;min-height:32px!important;padding:2px 3px!important;
  display:grid!important;grid-template-columns:84px 52px!important;gap:2px!important;
  align-items:center!important;justify-content:start!important;overflow:hidden!important;box-sizing:border-box!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle>.sim-order-mobile-toggle{
  width:84px!important;min-width:84px!important;max-width:84px!important;height:28px!important;
  margin:0!important;padding:0 6px!important;box-sizing:border-box!important;overflow:hidden!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle>.sim-speed-toggle{
  width:52px!important;min-width:52px!important;max-width:52px!important;height:28px!important;
  margin:0!important;padding:2px 3px!important;display:grid!important;grid-template-rows:9px 11px!important;
  place-content:center!important;border:1px solid rgba(89,145,255,.72)!important;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)!important;
  background:linear-gradient(145deg,rgba(8,57,119,.96),rgba(28,14,91,.96))!important;
  box-sizing:border-box!important;overflow:hidden!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle>.sim-speed-toggle small,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle>.sim-speed-toggle b{
  display:block!important;margin:0!important;white-space:nowrap!important;text-align:center!important;line-height:1!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle>.sim-speed-toggle small{color:#72dfff!important;font-size:7px!important;letter-spacing:.08em!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order:not(.is-mobile-expanded)>header.sim-order-drag-handle>.sim-speed-toggle b{color:#f4f7ff!important;font-size:8px!important;letter-spacing:.04em!important}
}


/* Mobile GAME gauges: substantial single-color meters and readable labels. */
@media (max-width:1400px){
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot{
  height:38px!important;
  grid-template-columns:58px minmax(0,1fr) 46px!important;
  gap:8px!important;
  padding:0 10px!important;
  border:1px solid rgba(95,132,210,.62)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(8,18,42,.98),rgba(2,7,21,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 0 12px rgba(42,92,170,.12)!important;
  overflow:hidden!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed{--mobile-gauge-color:#35d9ff}
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot{--mobile-gauge-color:#f3c84b}
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed b,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot b{
  color:#f4f8ff!important;
  font:900 14px/1 Manrope,sans-serif!important;
  letter-spacing:.06em!important;
  text-shadow:none!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed output{
  color:#9cebff!important;
  font:900 15px/1 Manrope,sans-serif!important;
  text-shadow:none!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot output{
  color:#ffe37c!important;
  font:950 18px/1 Manrope,sans-serif!important;
  text-shadow:none!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed input,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot input{
  appearance:none!important;
  width:100%!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  accent-color:var(--mobile-gauge-color)!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed input::-webkit-slider-runnable-track,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot input::-webkit-slider-runnable-track{
  height:12px!important;
  border:1px solid rgba(170,198,255,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--mobile-gauge-color) 0 var(--mobile-gauge-fill),#121a2d var(--mobile-gauge-fill) 100%)!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.72),0 0 7px color-mix(in srgb,var(--mobile-gauge-color) 38%,transparent)!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed input::-webkit-slider-thumb,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot input::-webkit-slider-thumb{
  appearance:none!important;
  width:20px!important;
  height:20px!important;
  margin-top:-5px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:var(--mobile-gauge-color)!important;
  box-shadow:0 0 5px #fff,0 0 11px var(--mobile-gauge-color)!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed input::-moz-range-track,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot input::-moz-range-track{
  height:12px!important;border:1px solid rgba(170,198,255,.42)!important;border-radius:999px!important;
  background:linear-gradient(90deg,var(--mobile-gauge-color) 0 var(--mobile-gauge-fill),#121a2d var(--mobile-gauge-fill) 100%)!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-speed input::-moz-range-thumb,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-lot input::-moz-range-thumb{
  width:18px!important;height:18px!important;border:2px solid #fff!important;border-radius:50%!important;
  background:var(--mobile-gauge-color)!important;box-shadow:0 0 5px #fff,0 0 11px var(--mobile-gauge-color)!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel small:after{
  font:900 9px/1 "Noto Sans JP",sans-serif!important;
  letter-spacing:.04em!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel strong{
  top:16px!important;
  font:950 27px/.95 Manrope,sans-serif!important;
  letter-spacing:-.05em!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel>i{
  bottom:5px!important;
  font-size:7px!important;
  font-weight:900!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy small:after,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy strong,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy>i{
  color:#130c00!important;
  text-shadow:none!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-sell,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-sell small:after,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-sell strong,
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-sell>i{
  color:#fff!important;
  text-shadow:0 0 4px rgba(255,255,255,.82)!important
 }
}


/* Reserve the landscape drawing toolbar column; flexible gauges share the rest. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .simulator.is-game-experience>.sim-order{
  left:38px!important;
  right:2px!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important
 }
 html.traders-mobile-app .simulator.is-game-experience .game-mobile-controller{
  grid-template-columns:64px minmax(0,1fr) 64px minmax(0,1fr) 64px!important;
  gap:4px!important
 }
}


/* Keep the Pro gateway on the proven two-row native menu structure. */
html.traders-mobile-app #root>.trainer-pro-launch-page{grid-template-rows:minmax(0,1fr) 20px!important;gap:3px!important}
@media (orientation:landscape){
 html.traders-mobile-app #root>.trainer-pro-launch-page{grid-template-rows:minmax(0,1fr) 18px!important;padding:5px 8px 3px!important;gap:2px!important}
 html.traders-mobile-app .trainer-pro-launch-page>.trainer-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important}
}

/* Translucent glass position jewels. */
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy{
 border-color:rgba(255,229,126,.88)!important;
 background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.92) 0 4%,rgba(255,249,198,.52) 5%,transparent 19%),radial-gradient(circle at 48% 42%,rgba(255,226,105,.52),rgba(202,133,18,.3) 43%,rgba(75,40,2,.46) 72%,rgba(3,8,18,.72) 100%)!important;
 box-shadow:inset -7px -9px 13px rgba(43,20,0,.34),inset 6px 7px 11px rgba(255,255,255,.34),0 0 5px rgba(255,250,210,.84),0 0 16px rgba(255,194,55,.76),0 0 29px rgba(223,139,17,.48)!important;
 backdrop-filter:blur(2px) saturate(1.3)
}
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy,
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy small:after,
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy strong,
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy>i{
 color:#432700!important;
 text-shadow:0 1px 0 rgba(255,249,194,.82),0 0 3px rgba(255,255,255,.38)!important
}
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-sell{
 border-color:rgba(226,194,255,.88)!important;
 background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.9) 0 4%,rgba(239,216,255,.46) 5%,transparent 19%),radial-gradient(circle at 48% 42%,rgba(194,119,255,.48),rgba(115,42,197,.3) 43%,rgba(42,7,85,.46) 72%,rgba(3,6,18,.72) 100%)!important;
 box-shadow:inset -7px -9px 13px rgba(20,0,45,.36),inset 6px 7px 11px rgba(255,255,255,.3),0 0 5px rgba(249,230,255,.82),0 0 16px rgba(190,91,255,.72),0 0 29px rgba(123,46,231,.48)!important;
 backdrop-filter:blur(2px) saturate(1.3)
}
/* Compact landscape settings: keep the complete setup console inside one viewport. */
@media (orientation:landscape) and (max-height:700px){
 .trainer-settings-page.is-headingless{box-sizing:border-box;height:calc(100dvh - 70px);min-height:0;padding:6px 10px 4px;display:grid;grid-template-rows:minmax(0,1fr) 18px;gap:2px;overflow:hidden}
 html.traders-mobile-app .trainer-settings-page.is-headingless{height:100dvh!important;min-height:0!important}
 .trainer-settings-page.is-headingless>.trainer-settings-panel{display:grid;width:min(960px,100%);height:100%;min-height:0;padding:5px 8px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 40px;column-gap:8px;overflow:hidden}
 .trainer-settings-page.is-headingless .trainer-setting-row{min-height:0;grid-template-columns:34px minmax(0,1fr) 62px;grid-template-rows:auto 24px 9px;column-gap:5px;padding:4px;align-content:center}
 .trainer-settings-page.is-headingless .trainer-setting-row+.trainer-setting-row{border-top:0;border-left:1px solid rgba(118,157,170,.18)}
 .trainer-settings-page.is-headingless .trainer-setting-row>output{grid-column:3;grid-row:1;margin:0;min-width:0}
 .trainer-settings-page.is-headingless .trainer-setting-row>input,.trainer-settings-page.is-headingless .trainer-setting-scale{grid-column:1/4}
 .trainer-settings-page.is-headingless .trainer-setting-row>input{grid-row:2;height:20px;margin:0}
 .trainer-settings-page.is-headingless .trainer-setting-scale{grid-row:3;font-size:6px}
 .trainer-settings-page.is-headingless .trainer-setting-copy p{display:none}
 .trainer-settings-page.is-headingless .trainer-game-start{grid-column:1/3;grid-row:2;height:36px;min-height:36px;margin:2px 0 0}
}

/* Global mobile trainer back-frame lock v51. */
html.traders-mobile-app #root>.trainer-mode-page:has(>.trainer-mode-back){
 grid-template-rows:minmax(0,1fr)!important;
 padding-bottom:max(30px,calc(env(safe-area-inset-bottom) + 26px))!important
}
html.traders-mobile-app #root>.trainer-mode-page>.trainer-mode-back{
 position:absolute!important;
 z-index:90!important;
 left:max(8px,env(safe-area-inset-left))!important;
 right:max(8px,env(safe-area-inset-right))!important;
 bottom:max(3px,env(safe-area-inset-bottom))!important;
 width:auto!important;
 height:24px!important;
 min-height:24px!important;
 margin:0!important;
 padding:0 8px!important;
 display:flex!important;
 align-items:center!important;
 box-sizing:border-box!important;
 overflow:hidden!important;
 color:#dffbff!important;
 border:1px solid rgba(32,231,255,.5)!important;
 background:rgba(2,10,18,.94)!important;
 font-size:10px!important;
 font-weight:800!important;
 line-height:22px!important;
 white-space:nowrap!important;
 text-shadow:0 0 8px rgba(32,231,255,.55)!important
}


/* Landscape mode cards: emblem and copy on one centred row v52. */
@media (orientation:landscape){
 html.traders-mobile-app .trainer-mode-page.trainer-mode-home .trainer-mode-card,
 html.traders-mobile-app .trainer-mode-page.trainer-play-select .trainer-mode-card{
  grid-template-columns:minmax(76px,28%) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important
 }
 html.traders-mobile-app .trainer-mode-page.trainer-mode-home .trainer-mode-card>.trainer-mode-emblem,
 html.traders-mobile-app .trainer-mode-page.trainer-play-select .trainer-mode-card>.trainer-mode-emblem{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important
 }
 html.traders-mobile-app .trainer-mode-page.trainer-mode-home .trainer-mode-card>div,
 html.traders-mobile-app .trainer-mode-page.trainer-play-select .trainer-mode-card>div{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important
 }
}

/* Transparent PIPS gauge surround v54: retain rail, core and end caps. */
.game-pips-gauge{background:transparent!important;box-shadow:none!important}

/* Landscape Pro detail order sidebar v56. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .simulator.is-pro-experience{--pro-detail-sidebar:clamp(248px,32vw,280px)}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded{
  position:fixed!important;z-index:80!important;top:2px!important;right:0!important;bottom:34px!important;left:auto!important;
  width:var(--pro-detail-sidebar)!important;max-width:var(--pro-detail-sidebar)!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0 6px 5px!important;transform:none!important;box-sizing:border-box!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important
 }
 html.traders-mobile-app .simulator.is-pro-experience:has(>.sim-order.is-mobile-expanded)>.sim-chart{
  top:var(--top)!important;right:var(--pro-detail-sidebar)!important;bottom:80px!important;left:42px!important;width:auto!important;height:auto!important
 }
 html.traders-mobile-app .simulator.is-pro-experience.is-speed-gauge-hidden:has(>.sim-order.is-mobile-expanded)>.sim-chart{bottom:34px!important}
 html.traders-mobile-app .simulator.is-pro-experience:has(>.sim-order.is-mobile-expanded)>.sim-chart>.sim-chart-grid{
  width:100%!important;height:100%!important;max-height:100%!important
 }
 html.traders-mobile-app .simulator.is-pro-experience:has(>.sim-order.is-mobile-expanded):not(.is-speed-gauge-hidden)>.sim-playback{
  right:var(--pro-detail-sidebar)!important;bottom:34px!important;left:42px!important;width:auto!important;min-width:0!important;max-width:none!important;height:46px!important;transform:none!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded>header.sim-order-drag-handle{
  position:sticky!important;z-index:4!important;top:0!important;height:30px!important;min-height:30px!important;margin:0 -6px 2px!important;padding:0 5px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded>header>strong,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded>header>.sim-speed-toggle{display:none!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-mobile-toggle{
  width:88px!important;min-width:88px!important;height:26px!important;margin:0!important;padding:0 5px!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-quote{
  min-height:45px!important;height:45px!important;margin:2px 0!important;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important
 }
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-quote>button{min-height:45px!important;height:45px!important;padding:2px 4px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-quote>button strong{font-size:14px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-quote>em{min-width:38px!important;height:38px!important;margin:3px -1px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded label{margin-top:3px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-field.is-type,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-field.is-lot{grid-template-columns:38px minmax(0,1fr)!important;gap:4px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-field>span{font-size:7px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded input,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded select{height:25px!important;padding:0 5px!important;font-size:9px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-pro-lot-gauge{height:25px!important;padding:0 4px!important;grid-template-columns:minmax(0,1fr) 38px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-pro-lot-gauge output{font-size:11px!important;transform:none!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-row{gap:4px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-level>span{height:16px!important;margin-bottom:2px!important;padding:0!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-level>span b{font-size:8px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-order-level>span input[type=checkbox],
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-risk-toggle>span input{width:13px!important;height:13px!important;min-width:13px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-risk-calculator{margin-top:3px!important;padding:4px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-risk-calculator>div{grid-template-columns:1fr 1fr!important;gap:3px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-risk-calculator label>span{min-height:14px!important;margin:0!important;font-size:7px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-risk-calculator>p{margin:3px 0 0!important;gap:1px!important;font-size:7px!important;line-height:1.15!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-risk-calculator>p b{font-size:7px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-close-all{min-height:28px!important;height:28px!important;margin-top:3px!important;padding:0 6px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-close-all>span,
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-close-all>b{font-size:6px!important}
 html.traders-mobile-app .simulator.is-pro-experience>.sim-order.is-mobile-expanded .sim-close-all>strong{font-size:11px!important}
}


/* Landscape Game HUD v57: mission timer and exit control sit at the PIPS rail ends. */
@media (orientation:landscape) and (max-width:1400px) and (max-height:700px){
 html.traders-mobile-app .game-pips-gauge{
  width:min(620px,calc(100vw - 248px))!important;
 }
 html.traders-mobile-app .simulator.is-game-experience .game-session-timer,
 html.traders-mobile-app .simulator.is-game-experience.is-order-collapsed .game-session-timer{
  top:22px!important;right:auto!important;left:6px!important;
  width:112px!important;height:36px!important;
 }
 html.traders-mobile-app .simulator.is-game-experience .oneplay-quit,
 html.traders-mobile-app .simulator.is-game-experience .battle-quit.is-battle-abort{
  top:22px!important;right:6px!important;left:auto!important;
  width:112px!important;height:36px!important;
  grid-template-columns:22px minmax(0,1fr) 4px!important;
  gap:3px!important;padding:2px 5px!important;
 }
 html.traders-mobile-app .simulator.is-game-experience .oneplay-quit>svg,
 html.traders-mobile-app .simulator.is-game-experience .battle-quit.is-battle-abort>svg{
  width:19px!important;height:19px!important;padding:3px!important;
 }
 html.traders-mobile-app .simulator.is-game-experience .oneplay-quit>span b,
 html.traders-mobile-app .simulator.is-game-experience .battle-quit.is-battle-abort>span b{
  font-size:9px!important;letter-spacing:.06em!important;
 }
}


/* Real-device viewport and safe back-link lock v58. */
html.traders-mobile-app,
html.traders-mobile-app body,
html.traders-mobile-app body>main,
html.traders-mobile-app #root{
 width:var(--traders-app-width,100vw)!important;
 height:var(--traders-app-height,100dvh)!important;
 min-height:0!important;
 max-height:var(--traders-app-height,100dvh)!important;
 box-sizing:border-box!important;
 overflow:hidden!important
}
html.traders-mobile-app #root>.trainer-mode-page:has(>.trainer-mode-back){
 width:var(--traders-app-width,100vw)!important;
 height:var(--traders-app-height,100dvh)!important;
 max-height:var(--traders-app-height,100dvh)!important;
 padding-bottom:calc(var(--traders-native-safe-bottom,0px) + 34px)!important
}
html.traders-mobile-app #root>.trainer-mode-page>.trainer-mode-back{
 position:absolute!important;
 z-index:1900!important;
 left:max(8px,var(--traders-native-safe-left,0px))!important;
 right:max(8px,var(--traders-native-safe-right,0px))!important;
 bottom:max(5px,var(--traders-native-safe-bottom,0px))!important;
 width:auto!important;
 height:24px!important;
 min-height:24px!important;
 display:flex!important;
 align-items:center!important;
 overflow:hidden!important;
 color:#fff!important;
 background:transparent!important;
 border:0!important;
 border-bottom:1px solid rgba(255,255,255,.32)!important;
 font-size:10px!important;
 line-height:22px!important;
 white-space:nowrap!important
}


/* Mobile position jewel number-only display v59. */
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel>small,
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel>i,
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel>small:after{
 display:none!important;
 content:none!important
}
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel>strong{
 position:absolute!important;
 z-index:6!important;
 top:50%!important;
 left:50%!important;
 width:max-content!important;
 max-width:none!important;
 margin:0!important;
 color:#f7fbff!important;
 font:950 68px/.8 Manrope,"Roboto Mono",sans-serif!important;
 font-variant-numeric:tabular-nums!important;
 letter-spacing:-.085em!important;
 transform:translate(-50%,-50%) scaleX(.82)!important;
 transform-origin:center!important;
 text-shadow:0 0 3px #fff,0 0 9px #4bdfff,0 0 18px rgba(111,78,255,.85)!important;
 pointer-events:none!important
}
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-buy>strong{
 color:#120900!important;
 text-shadow:0 1px 0 #fff6bd,0 0 4px #ffe16b,0 0 11px rgba(255,181,31,.9)!important
}
html.traders-mobile-app .simulator.is-game-experience .game-mobile-jewel.is-sell>strong{
 color:#fff!important;
 text-shadow:0 0 3px #fff,0 0 9px #d8a4ff,0 0 18px rgba(159,63,255,.95)!important
}