.live-chart {
  margin: 0 0 38px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 22px 0 16px;
}

.live-chart .section-title { align-items: flex-start; }
.live-chart .section-title > div span {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: .1em;
}

.trade-canvas-wrap { height: 240px; }
.trade-canvas-wrap canvas { width: 100%; height: 100%; display: block; }
.trade-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding-top: 12px;
  font-size: 11px;
  color: var(--muted);
}
.trade-legend span::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 2px;
  margin-right: 6px;
  vertical-align: middle;
  background: var(--legend-color);
}

@media (max-width: 600px) { .trade-canvas-wrap { height: 210px; } }

.name-form { margin: 0 0 26px; }
.name-form label { display: block; margin-bottom: 9px; font-size: 13px; color: var(--muted); }
.name-form > div { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.name-form input { min-width: 0; border: 1px solid #cfd2d6; border-radius: 4px; padding: 14px; outline: 0; }
.name-form input:focus { border-color: var(--ink); }
.name-form p { min-height: 18px; margin: 6px 0 0; font-size: 12px; color: var(--down); }

.password-gate { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 24px; background: #101214; }
.password-gate[hidden] { display: none; }
.password-gate form { width: min(360px, 100%); }
.password-gate .wordmark { color: #fff; }
.password-gate h1 { margin: 50px 0 10px; font-size: 30px; }
.password-gate form > p:not(.wordmark) { margin: 0 0 24px; color: #92989e; }
.password-gate input { width: 100%; margin-bottom: 10px; border: 1px solid #484d52; border-radius: 4px; padding: 15px; color: #fff; background: #1b1e21; outline: 0; }
.password-gate small { display: block; min-height: 20px; margin-top: 9px; color: #ef7169; }
.winner-panel { display: none; margin-top: 40px; padding: 28px; border: 1px solid #4b5055; }
.winner-panel.show { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: end; }
.winner-panel p { margin: 0 0 8px; color: #92989e; font-size: 11px; letter-spacing: .12em; }
.winner-panel h2 { margin: 0; font-size: 30px; }
.winner-panel strong { font-size: 24px; text-align: right; }
.winner-panel strong span { display: block; margin-top: 5px; color: #e2534a; font-size: 13px; }
.winner-panel strong span.down { color: #4f9cf2; }
.replay-controls .button-danger { color: #ff8b84; background: transparent; border: 1px solid #70403d; }
.replay-controls .button-danger:hover { background: #2a1918; }
.replay-controls button:disabled { cursor: wait; opacity: .55; }
@media (max-width: 760px) {
  .replay-controls { flex-wrap: wrap; }
  .replay-controls label { width: 100%; margin: 8px 0 0; }
}
.submitted-main .opening-copy p + p { margin-top: 12px; font-size: 13px; color: #777d84; }