:root {
  color-scheme: dark;
  --bg: #02050d;
  --bg-2: #06101b;
  --panel: rgba(8, 18, 31, 0.78);
  --panel-strong: rgba(10, 24, 40, 0.92);
  --panel-soft: rgba(12, 29, 47, 0.54);
  --line: rgba(122, 213, 255, 0.13);
  --line-strong: rgba(105, 226, 255, 0.3);
  --text: #ecfaff;
  --text-soft: #b8d0dc;
  --muted: #7895a5;
  --muted-2: #536b7b;
  --cyan: #58e9ff;
  --cyan-deep: #10aaf5;
  --cyan-soft: rgba(88, 233, 255, 0.13);
  --green: #73ffb3;
  --green-deep: #20d783;
  --green-soft: rgba(115, 255, 179, 0.13);
  --magenta: #ff5fd8;
  --magenta-soft: rgba(255, 95, 216, 0.13);
  --red: #ff627e;
  --red-soft: rgba(255, 98, 126, 0.13);
  --amber: #ffd572;
  --violet: #9c83ff;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
  --mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
.hidden { display: none !important; }

.space-field {
  position: fixed;
  inset: 0;
  z-index: -10;
  overflow: hidden;
  background:
    radial-gradient(circle at 52% -18%, rgba(52, 128, 186, 0.25), transparent 42%),
    radial-gradient(circle at 7% 28%, rgba(53, 29, 124, 0.2), transparent 35%),
    linear-gradient(180deg, #02050d 0%, #030914 50%, #02050d 100%);
}
.star-layer { position: absolute; inset: -25%; opacity: .35; }
.star-one {
  background-image:
    radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(88,233,255,.8) 0 1px, transparent 1.5px);
  background-position: 0 0, 38px 61px;
  background-size: 97px 97px, 137px 137px;
  animation: star-drift 90s linear infinite;
}
.star-two {
  opacity: .18;
  background-image: radial-gradient(circle, rgba(255,255,255,.8) 0 .7px, transparent 1px);
  background-size: 53px 53px;
  transform: scale(1.2);
  animation: star-drift-reverse 120s linear infinite;
}
.horizon-grid {
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: -34%;
  height: 72%;
  opacity: .2;
  background-image:
    linear-gradient(rgba(88,233,255,.2) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88,233,255,.2) 1px, transparent 1px);
  background-size: 74px 42px;
  transform: perspective(470px) rotateX(64deg);
  transform-origin: center top;
  mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 100%);
  animation: grid-travel 10s linear infinite;
}
.aurora { position: absolute; width: 650px; height: 650px; border-radius: 50%; filter: blur(110px); opacity: .08; }
.aurora-cyan { top: 2%; right: -14%; background: var(--cyan); animation: aurora-drift 18s ease-in-out infinite alternate; }
.aurora-violet { bottom: 4%; left: -12%; background: var(--violet); animation: aurora-drift 22s ease-in-out infinite alternate-reverse; }

.command-bar {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 78px;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto minmax(250px, 1fr);
  align-items: center;
  gap: 28px;
  padding: 0 clamp(18px, 3vw, 58px);
  border-bottom: 1px solid rgba(108, 222, 255, .12);
  background: rgba(2, 6, 14, .84);
  backdrop-filter: blur(24px) saturate(150%);
  box-shadow: 0 14px 50px rgba(0,0,0,.28);
}
.command-bar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: .35;
}
.brand-lockup { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.brand-sigil {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--cyan);
  filter: drop-shadow(0 0 14px rgba(88,233,255,.35));
}
.brand-sigil svg { width: 100%; height: 100%; }
.brand-sigil::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  background: var(--cyan);
  opacity: .08;
  box-shadow: 0 0 24px var(--cyan);
}
.brand-copy { display: grid; gap: 1px; }
.brand-copy strong { font-size: 15px; line-height: 1; letter-spacing: .14em; font-weight: 800; }
.brand-copy strong span { color: var(--cyan); }
.brand-copy small { color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .25em; }

.command-nav { display: flex; align-items: center; gap: 4px; }
.command-nav a, .command-nav button {
  position: relative;
  height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  cursor: pointer;
  transition: .2s ease;
}
.command-nav a:hover, .command-nav a.active { color: var(--text); background: rgba(88,233,255,.06); }
.command-nav a.active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 2px;
  height: 1px;
  background: var(--cyan);
  box-shadow: 0 0 10px var(--cyan);
}
.command-nav .nav-create {
  margin-left: 8px;
  border: 1px solid rgba(88,233,255,.26);
  color: var(--cyan);
  background: rgba(88,233,255,.06);
}
.command-nav .nav-create:hover { background: rgba(88,233,255,.13); box-shadow: 0 0 24px rgba(88,233,255,.08); }

