/* FXSCC FINAL EVENT CHOREOGRAPHY */
.phase-directive{
  display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:3px;
  align-items:center;padding:10px 14px;border-top:1px solid #213949;border-bottom:1px solid #162a37;
  background:linear-gradient(90deg,rgba(31,67,89,.20),rgba(5,12,18,.86));
}
.phase-directive small{grid-row:1/3;color:#6f8796;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.phase-directive b{color:#d9e4eb;font:800 11px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.phase-directive span{color:#8fa2af;font-size:9px;line-height:1.35}
body[data-fxscc-event-phase="OBSERVATION"] .phase-directive{border-color:#31566e;background:linear-gradient(90deg,rgba(29,83,112,.25),rgba(5,12,18,.90))}
body[data-fxscc-event-phase="OBSERVATION"] .phase-directive b{color:#90ccec}
body[data-fxscc-event-phase="LIVE"] .phase-directive{border-color:rgba(85,185,137,.36);background:linear-gradient(90deg,rgba(35,104,76,.16),rgba(5,12,18,.90))}
body[data-fxscc-event-phase="LIVE"] .phase-directive b{color:#8ee0b7}
body[data-fxscc-event-phase="FINAL_PHASE"] .phase-directive{border-color:rgba(205,167,90,.58);background:linear-gradient(90deg,rgba(118,85,25,.18),rgba(5,12,18,.90))}
body[data-fxscc-event-phase="FINAL_PHASE"] .phase-directive b{color:#e3c276}
body[data-fxscc-event-phase="OBSERVATION"] .competition-controls,
body[data-fxscc-event-phase="MARKET_OPEN"] .competition-controls,
body[data-fxscc-event-phase="GRID_LOCK"] .competition-controls{display:none}
.management-grid{display:none}
body.fxscc-focus-position .management-grid{display:grid}
#quickClose{display:none}
body.fxscc-focus-position #quickClose{display:block}
body[data-fxscc-event-phase="VERIFYING"] .competition-controls,
body[data-fxscc-event-phase="RESULT_CONFIRMED"] .competition-controls,
body[data-fxscc-event-phase="EVENT_COMPLETE"] .competition-controls{display:none}
body[data-fxscc-event-phase="RESULT_CONFIRMED"] .phase-directive{display:none}
@media(max-width:760px){.phase-directive{grid-template-columns:1fr;gap:5px}.phase-directive small{grid-row:auto}}

/* Final choreography convergence */
html{scroll-padding-top:86px}
.runtime-panel,.competition-controls,.finish-board,.phase-directive{scroll-margin-top:86px}
body[data-fxscc-event-phase="GRID_LOCK"] .phase-directive{border-color:rgba(205,167,90,.52);background:linear-gradient(90deg,rgba(118,85,25,.18),rgba(5,12,18,.92))}
body[data-fxscc-event-phase="GRID_LOCK"] .phase-directive b{color:#e1c277}
body[data-fxscc-event-phase="LIVE"] .competition-hud{border-top-color:rgba(85,185,137,.46)}
body[data-fxscc-event-phase="FINAL_PHASE"] .competition-hud{border-top-color:rgba(205,167,90,.62)}
body[data-fxscc-event-phase="EVENT_COMPLETE"] .competition-hud,
body[data-fxscc-event-phase="VERIFYING"] .competition-hud,
body[data-fxscc-event-phase="RESULT_CONFIRMED"] .competition-hud{opacity:.86}
body[data-fxscc-event-phase="OBSERVATION"] .trade-button,
body[data-fxscc-event-phase="MARKET_OPEN"] .trade-button,
body[data-fxscc-event-phase="GRID_LOCK"] .trade-button{display:none!important}

/* Pre-live is a grid, not a leaderboard. */
body[data-fxscc-event-phase="GRID_LOCKED"] .player-live-metrics,
body[data-fxscc-event-phase="MARKET_OPEN"] .player-live-metrics,
body[data-fxscc-event-phase="OBSERVATION"] .player-live-metrics,
body[data-fxscc-event-phase="GRID_LOCK"] .player-live-metrics{display:none}
.live-field.pre-live .arena-competitor{border-left-color:transparent!important}
.live-field.pre-live .arena-competitor.leader,
.live-field.pre-live .arena-competitor.top-three{background:inherit;box-shadow:none}
.live-field.pre-live .comp-rvalue,
.live-field.pre-live .comp-trades{color:#586a78}
.live-field.pre-live .comp-rank{color:#7890a0}
body[data-fxscc-event-phase="LIVE"] .player-live-metrics,
body[data-fxscc-event-phase="FINAL_PHASE"] .player-live-metrics,
body[data-fxscc-event-phase="EVENT_COMPLETE"] .player-live-metrics,
body[data-fxscc-event-phase="VERIFYING"] .player-live-metrics,
body[data-fxscc-event-phase="RESULT_CONFIRMED"] .player-live-metrics{display:grid}
