/* =========================================================
   FXSCC MOBILE LANDSCAPE CHART V1
   Host-level chart takeover with native-fullscreen fallback.
   ========================================================= */
.chart-fullscreen-control{
  position:absolute;
  top:10px;
  right:10px;
  z-index:7;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid rgba(104,160,205,.48);
  border-radius:6px;
  background:rgba(4,13,21,.88);
  color:#b8d7ee;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.chart-fullscreen-control:hover{border-color:#71b5e7;background:#0b2031;color:#e6f4ff}
.chart-fullscreen-control span{font-size:18px;line-height:1}
.chart-fullscreen-control small{font-size:7px;letter-spacing:.12em;font-weight:900}
.runtime-cover:not(.ready)~.chart-fullscreen-control{opacity:.72}

body.fxscc-chart-takeover{overflow:hidden;overscroll-behavior:none}
body.fxscc-chart-takeover #runtimeFrameWrap,
#runtimeFrameWrap:fullscreen{
  position:fixed;
  inset:0;
  width:100vw;
  width:100dvw;
  height:100vh;
  height:100dvh;
  min-height:0;
  max-height:none;
  z-index:10000;
  margin:0;
  border:0;
  background:#02060a;
}
body.fxscc-chart-takeover #runtimeFrameWrap .meridian-frame,
#runtimeFrameWrap:fullscreen .meridian-frame{
  width:100%;
  height:100%;
}
body.fxscc-chart-takeover .chart-fullscreen-control,
#runtimeFrameWrap:fullscreen .chart-fullscreen-control{
  top:max(8px,env(safe-area-inset-top));
  right:max(8px,env(safe-area-inset-right));
}
body.fxscc-chart-takeover .chart-fullscreen-control small,
#runtimeFrameWrap:fullscreen .chart-fullscreen-control small{display:none}

@media (orientation:landscape) and (max-height:560px) and (max-width:1000px){
  body.fxscc-chart-takeover #runtimeFrameWrap{
    padding:
      env(safe-area-inset-top)
      env(safe-area-inset-right)
      env(safe-area-inset-bottom)
      env(safe-area-inset-left);
  }
  .chart-fullscreen-control{
    top:8px;
    right:8px;
    min-height:32px;
    padding:5px 8px;
  }
  .chart-fullscreen-control small{display:none}
}

@media(max-width:760px){
  .chart-fullscreen-control{top:8px;right:8px}
}

/* FXSCC host-level Meridian controls */
.meridian-host-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;padding:10px 12px;border:1px solid rgba(135,164,184,.18);border-bottom:0;background:rgba(4,10,16,.92)}
.meridian-control-group{display:grid;gap:5px}.meridian-control-group>small{font-size:9px;letter-spacing:.12em;color:#8194a2}.meridian-control-group>div{display:flex;flex-wrap:wrap;gap:4px}
.meridian-control-group button,.meridian-discovery{border:1px solid #263b49;background:#0b151d;color:#aebbc3;padding:6px 8px;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.meridian-control-group button:hover,.meridian-control-group button.active,.meridian-control-group button[aria-pressed="true"]{border-color:#9b8252;color:#e3c987;background:#182029}
.meridian-discovery{align-self:center;white-space:nowrap;color:#dbc58c}.trade-horizon-setting small{opacity:.7}
@media(max-width:900px){.meridian-host-controls{grid-template-columns:1fr 1fr}.meridian-discovery{justify-self:start}}
@media(max-width:640px){.meridian-host-controls{grid-template-columns:1fr}.meridian-control-group button,.meridian-discovery{min-height:34px}}
@media(orientation:landscape) and (max-height:520px){body.fxscc-chart-landscape .meridian-host-controls{position:absolute;z-index:8;left:8px;top:8px;max-width:70vw;grid-template-columns:repeat(3,auto);padding:6px;background:rgba(4,10,16,.82)}body.fxscc-chart-landscape .meridian-discovery{display:none}body.fxscc-chart-landscape .meridian-control-group>small{display:none}}

@import url("./practice-pre-event-final.css?v=20261006");