.system-cluster { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
.system-clock { display: grid; justify-items: end; }
.system-clock span { color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .18em; }
.system-clock strong { margin-top: 1px; color: var(--text-soft); font-family: var(--mono); font-size: 11px; letter-spacing: .08em; font-variant-numeric: tabular-nums; }
.connection-node {
  min-width: 146px;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid rgba(88,233,255,.18);
  border-radius: 8px;
  background: rgba(88,233,255,.045);
}
.connection-node > i { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px currentColor; animation: pulse 1.3s infinite; }
.connection-node > span { display: grid; }
.connection-node small { color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .14em; }
.connection-node strong { margin-top: 1px; color: var(--amber); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.connection-node.connected > i { background: var(--green); color: var(--green); }
.connection-node.connected strong { color: var(--green); }
.connection-node.error > i { background: var(--red); color: var(--red); }
.connection-node.error strong { color: var(--red); }

.market-ticker-shell {
  position: sticky;
  top: 78px;
  z-index: 90;
  height: 36px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  border-bottom: 1px solid rgba(122,213,255,.1);
  background: rgba(4, 10, 19, .91);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.ticker-label, .ticker-mode {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  background: rgba(7, 17, 29, .98);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: .14em;
  white-space: nowrap;
}
.ticker-label { border-right: 1px solid var(--line); }
.ticker-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.ticker-mode { border-left: 1px solid var(--line); }
.ticker-mode span { color: var(--cyan); }
.ticker-window { min-width: 0; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.market-ticker { width: max-content; display: flex; align-items: center; gap: 30px; padding-left: 28px; white-space: nowrap; }
.market-ticker.running { animation: ticker-scroll var(--ticker-duration, 52s) linear infinite; }
.market-ticker:hover { animation-play-state: paused; }
.ticker-loading { color: var(--muted-2); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; }
.ticker-item { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 8px; }
.ticker-item .ticker-market { color: var(--muted); }
.ticker-item .ticker-contract { color: var(--text-soft); }
.ticker-item .ticker-bid { color: var(--green); }
.ticker-item .ticker-ask { color: var(--magenta); }
.ticker-item .ticker-change.up { color: var(--green); }
.ticker-item .ticker-change.down { color: var(--red); }
.ticker-divider { width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); opacity: .55; }

.terminal-shell {
  width: min(1880px, calc(100% - clamp(22px, 3.2vw, 68px)));
  margin: 24px auto 50px;
}
.hologram-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(17, 38, 58, .62), rgba(5, 13, 24, .75) 45%, rgba(12, 25, 42, .64)),
    var(--panel);
  box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.025);
  backdrop-filter: blur(18px) saturate(135%);
}
.hologram-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(88,233,255,.035) 48%, transparent 54%),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.007) 3px 4px);
  background-size: 260% 100%, auto;
  animation: panel-scan 16s linear infinite;
}
.panel-corners { position: absolute; inset: 0; pointer-events: none; z-index: 3; }
.panel-corners::before, .panel-corners::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-color: var(--cyan);
  opacity: .55;
}
.panel-corners::before { left: 7px; top: 7px; border-left: 1px solid; border-top: 1px solid; }
.panel-corners::after { right: 7px; bottom: 7px; border-right: 1px solid; border-bottom: 1px solid; }
.section-code {
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.match-command {
  min-height: 326px;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(310px, 430px) minmax(310px, 1fr);
  grid-template-rows: 1fr auto;
  gap: 22px 28px;
  padding: clamp(24px, 3vw, 44px);
}
.match-ident, .score-reactor, .match-telemetry, .match-footline { position: relative; z-index: 2; }
.match-ident { align-self: center; }
.series-label { margin: 12px 0 4px; color: var(--text-soft); font-size: 12px; }
.match-ident h1 { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: clamp(27px, 2.8vw, 48px); line-height: 1; letter-spacing: -.055em; font-weight: 680; }
.match-ident h1 b { color: var(--cyan); font-family: var(--mono); font-size: 10px; letter-spacing: .12em; }
.match-meta-line { margin-top: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.match-meta-line i { width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); opacity: .5; }
.feed-readout { width: max-content; max-width: 100%; margin-top: 30px; display: grid; grid-template-columns: auto auto; gap: 1px 12px; padding: 10px 12px; border-left: 2px solid var(--cyan); background: rgba(88,233,255,.045); }
.feed-readout span { grid-column: 1; color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .12em; }
.feed-readout strong { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--cyan); font-family: var(--mono); font-size: 10px; }
.feed-readout small { color: var(--muted); font-size: 8px; }

.score-reactor { min-height: 244px; display: grid; place-items: center; align-self: center; }
.reactor-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(88,233,255,.15); }
.orbit-a { width: 242px; height: 242px; border-top-color: var(--cyan); border-right-color: rgba(88,233,255,.5); animation: orbit-spin 18s linear infinite; }
.orbit-b { width: 204px; height: 204px; border-left-color: var(--violet); border-bottom-color: rgba(156,131,255,.5); animation: orbit-spin-reverse 13s linear infinite; }
.orbit-c { width: 166px; height: 166px; border-style: dashed; opacity: .42; animation: orbit-spin 25s linear infinite; }
.reactor-orbit::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
.orbit-a::before { top: 18px; right: 48px; color: var(--cyan); }
.orbit-b::before { bottom: 10px; left: 67px; color: var(--violet); }
.reactor-axis { position: absolute; opacity: .15; background: linear-gradient(90deg, transparent, var(--cyan), transparent); }
.axis-x { width: 270px; height: 1px; }
.axis-y { width: 1px; height: 270px; background: linear-gradient(180deg, transparent, var(--cyan), transparent); }
.score-core {
  position: relative;
  z-index: 2;
  width: 152px;
  height: 152px;
  display: grid;
  place-content: center;
  justify-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(13,38,58,.92), rgba(3,10,19,.94) 66%, transparent 67%);
  box-shadow: 0 0 62px rgba(88,233,255,.1), inset 0 0 40px rgba(88,233,255,.035);
}
.score-core::before { content: ""; position: absolute; inset: 12px; border-radius: 50%; border: 1px solid rgba(88,233,255,.09); }
.score-core > span { color: var(--cyan); font-family: var(--mono); font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.score-number { display: flex; align-items: baseline; margin-top: 3px; font-variant-numeric: tabular-nums; }
.score-number strong { font-size: 40px; line-height: 1; letter-spacing: -.075em; }
.score-number em { margin: 0 3px; color: var(--muted-2); font-size: 22px; font-style: normal; }
.score-number b { color: var(--text-soft); font-size: 24px; }
.overs-readout { margin-top: 7px; color: var(--muted); font-family: var(--mono); font-size: 7px; letter-spacing: .06em; }
.overs-readout i { display: inline-block; width: 3px; height: 3px; margin: 0 4px 2px; border-radius: 50%; background: var(--green); }
.overs-readout b { color: var(--green); }
.target-readout { margin-top: 5px; color: var(--amber); font-family: var(--mono); font-size: 7px; }
.reactor-caption { position: absolute; bottom: 0; display: flex; gap: 18px; color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .08em; }
.reactor-caption b { color: var(--text-soft); }

.match-telemetry { align-self: center; display: grid; gap: 8px; }
.telemetry-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px; color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .14em; }
.micro-button { min-height: 26px; padding: 0 9px; border: 1px solid var(--line); border-radius: 5px; background: rgba(88,233,255,.035); color: var(--cyan); font-family: var(--mono); font-size: 7px; letter-spacing: .1em; cursor: pointer; }
.micro-button:hover { border-color: var(--line-strong); background: rgba(88,233,255,.08); }
.player-vector {
  min-height: 52px;
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 11px;
  border: 1px solid rgba(122,213,255,.08);
  border-radius: 7px;
  background: rgba(2,9,17,.34);
  transition: border-color .2s ease, background .2s ease;
}
.player-vector:hover { border-color: rgba(88,233,255,.2); background: rgba(88,233,255,.035); }
.vector-icon { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(88,233,255,.2); border-radius: 50%; color: var(--cyan); font-family: var(--mono); font-size: 8px; background: rgba(88,233,255,.05); }
.player-vector > div:nth-child(2) { min-width: 0; display: grid; }
.player-vector span { color: var(--muted-2); font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }
.player-vector strong { overflow: hidden; color: var(--text-soft); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.player-vector > b { color: var(--green); font-family: var(--mono); font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.player-vector > b small { color: var(--muted); font-size: 7px; font-weight: 500; }
.bowler-vector .vector-icon { color: var(--violet); border-color: rgba(156,131,255,.25); background: rgba(156,131,255,.055); }
.bowler-vector > b { color: var(--violet); font-size: 12px; }
.win-probability-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 3px; }
.win-node { position: relative; min-width: 0; padding: 8px 9px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: rgba(3,10,18,.4); }
.win-node::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: var(--win-width); background: var(--cyan); box-shadow: 0 0 8px currentColor; }
.win-node span { display: block; overflow: hidden; color: var(--muted); font-family: var(--mono); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.win-node strong { display: block; margin-top: 2px; font-family: var(--mono); font-size: 13px; }
.win-node:nth-child(2)::after { background: var(--amber); }
.win-node:nth-child(3)::after { background: var(--magenta); }
.match-footline { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; padding-top: 14px; border-top: 1px solid rgba(122,213,255,.08); color: var(--muted); font-family: var(--mono); font-size: 8px; }
.match-footline p { margin: 0; }
.match-footline > span { white-space: nowrap; }
.match-footline b { color: var(--text-soft); }

.exchange-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 288px minmax(0, 1fr) 330px;
  gap: 14px;
  align-items: start;
}
.market-rail { height: 786px; display: flex; flex-direction: column; padding: 18px; }
.rail-heading, .ticket-head, .wallet-head, .module-head, .market-terminal-head { position: relative; z-index: 2; }
.rail-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rail-heading h2, .ticket-head h2, .market-terminal-head h2, .section-banner h2 { margin: 5px 0 0; font-size: 20px; line-height: 1; letter-spacing: -.035em; }
.create-market-button { height: 34px; padding: 0 10px; border: 1px solid rgba(88,233,255,.23); border-radius: 6px; background: rgba(88,233,255,.06); color: var(--cyan); font-family: var(--mono); font-size: 8px; letter-spacing: .09em; cursor: pointer; }
.create-market-button span { margin-right: 4px; font-size: 13px; }
.create-market-button:hover { background: rgba(88,233,255,.12); }
.market-filters { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5,1fr); gap: 3px; margin-top: 18px; padding: 3px; border: 1px solid var(--line); border-radius: 7px; background: rgba(0,0,0,.16); }
.market-filters button { height: 27px; padding: 0 3px; border: 0; border-radius: 4px; background: transparent; color: var(--muted-2); font-family: var(--mono); font-size: 6px; font-weight: 700; letter-spacing: .06em; cursor: pointer; }
.market-filters button:hover, .market-filters button.active { background: rgba(88,233,255,.09); color: var(--cyan); }
.market-list { position: relative; z-index: 2; flex: 1; min-height: 0; margin-top: 13px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(88,233,255,.24) transparent; }
.market-list-loading { height: 120px; display: grid; place-content: center; justify-items: center; gap: 10px; color: var(--muted); font-family: var(--mono); font-size: 8px; }
.market-list-loading i { width: 25px; height: 25px; border: 1px solid rgba(88,233,255,.16); border-top-color: var(--cyan); border-radius: 50%; animation: orbit-spin 1s linear infinite; }
.market-list-item {
  width: 100%;
  min-height: 74px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 9px;
  align-items: center;
  margin-bottom: 7px;
  padding: 10px 10px 10px 12px;
  border: 1px solid rgba(122,213,255,.075);
  border-radius: 7px;
  background: rgba(1,8,15,.32);
  text-align: left;
  cursor: pointer;
  transition: .18s ease;
}
.market-list-item:hover { transform: translateX(2px); border-color: rgba(88,233,255,.2); background: rgba(88,233,255,.04); }
.market-list-item.active { border-color: rgba(88,233,255,.34); background: linear-gradient(90deg, rgba(88,233,255,.1), rgba(88,233,255,.025)); box-shadow: inset 2px 0 var(--cyan), 0 0 22px rgba(88,233,255,.035); }
.market-list-copy { min-width: 0; }
.market-list-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 5px; }
.market-list-meta span { color: var(--cyan); font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }
.market-list-meta i { width: 3px; height: 3px; border-radius: 50%; background: var(--muted-2); }
.market-list-meta em { color: var(--muted-2); font-family: var(--mono); font-size: 6px; font-style: normal; }
.market-list-item.client .market-list-meta span { color: var(--violet); }
.market-list-item strong { display: block; overflow: hidden; color: var(--text-soft); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.market-list-item small { display: block; margin-top: 4px; overflow: hidden; color: var(--muted-2); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.market-list-price { display: grid; justify-items: end; }
.market-list-price span { color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.market-list-price strong { margin-top: 2px; color: var(--green); font-family: var(--mono); font-size: 12px; }
.market-list-price small { color: var(--magenta); font-family: var(--mono); font-size: 7px; }
.rail-footer { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 12px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted-2); font-family: var(--mono); font-size: 6px; letter-spacing: .05em; }
.source-dot { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; }
.model-dot { background: var(--cyan); }
.client-dot { background: var(--violet); }

.market-terminal { min-height: 786px; padding: 20px; }
.market-terminal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.market-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.market-category, .market-source, .market-status { padding: 3px 6px; border-radius: 3px; font-family: var(--mono); font-size: 6px; font-weight: 700; letter-spacing: .09em; }
.market-category { border: 1px solid rgba(88,233,255,.2); color: var(--cyan); background: rgba(88,233,255,.05); }
.market-source { color: var(--violet); background: rgba(156,131,255,.09); }
.market-source.model { color: var(--cyan); background: rgba(88,233,255,.075); }
.market-status { color: var(--green); background: rgba(115,255,179,.08); }
.market-status.closed { color: var(--red); background: rgba(255,98,126,.08); }
.market-terminal-head h2 { font-size: 23px; }
.market-terminal-head p { max-width: 660px; margin: 8px 0 0; color: var(--muted); font-size: 10px; }
.market-head-stats { display: grid; grid-template-columns: repeat(3, minmax(74px, auto)); gap: 8px; }
.market-head-stats > div { min-height: 49px; display: grid; align-content: center; padding: 7px 9px; border: 1px solid var(--line); border-radius: 6px; background: rgba(0,0,0,.14); }
.market-head-stats span { color: var(--muted-2); font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }
.market-head-stats strong { margin-top: 3px; color: var(--text-soft); font-family: var(--mono); font-size: 9px; white-space: nowrap; }
.contract-table-wrap { position: relative; z-index: 2; margin-top: 14px; max-height: 340px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; scrollbar-width: thin; scrollbar-color: rgba(88,233,255,.2) transparent; }
.contract-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-family: var(--mono); }
.contract-table th { position: sticky; top: 0; z-index: 2; height: 32px; padding: 0 8px; border-bottom: 1px solid var(--line); background: rgba(5,15,25,.98); color: var(--muted-2); font-size: 6px; font-weight: 700; letter-spacing: .08em; text-align: left; white-space: nowrap; }
.contract-table th:first-child { width: 25%; }
.contract-table th.numeric { text-align: right; }
.contract-table th.bid-heading { color: var(--green); }
.contract-table th.ask-heading { color: var(--magenta); }
.contract-table td { height: 47px; padding: 5px 8px; border-bottom: 1px solid rgba(122,213,255,.055); color: var(--text-soft); font-size: 9px; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.contract-table tr:last-child td { border-bottom: 0; }
.contract-table tbody tr { cursor: pointer; transition: .15s ease; }
.contract-table tbody tr:hover { background: rgba(88,233,255,.035); }
.contract-table tbody tr.selected { background: linear-gradient(90deg, rgba(88,233,255,.09), rgba(88,233,255,.015)); box-shadow: inset 2px 0 var(--cyan); }
.contract-table td.contract-name { text-align: left; overflow: hidden; }
.contract-name strong { display: block; overflow: hidden; font-family: var(--sans); font-size: 11px; text-overflow: ellipsis; }
.contract-name small { display: block; margin-top: 2px; color: var(--muted-2); font-size: 6px; text-transform: uppercase; letter-spacing: .08em; }
.contract-table .model-price { color: var(--cyan); }
.contract-table .size-cell { color: var(--muted); }
.quote-button { min-width: 58px; height: 29px; padding: 0 7px; border: 1px solid transparent; border-radius: 4px; font-family: var(--mono); font-size: 10px; font-weight: 800; cursor: pointer; }
.quote-button small { display: block; margin-top: -2px; font-size: 5px; font-weight: 500; opacity: .6; }
.quote-button.bid { border-color: rgba(115,255,179,.18); background: rgba(115,255,179,.1); color: var(--green); }
.quote-button.bid:hover { background: rgba(115,255,179,.2); }
.quote-button.ask { border-color: rgba(255,95,216,.18); background: rgba(255,95,216,.1); color: var(--magenta); }
.quote-button.ask:hover { background: rgba(255,95,216,.2); }
.change-cell.up { color: var(--green); }
.change-cell.down { color: var(--red); }
.empty-row td { height: 120px; color: var(--muted-2); text-align: center !important; letter-spacing: .1em; }

.market-lower-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 12px; margin-top: 12px; }
.orderbook-module, .market-intelligence-module { min-height: 310px; padding: 15px; border: 1px solid var(--line); border-radius: 8px; background: rgba(1,8,16,.3); }
.module-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.module-head h3 { margin: 5px 0 0; color: var(--text-soft); font-size: 14px; line-height: 1.1; letter-spacing: -.02em; }
.book-microstats { display: flex; gap: 10px; }
.book-microstats span { color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.book-microstats b { color: var(--text-soft); }
.book-columns { display: grid; grid-template-columns: 1fr .8fr .9fr 1.2fr; gap: 8px; margin-top: 12px; padding: 0 7px 5px; border-bottom: 1px solid var(--line); color: var(--muted-2); font-family: var(--mono); font-size: 6px; text-align: right; }
.book-columns span:first-child { text-align: left; }
.book-side { display: grid; }
.book-row { position: relative; min-height: 24px; display: grid; grid-template-columns: 1fr .8fr .9fr 1.2fr; gap: 8px; align-items: center; padding: 0 7px; overflow: hidden; border-bottom: 1px solid rgba(122,213,255,.035); font-family: var(--mono); font-size: 8px; font-variant-numeric: tabular-nums; text-align: right; }
.book-row::before { content: ""; position: absolute; top: 2px; bottom: 2px; right: 0; width: var(--depth); pointer-events: none; opacity: .08; }
.book-row span { position: relative; z-index: 1; }
.book-row span:first-child { text-align: left; color: var(--muted); }
.ask-book .book-row::before { background: var(--magenta); }
.bid-book .book-row::before { background: var(--green); }
.ask-book .book-row .book-price { color: var(--magenta); }
.bid-book .book-row .book-price { color: var(--green); }
.book-row .book-source { color: var(--muted-2); font-size: 6px; }
.book-row .book-source.client { color: var(--violet); }
.book-midline { min-height: 42px; display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; margin: 4px 0; padding: 0 8px; border-top: 1px solid rgba(88,233,255,.14); border-bottom: 1px solid rgba(88,233,255,.14); background: rgba(88,233,255,.04); }
.book-midline span { color: var(--cyan); font-family: var(--mono); font-size: 6px; letter-spacing: .1em; }
.book-midline strong { font-family: var(--mono); font-size: 18px; }
.book-midline small { color: var(--muted); font-family: var(--mono); font-size: 7px; }
.book-empty { min-height: 96px; display: grid; place-items: center; color: var(--muted-2); font-family: var(--mono); font-size: 7px; }
.ai-badge, .stream-status { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }
.ai-badge i, .stream-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); animation: pulse 1.3s infinite; }
.signal-orb { position: relative; width: 140px; height: 140px; display: grid; place-items: center; margin: 17px auto 12px; }
.signal-rings, .signal-rings::before, .signal-rings::after { position: absolute; border-radius: 50%; border: 1px solid rgba(88,233,255,.17); }
.signal-rings { inset: 0; border-top-color: var(--cyan); animation: orbit-spin 18s linear infinite; }
.signal-rings::before { content: ""; inset: 13px; border-right-color: var(--violet); animation: orbit-spin-reverse 11s linear infinite; }
.signal-rings::after { content: ""; inset: 27px; border-style: dashed; }
.signal-core { position: relative; z-index: 2; display: grid; justify-items: center; }
.signal-core span { color: var(--muted-2); font-family: var(--mono); font-size: 6px; letter-spacing: .1em; }
.signal-core strong { margin-top: 2px; font-family: var(--mono); font-size: 27px; line-height: 1; }
.signal-core small { margin-top: 4px; color: var(--cyan); font-family: var(--mono); font-size: 6px; text-transform: uppercase; }
.signal-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.signal-stats > div { padding: 7px 8px; border: 1px solid rgba(122,213,255,.07); border-radius: 5px; background: rgba(0,0,0,.11); }
.signal-stats span { display: block; color: var(--muted-2); font-family: var(--mono); font-size: 5px; }
.signal-stats strong { display: block; margin-top: 2px; color: var(--text-soft); font-family: var(--mono); font-size: 9px; }
.model-disclaimer { margin: 10px 0 0; color: var(--muted-2); font-size: 7px; line-height: 1.4; }

.trade-stack { display: grid; gap: 12px; }
.trade-ticket { min-height: 568px; padding: 17px; }
.ticket-head { display: flex; align-items: flex-start; justify-content: space-between; }
.ticket-lock { width: 34px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(255,213,114,.2); border-radius: 4px; color: var(--amber); background: rgba(255,213,114,.06); font-family: var(--mono); font-size: 7px; }
.selected-contract-box { position: relative; z-index: 2; min-height: 68px; display: grid; align-content: center; margin-top: 15px; padding: 10px 11px; border: 1px solid var(--line); border-left: 2px solid var(--cyan); border-radius: 5px; background: rgba(88,233,255,.035); }
.selected-contract-box span { overflow: hidden; color: var(--muted-2); font-family: var(--mono); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.selected-contract-box strong { margin-top: 3px; overflow: hidden; color: var(--text-soft); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.selected-contract-box small { margin-top: 4px; color: var(--muted); font-family: var(--mono); font-size: 7px; }
.side-switch { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 12px; padding: 3px; border: 1px solid var(--line); border-radius: 6px; background: rgba(0,0,0,.16); }
.side-switch button { height: 34px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: .1em; cursor: pointer; }
.side-switch .buy.active { color: var(--green); background: rgba(115,255,179,.12); box-shadow: inset 0 0 0 1px rgba(115,255,179,.12); }
.side-switch .sell.active { color: var(--magenta); background: rgba(255,95,216,.12); box-shadow: inset 0 0 0 1px rgba(255,95,216,.12); }
.ticket-field { position: relative; z-index: 2; display: grid; gap: 6px; margin-top: 13px; }
.ticket-field > span { display: flex; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: 7px; letter-spacing: .08em; }
.ticket-field > span small { color: var(--muted-2); }
.input-shell { height: 44px; display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid var(--line); border-radius: 6px; background: rgba(0,0,0,.18); overflow: hidden; }
.input-shell:focus-within { border-color: rgba(88,233,255,.35); box-shadow: 0 0 0 2px rgba(88,233,255,.04); }
.input-shell input { min-width: 0; height: 100%; padding: 0 11px; border: 0; outline: 0; background: transparent; color: var(--text); font-family: var(--mono); font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.input-shell b { height: 100%; display: grid; place-items: center; padding: 0 10px; border-left: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 7px; }
.quick-prices, .quantity-presets { position: relative; z-index: 2; display: grid; gap: 4px; margin-top: 7px; }
.quick-prices { grid-template-columns: repeat(3,1fr); }
.quantity-presets { grid-template-columns: repeat(4,1fr); }
.quick-prices button, .quantity-presets button { min-height: 29px; padding: 0 4px; border: 1px solid rgba(122,213,255,.08); border-radius: 4px; background: rgba(0,0,0,.11); color: var(--muted); font-family: var(--mono); font-size: 6px; cursor: pointer; }
.quick-prices button:hover, .quantity-presets button:hover { border-color: rgba(88,233,255,.22); color: var(--cyan); }
.quick-prices b { display: block; color: var(--text-soft); font-size: 7px; }
.order-calculation { position: relative; z-index: 2; display: grid; gap: 5px; margin-top: 12px; padding: 9px 10px; border: 1px solid rgba(122,213,255,.07); border-radius: 5px; background: rgba(0,0,0,.11); }
.order-calculation > div { display: flex; justify-content: space-between; gap: 10px; }
.order-calculation span { color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.order-calculation strong { color: var(--text-soft); font-family: var(--mono); font-size: 8px; }
.transmit-button { position: relative; z-index: 2; width: 100%; height: 43px; display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 0 14px; border: 1px solid rgba(115,255,179,.25); border-radius: 6px; background: linear-gradient(90deg, rgba(32,215,131,.18), rgba(88,233,255,.1)); color: var(--green); font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: .08em; cursor: pointer; }
.transmit-button:hover:not(:disabled) { background: linear-gradient(90deg, rgba(32,215,131,.28), rgba(88,233,255,.16)); box-shadow: 0 0 28px rgba(115,255,179,.08); }
.transmit-button:disabled { opacity: .35; cursor: not-allowed; }
.transmit-button.sell-mode { border-color: rgba(255,95,216,.25); background: linear-gradient(90deg, rgba(255,95,216,.17), rgba(156,131,255,.1)); color: var(--magenta); }
.ticket-note { position: relative; z-index: 2; margin: 8px 0 0; color: var(--muted-2); font-size: 6px; line-height: 1.4; text-align: center; }
.wallet-panel { min-height: 206px; padding: 15px; }
.wallet-head { display: flex; align-items: flex-start; justify-content: space-between; }
.wallet-head h3 { margin: 4px 0 0; font-size: 13px; }
.wallet-balance { position: relative; z-index: 2; display: grid; justify-items: center; margin-top: 12px; padding: 9px; border: 1px solid var(--line); border-radius: 6px; background: rgba(88,233,255,.035); }
.wallet-balance span, .wallet-balance small { color: var(--muted-2); font-family: var(--mono); font-size: 6px; letter-spacing: .08em; }
.wallet-balance strong { margin: 1px 0; color: var(--cyan); font-family: var(--mono); font-size: 21px; font-variant-numeric: tabular-nums; }
.wallet-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 7px; }
.wallet-grid > div { padding: 6px 7px; border: 1px solid rgba(122,213,255,.06); border-radius: 4px; background: rgba(0,0,0,.09); }
.wallet-grid span { display: block; color: var(--muted-2); font-family: var(--mono); font-size: 5px; }
.wallet-grid strong { display: block; margin-top: 1px; color: var(--text-soft); font-family: var(--mono); font-size: 8px; }
.wallet-grid strong.positive { color: var(--green); }
.wallet-grid strong.negative { color: var(--red); }
.open-orders-list { position: relative; z-index: 3; max-height: 180px; margin-top: 8px; overflow: auto; border-top: 1px solid var(--line); }
.open-order-item { display: grid; grid-template-columns: 1fr auto; gap: 7px; align-items: center; padding: 7px 2px; border-bottom: 1px solid rgba(122,213,255,.05); }
.open-order-item strong { display: block; overflow: hidden; color: var(--text-soft); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.open-order-item small { display: block; color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.cancel-order { width: 24px; height: 24px; border: 1px solid rgba(255,98,126,.16); border-radius: 4px; background: rgba(255,98,126,.06); color: var(--red); font-size: 11px; cursor: pointer; }

.model-section { margin-top: 28px; scroll-margin-top: 130px; }
.section-banner { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 12px; padding: 0 4px; }
.section-banner h2 { font-size: 27px; }
.section-banner p { margin: 8px 0 0; color: var(--muted); font-size: 10px; }
.engine-status { min-width: 150px; display: grid; grid-template-columns: auto 1fr; gap: 0 7px; align-items: center; padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: rgba(5,15,25,.65); }
.engine-status i { grid-row: 1 / span 2; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.engine-status span { color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.engine-status strong { color: var(--green); font-family: var(--mono); font-size: 7px; }
.model-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(240px, .75fr) minmax(240px, .75fr); gap: 12px; }
.next-ball-matrix, .trajectory-panel { min-height: 344px; padding: 18px; }
.next-ball-id { min-width: 58px; display: grid; justify-items: center; padding: 7px; border: 1px solid var(--line); border-radius: 5px; background: rgba(0,0,0,.12); }
.next-ball-id span { color: var(--muted-2); font-family: var(--mono); font-size: 5px; }
.next-ball-id strong { color: var(--cyan); font-family: var(--mono); font-size: 12px; }
.outcome-matrix { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; margin-top: 15px; }
.outcome-card { min-height: 112px; display: grid; align-content: space-between; padding: 10px; border: 1px solid rgba(122,213,255,.08); border-radius: 6px; background: rgba(1,8,16,.31); cursor: pointer; transition: .18s ease; }
.outcome-card:hover { transform: translateY(-2px); border-color: rgba(88,233,255,.22); background: rgba(88,233,255,.04); }
.outcome-card.active { border-color: rgba(88,233,255,.35); box-shadow: inset 0 0 20px rgba(88,233,255,.035); }
.outcome-card span { color: var(--text-soft); font-size: 9px; }
.outcome-fair { display: flex; align-items: baseline; gap: 3px; margin-top: 9px; }
.outcome-fair strong { font-family: var(--mono); font-size: 20px; line-height: 1; }
.outcome-fair small { color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.outcome-quotes { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 10px; }
.outcome-quotes b { display: grid; justify-items: center; padding: 5px 3px; border-radius: 3px; font-family: var(--mono); font-size: 8px; }
.outcome-quotes b:first-child { color: var(--green); background: rgba(115,255,179,.08); }
.outcome-quotes b:last-child { color: var(--magenta); background: rgba(255,95,216,.08); }
.outcome-quotes small { color: var(--muted-2); font-size: 5px; }
.confidence-chip { padding: 4px 6px; border: 1px solid rgba(255,213,114,.16); border-radius: 3px; color: var(--amber); background: rgba(255,213,114,.05); font-family: var(--mono); font-size: 5px; letter-spacing: .08em; }
.trajectory-list { position: relative; z-index: 2; display: grid; gap: 8px; margin-top: 16px; }
.trajectory-row { position: relative; min-height: 38px; display: grid; grid-template-columns: minmax(80px,1fr) 46px 46px; gap: 7px; align-items: center; padding: 6px 7px; overflow: hidden; border: 1px solid rgba(122,213,255,.06); border-radius: 5px; background: rgba(0,0,0,.1); cursor: pointer; }
.trajectory-row::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--prob); background: linear-gradient(90deg, rgba(88,233,255,.12), transparent); }
.trajectory-row > * { position: relative; z-index: 1; }
.trajectory-row span { color: var(--text-soft); font-size: 8px; }
.trajectory-row b { padding: 4px 3px; border-radius: 3px; font-family: var(--mono); font-size: 7px; text-align: center; }
.trajectory-row .traj-bid { color: var(--green); background: rgba(115,255,179,.07); }
.trajectory-row .traj-ask { color: var(--magenta); background: rgba(255,95,216,.07); }

.lower-data-grid { margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px,.75fr) minmax(250px,.7fr); gap: 12px; scroll-margin-top: 130px; }
.live-tape, .lineup-panel, .system-log { min-height: 395px; padding: 18px; }
.over-strip { position: relative; z-index: 2; display: flex; gap: 6px; margin-top: 14px; padding-bottom: 10px; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.ball-token { flex: 0 0 auto; min-width: 38px; height: 32px; display: grid; place-items: center; padding: 0 6px; border: 1px solid rgba(122,213,255,.09); border-radius: 4px; background: rgba(0,0,0,.12); color: var(--text-soft); font-family: var(--mono); font-size: 7px; }
.ball-token.boundary { color: var(--amber); border-color: rgba(255,213,114,.2); background: rgba(255,213,114,.06); }
.ball-token.wicket { color: var(--red); border-color: rgba(255,98,126,.22); background: rgba(255,98,126,.07); }
.ball-token.extra { color: var(--violet); border-color: rgba(156,131,255,.2); background: rgba(156,131,255,.06); }
.commentary-feed { position: relative; z-index: 2; max-height: 285px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(88,233,255,.2) transparent; }
.commentary-row { display: grid; grid-template-columns: 45px 58px minmax(0,1fr) auto; gap: 9px; align-items: center; min-height: 47px; padding: 7px 4px; border-bottom: 1px solid rgba(122,213,255,.05); }
.commentary-row .ball-id { color: var(--cyan); font-family: var(--mono); font-size: 8px; }
.commentary-row .event-badge { width: max-content; max-width: 58px; overflow: hidden; padding: 3px 5px; border-radius: 3px; background: rgba(88,233,255,.06); color: var(--text-soft); font-family: var(--mono); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.commentary-row.wicket .event-badge { color: var(--red); background: rgba(255,98,126,.08); }
.commentary-row.boundary .event-badge { color: var(--amber); background: rgba(255,213,114,.08); }
.commentary-copy { min-width: 0; }
.commentary-copy strong { display: block; overflow: hidden; color: var(--text-soft); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.commentary-copy p { margin: 2px 0 0; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.commentary-row time { color: var(--muted-2); font-family: var(--mono); font-size: 6px; }
.lineup-tabs { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 14px; padding: 3px; border: 1px solid var(--line); border-radius: 6px; }
.lineup-tabs button { height: 29px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-family: var(--mono); font-size: 7px; cursor: pointer; }
.lineup-tabs button.active { color: var(--cyan); background: rgba(88,233,255,.08); }
.identity-status { color: var(--green); font-family: var(--mono); font-size: 6px; }
.lineup-list { position: relative; z-index: 2; max-height: 265px; margin: 12px 0 0; padding: 0; overflow: auto; list-style: none; counter-reset: xi; }
.lineup-list li { counter-increment: xi; min-height: 25px; display: grid; grid-template-columns: 22px 1fr; align-items: center; border-bottom: 1px solid rgba(122,213,255,.045); color: var(--text-soft); font-size: 8px; }
.lineup-list li::before { content: counter(xi, decimal-leading-zero); color: var(--cyan); font-family: var(--mono); font-size: 6px; }
.lineup-note { position: relative; z-index: 2; margin: 10px 0 0; color: var(--muted-2); font-size: 7px; line-height: 1.4; }
.trace-code { color: var(--violet); font-family: var(--mono); font-size: 7px; }
.system-log-list { position: relative; z-index: 2; max-height: 315px; margin-top: 14px; overflow: auto; }
.system-log-list > div { display: grid; grid-template-columns: 54px 1fr; gap: 8px; min-height: 36px; align-items: center; border-bottom: 1px solid rgba(122,213,255,.045); }
.system-log-list time { color: var(--cyan); font-family: var(--mono); font-size: 6px; }
.system-log-list span { color: var(--muted); font-size: 8px; }
.system-log-list .success span { color: var(--green); }
.system-log-list .error span { color: var(--red); }

footer { width: min(1880px, calc(100% - clamp(22px, 3.2vw, 68px))); min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 auto; border-top: 1px solid var(--line); color: var(--muted-2); font-family: var(--mono); font-size: 7px; }
footer strong { color: var(--text-soft); letter-spacing: .08em; }
footer div span { margin-left: 8px; }
footer p { margin: 0; text-align: center; }

.modal, .drawer { position: fixed; inset: 0; z-index: 300; display: none; }
.modal.open, .drawer.open { display: block; }
.modal-scrim, .drawer-scrim { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(0,3,8,.78); backdrop-filter: blur(10px); cursor: default; }
.create-market-modal { position: absolute; left: 50%; top: 50%; width: min(720px, calc(100% - 28px)); max-height: calc(100vh - 36px); padding: 25px; overflow: auto; transform: translate(-50%, -50%); }
.modal-head, .drawer-head { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.modal-head h2, .drawer-head h2 { margin: 6px 0 0; font-size: 25px; letter-spacing: -.04em; }
.modal-head p { max-width: 560px; margin: 8px 0 0; color: var(--muted); font-size: 9px; }
.modal-close, .drawer-head > button { flex: 0 0 auto; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 19px; cursor: pointer; }
.modal-close:hover, .drawer-head > button:hover { color: var(--red); border-color: rgba(255,98,126,.22); }
#createMarketForm { position: relative; z-index: 2; margin-top: 20px; }
.modal-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.modal-field { display: grid; gap: 7px; margin-bottom: 12px; }
.modal-field > span { color: var(--muted); font-family: var(--mono); font-size: 7px; letter-spacing: .09em; }
.modal-field > span small { color: var(--muted-2); }
.modal-field input, .modal-field textarea, .modal-field select { width: 100%; border: 1px solid var(--line); border-radius: 6px; background: rgba(0,0,0,.22); color: var(--text); outline: 0; }
.modal-field input, .modal-field select { height: 42px; padding: 0 11px; }
.modal-field textarea { min-height: 110px; padding: 10px 11px; resize: vertical; }
.modal-field input:focus, .modal-field textarea:focus, .modal-field select:focus { border-color: rgba(88,233,255,.35); box-shadow: 0 0 0 2px rgba(88,233,255,.04); }
.market-create-preview { display: grid; grid-template-columns: 50px 1fr; gap: 12px; align-items: center; margin-top: 4px; padding: 10px 12px; border: 1px solid rgba(156,131,255,.12); border-radius: 6px; background: rgba(156,131,255,.045); }
.preview-orb { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(156,131,255,.3); border-radius: 50%; color: var(--violet); font-family: var(--mono); font-size: 7px; box-shadow: inset 0 0 16px rgba(156,131,255,.08); }
.market-create-preview p { margin: 0; color: var(--muted); font-size: 8px; }
.market-create-preview strong { color: var(--violet); }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.secondary-button, .primary-button { height: 40px; padding: 0 16px; border-radius: 6px; font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: .08em; cursor: pointer; }
.secondary-button { border: 1px solid var(--line); background: rgba(0,0,0,.12); color: var(--muted); }
.primary-button { border: 1px solid rgba(88,233,255,.28); background: linear-gradient(90deg, rgba(88,233,255,.16), rgba(156,131,255,.12)); color: var(--cyan); }
.primary-button span { margin-left: 10px; }
.primary-button:disabled { opacity: .45; cursor: not-allowed; }
.drawer-panel { position: absolute; top: 0; right: 0; width: min(660px, 100%); height: 100%; padding: 28px; overflow: auto; border-left: 1px solid var(--line-strong); background: rgba(4,12,22,.96); box-shadow: -30px 0 80px rgba(0,0,0,.45); animation: drawer-in .25s ease; }
.drawer-teams { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }
.drawer-teams section { padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: rgba(0,0,0,.13); }
.drawer-teams h3 { margin: 0 0 12px; color: var(--cyan); font-size: 15px; }
.drawer-teams ol { margin: 0; padding-left: 24px; }
.drawer-teams li { min-height: 31px; padding: 6px 0; border-bottom: 1px solid rgba(122,213,255,.05); color: var(--text-soft); font-size: 10px; }

.toast { position: fixed; right: 22px; bottom: 22px; z-index: 400; width: min(380px, calc(100% - 44px)); padding: 13px 15px; border: 1px solid var(--line-strong); border-radius: 7px; background: rgba(8,22,35,.96); color: var(--text-soft); box-shadow: 0 20px 60px rgba(0,0,0,.5); font-size: 10px; transform: translateY(20px); opacity: 0; pointer-events: none; transition: .25s ease; }
.toast.visible { transform: translateY(0); opacity: 1; }
.toast.success { border-color: rgba(115,255,179,.28); box-shadow: 0 20px 60px rgba(0,0,0,.5), inset 3px 0 var(--green); }
.toast.error { border-color: rgba(255,98,126,.3); box-shadow: 0 20px 60px rgba(0,0,0,.5), inset 3px 0 var(--red); }

.flash-update { animation: data-flash .55s ease; }

@keyframes star-drift { to { transform: translate3d(110px, 85px, 0); } }
@keyframes star-drift-reverse { to { transform: translate3d(-85px, -110px, 0) scale(1.2); } }
@keyframes grid-travel { to { background-position: 0 42px, 0 0; } }
@keyframes aurora-drift { to { transform: translate(80px, 45px) scale(1.15); } }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes orbit-spin-reverse { to { transform: rotate(-360deg); } }
@keyframes pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(.75); } }
@keyframes panel-scan { to { background-position: -260% 0, 0 0; } }
@keyframes ticker-scroll { to { transform: translateX(-50%); } }
@keyframes drawer-in { from { transform: translateX(100%); } }
@keyframes data-flash { 0% { background-color: rgba(88,233,255,.18); } 100% { background-color: transparent; } }

@media (max-width: 1580px) {
  .command-nav a { padding: 0 9px; }
  .match-command { grid-template-columns: minmax(260px,1fr) 330px minmax(280px,1fr); }
  .exchange-grid { grid-template-columns: 260px minmax(0,1fr) 310px; }
  .market-terminal { padding: 17px; }
  .contract-table th:first-child { width: 22%; }
  .outcome-matrix { grid-template-columns: repeat(4,1fr); }
}

@media (max-width: 1320px) {
  .command-bar { grid-template-columns: 1fr auto; }
  .command-nav { display: none; }
  .system-cluster { grid-column: 2; }
  .match-command { grid-template-columns: 1fr 310px; }
  .match-telemetry { grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); }
  .telemetry-head, .win-probability-strip { grid-column: 1 / -1; }
  .exchange-grid { grid-template-columns: 250px minmax(0,1fr); }
  .trade-stack { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .trade-ticket, .wallet-panel { min-height: 0; }
  .model-grid { grid-template-columns: 1.4fr 1fr; }
  .movement-matrix, .model-grid .trajectory-panel:last-child { grid-column: 2; }
  .lower-data-grid { grid-template-columns: 1.3fr .8fr; }
  .system-log { grid-column: 1 / -1; min-height: 260px; }
}

@media (max-width: 1020px) {
  .market-ticker-shell { top: 70px; }
  .command-bar { height: 70px; }
  .system-clock { display: none; }
  .terminal-shell { margin-top: 16px; }
  .match-command { grid-template-columns: 1fr; }
  .score-reactor { grid-row: 2; }
  .match-telemetry { grid-column: auto; grid-template-columns: 1fr; }
  .telemetry-head, .win-probability-strip { grid-column: auto; }
  .match-footline { grid-column: auto; }
  .exchange-grid { grid-template-columns: 1fr; }
  .market-rail { height: auto; max-height: 470px; }
  .market-list { min-height: 280px; }
  .market-terminal { min-height: 0; }
  .trade-stack { grid-column: auto; }
  .market-lower-grid { grid-template-columns: 1fr; }
  .model-grid { grid-template-columns: 1fr; }
  .model-grid .trajectory-panel:last-child { grid-column: auto; }
  .lower-data-grid { grid-template-columns: 1fr; }
  .system-log { grid-column: auto; }
}

@media (max-width: 760px) {
  .command-bar { padding: 0 14px; grid-template-columns: 1fr auto; }
  .brand-copy strong { font-size: 12px; }
  .brand-copy small { font-size: 6px; }
  .brand-sigil { width: 35px; height: 35px; }
  .connection-node { min-width: 0; width: 42px; padding: 0; justify-content: center; }
  .connection-node > span { display: none; }
  .ticker-mode { display: none; }
  .market-ticker-shell { grid-template-columns: auto minmax(0,1fr); }
  .terminal-shell { width: calc(100% - 16px); }
  .match-command { padding: 22px 15px; }
  .match-ident h1 { font-size: 30px; }
  .match-footline { display: grid; }
  .market-terminal { padding: 14px; }
  .market-terminal-head { display: grid; }
  .market-head-stats { grid-template-columns: repeat(3,1fr); }
  .contract-table-wrap { overflow-x: auto; }
  .contract-table { min-width: 850px; }
  .trade-stack { grid-template-columns: 1fr; }
  .outcome-matrix { grid-template-columns: repeat(2,1fr); }
  .lower-data-grid { gap: 9px; }
  .commentary-row { grid-template-columns: 37px 50px minmax(0,1fr); }
  .commentary-row time { display: none; }
  .section-banner { display: grid; }
  .engine-status { width: max-content; }
  .drawer-teams, .modal-field-grid { grid-template-columns: 1fr; }
  footer { display: grid; justify-items: center; padding: 20px 0; text-align: center; }
}

@media (max-width: 470px) {
  .ticker-label { padding: 0 10px; font-size: 6px; }
  .market-ticker { gap: 20px; }
  .match-meta-line { display: grid; grid-template-columns: 1fr; }
  .match-meta-line i { display: none; }
  .score-reactor { transform: scale(.92); margin: -10px 0; }
  .win-probability-strip { grid-template-columns: 1fr; }
  .market-filters { grid-template-columns: repeat(3,1fr); }
  .market-filters button:nth-child(4), .market-filters button:nth-child(5) { grid-column: span 1; }
  .market-head-stats { grid-template-columns: 1fr; }
  .market-head-stats > div { min-height: 40px; }
  .market-lower-grid { margin-top: 8px; }
  .signal-stats { grid-template-columns: 1fr; }
  .quantity-presets { grid-template-columns: repeat(2,1fr); }
  .outcome-matrix { grid-template-columns: 1fr 1fr; }
  .create-market-modal { padding: 20px 14px; }
  .modal-actions { display: grid; grid-template-columns: 1fr; }
  .secondary-button, .primary-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}