:root {
  --bg: #060807;
  --panel: #0b100f;
  --panel-raised: #101715;
  --panel-soft: #0d1311;
  --line: rgba(191, 217, 205, .12);
  --line-strong: rgba(191, 217, 205, .23);
  --ink: #edf5f0;
  --muted: #82938c;
  --faint: #53635d;
  --signal: #b8ff55;
  --ice: #72e3f4;
  --amber: #ffc769;
  --danger: #ff6d78;
  --positive: #61e6a5;
  --mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 12px;
  --shadow: 0 20px 70px rgba(0, 0, 0, .28);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  margin: 0; min-width: 320px; color: var(--ink); background: var(--bg); font: 12px var(--mono); overflow-x: hidden;
  background-image: radial-gradient(circle at 12% -10%, rgba(114,227,244,.11), transparent 28%), radial-gradient(circle at 88% 0, rgba(184,255,85,.08), transparent 24%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: auto, auto, 44px 44px, 44px 44px;
}
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; background: linear-gradient(180deg, rgba(6,8,7,.05), rgba(6,8,7,.92) 88%); }
button, input, select { font: inherit; } button { color: inherit; }
select { color-scheme: dark; }
select option { background: #0a0e0c; color: #e8f0e8; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
.scanline { position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .08; background: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255,255,255,.018) 4px); }
.topbar { height: 60px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 0 clamp(16px, 3vw, 42px); position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--line); background: rgba(6,8,7,.78); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: baseline; gap: 0; font: 900 19px var(--sans); letter-spacing: -.06em; }
.brand-mark { color: var(--signal); }.brand-name { color: var(--ink); }.build { margin-left: 10px; color: var(--faint); font: 9px var(--mono); letter-spacing: .08em; }
.session-strip { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 10px; letter-spacing: .08em; white-space: nowrap; }.divider { color: var(--faint); }.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px currentColor; }.live-dot.live { background: var(--positive); }.live-dot.error { background: var(--danger); }
.command-trigger { justify-self: end; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.035); padding: 9px 12px; color: var(--muted); cursor: pointer; transition: .2s ease; }.command-trigger:hover { color: var(--ink); border-color: rgba(184,255,85,.6); background: rgba(184,255,85,.08); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,.18); } kbd { color: var(--signal); font: inherit; }
.market-nav { min-height: 58px; display: flex; justify-content: space-between; align-items: stretch; gap: 12px; padding: 0 clamp(12px, 3vw, 42px); position: sticky; top: 60px; z-index: 25; border-bottom: 1px solid var(--line); background: rgba(8,11,10,.88); backdrop-filter: blur(15px); overflow-x: auto; }
.asset-tabs, .timeframe-tabs, .mode-tabs { display: flex; align-items: stretch; }.mode-tabs { margin-right: auto; }.mode-tab, .tab { position: relative; min-width: 64px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); padding: 0 15px; cursor: pointer; font-size: 10px; letter-spacing: .08em; transition: color .2s, background .2s; }.mode-tab:first-child, .tab:first-child { border-left: 1px solid var(--line); }.mode-tab:hover, .tab:hover { color: var(--ink); background: rgba(255,255,255,.04); }.mode-tab.active, .tab.active { color: var(--signal); background: rgba(184,255,85,.06); }.mode-tab.active::after, .tab.active::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; border-radius: 2px 2px 0 0; background: var(--signal); box-shadow: 0 0 14px rgba(184,255,85,.7); }.timeframe-tabs .tab { min-width: 47px; padding: 0 10px; font-size: 10px; }
.workspace-control { display: flex; align-items: center; gap: 8px; margin-left: auto; padding-left: 12px; border-left: 1px solid var(--line); }.workspace-control label { color: var(--faint); font-size: 9px; letter-spacing: .1em; white-space: nowrap; }.workspace-picker { position: relative; z-index: 40; }.workspace-trigger { min-width: 205px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid rgba(184,255,85,.55); border-radius: 8px; background: rgba(184,255,85,.06); color: var(--signal); padding: 10px 11px; cursor: pointer; font-size: 9px; letter-spacing: .03em; transition: .2s ease; }.workspace-trigger:hover, .workspace-trigger[aria-expanded="true"] { border-color: var(--signal); background: rgba(184,255,85,.11); box-shadow: 0 0 0 3px rgba(184,255,85,.07); }.workspace-trigger span { font-size: 15px; transition: transform .2s; }.workspace-trigger[aria-expanded="true"] span { transform: rotate(180deg); }.workspace-menu { position: absolute; top: calc(100% + 8px); right: 0; width: 260px; display: none; padding: 6px; border: 1px solid var(--line-strong); border-radius: 10px; background: rgba(10,14,12,.97); box-shadow: var(--shadow); transform-origin: top right; }.workspace-menu.open { display: grid; animation: menuIn .16s ease-out both; }.workspace-menu button { border: 0; border-radius: 6px; background: transparent; color: var(--ink); text-align: left; padding: 11px 10px; cursor: pointer; font-size: 9px; transition: .16s ease; }.workspace-menu button:hover, .workspace-menu button.active { color: var(--signal); background: rgba(184,255,85,.09); padding-left: 14px; }.workspace-control select { display: none; }
.terminal-grid, .funding-dashboard, .liquidation-dashboard { width: min(1720px, 100%); margin: 0 auto; display: grid; gap: 10px; padding: 14px clamp(12px, 3vw, 42px) 30px; background: transparent; border: 0; }
.terminal-grid { grid-template-columns: minmax(0, 2.2fr) minmax(290px, .8fr); grid-template-areas: "market regime" "timeframes timeframes" "flow risk" "exo exo" "universe universe" "doctrine doctrine"; }.panel { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(16,23,21,.95), rgba(9,13,12,.97)); box-shadow: 0 8px 30px rgba(0,0,0,.15); transition: border-color .24s ease, background .24s ease, transform .24s ease, box-shadow .24s ease; }.panel:hover { border-color: var(--line-strong); background: linear-gradient(145deg, rgba(18,27,24,.97), rgba(9,13,12,.98)); box-shadow: 0 16px 44px rgba(0,0,0,.22); }.market-panel { grid-area: market; }.regime-panel { grid-area: regime; }.timeframe-panel { grid-area: timeframes; }.flow-panel { grid-area: flow; }.risk-panel { grid-area: risk; }.exo-panel { grid-area: exo; }.universe-panel { grid-area: universe; }.doctrine-panel { grid-area: doctrine; }
.panel-head { min-height: 70px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--line); cursor: pointer; }.panel-head.compact { min-height: 43px; align-items: center; padding: 0 15px; color: var(--muted); font-size: 9px; letter-spacing: .1em; }.panel-head > :first-child { margin-right: auto; }.panel-toggle { flex: 0 0 auto; width: 25px; height: 25px; margin-left: 8px; border: 1px solid var(--line-strong); border-radius: 6px; background: rgba(255,255,255,.03); color: var(--signal); cursor: pointer; transition: .2s; }.panel-toggle:hover { border-color: var(--signal); background: rgba(184,255,85,.08); }.panel.collapsed > :not(.panel-head) { display: none !important; }.panel.collapsed > .panel-head { min-height: 45px; border-bottom: 0; align-items: center; }.panel.collapsed { min-height: 45px; }
.eyebrow { color: var(--ice); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-shadow: 0 0 14px rgba(114,227,244,.22); } h1 { margin: 0; font: 800 29px/1 var(--sans); letter-spacing: -.06em; }.instrument-line { display: flex; align-items: baseline; gap: 14px; margin-top: 6px; }.price { color: var(--ink); font: 700 23px var(--sans); font-variant-numeric: tabular-nums; }.change { color: var(--muted); font-size: 11px; }.change.up { color: var(--positive); }.change.down { color: var(--danger); }.market-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; color: var(--muted); font-size: 9px; }.quality { padding: 4px 6px; border: 1px solid var(--line-strong); border-radius: 5px; }.quality.good { color: var(--positive); border-color: rgba(97,230,165,.5); }.quality.bad { color: var(--danger); }
.chart-wrap { height: 430px; position: relative; background: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 100% 20%, 10% 100%; }.chart-corner { position: absolute; color: var(--muted); font-size: 9px; background: rgba(6,8,7,.78); padding: 4px 6px; border: 1px solid rgba(191,217,205,.09); border-radius: 4px; }.top-left { top: 10px; left: 11px; }.bottom-right { right: 11px; bottom: 9px; } canvas { display: block; width: 100%; height: 100%; }
.regime-panel { padding-bottom: 12px; }.regime-core { min-height: 204px; display: grid; grid-template-columns: 112px 1fr; gap: 16px; align-items: center; padding: 18px; }.regime-orbit { width: 108px; height: 108px; display: grid; place-content: center; text-align: center; position: relative; border: 1px solid var(--line-strong); border-radius: 50%; background: radial-gradient(circle, rgba(184,255,85,.08), rgba(7,11,9,.8) 65%); }.regime-orbit::before { content: ""; position: absolute; inset: 8px; border: 1px dashed rgba(184,255,85,.55); border-radius: 50%; animation: orbitSpin 14s linear infinite; }.regime-orbit span { color: var(--signal); font-size: 25px; font-weight: 700; }.regime-orbit small { color: var(--muted); font-size: 8px; }.regime-core strong { display: block; font: 800 19px/1.05 var(--sans); letter-spacing: -.03em; }.regime-core p { color: var(--muted); line-height: 1.55; }.metric-list { margin: 0 15px; border-top: 1px solid var(--line); }.metric-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 10px 2px; border-bottom: 1px solid var(--line); }.metric-row span { color: var(--muted); }.metric-row b { font-weight: 500; }
.timeframe-matrix { display: grid; grid-template-columns: repeat(5, 1fr); }.tf-cell { min-height: 100px; padding: 14px; border-right: 1px solid var(--line); cursor: pointer; transition: background .2s, transform .2s; }.tf-cell:last-child { border-right: 0; }.tf-cell:hover { background: rgba(184,255,85,.05); transform: translateY(-1px); }.tf-cell header, .tf-cell footer { display: flex; justify-content: space-between; color: var(--muted); }.tf-cell strong { display: block; margin: 13px 0 6px; font: 700 18px var(--sans); }.tf-cell footer { font-size: 9px; }.state-up { color: var(--positive); }.state-down { color: var(--danger); }.state-flat { color: var(--amber); }
.mini-chart { height: 183px; background: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px); background-size: 100% 25%; }.flow-footer { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }.flow-footer span { padding: 11px 14px; color: var(--muted); border-right: 1px solid var(--line); }.flow-footer span:last-child { border-right: 0; }.flow-footer b { display: block; margin-top: 5px; color: var(--ink); font-weight: 500; }.risk-stack { padding: 8px 15px; }.risk-item { padding: 12px 0; border-bottom: 1px solid var(--line); }.risk-line { display: flex; justify-content: space-between; margin-bottom: 7px; }.risk-line span { color: var(--muted); }.risk-track { height: 4px; overflow: hidden; border-radius: 10px; background: #18231f; }.risk-track i { display: block; height: 100%; border-radius: 10px; background: var(--amber); }.method-note { color: var(--muted); font-size: 9px; line-height: 1.55; margin: 10px 15px; }
.exo-live-grid { display: grid; grid-template-columns: minmax(320px, 1.25fr) minmax(300px, .75fr); min-height: 225px; }.volume-profile { display: grid; align-content: center; gap: 3px; padding: 15px; border-right: 1px solid var(--line); }.profile-row { display: grid; grid-template-columns: 88px 1fr 70px; gap: 9px; align-items: center; min-height: 8px; color: var(--muted); font-size: 8px; }.profile-bar { height: 6px; overflow: hidden; border-radius: 10px; background: #16231f; }.profile-bar i { display: block; height: 100%; border-radius: 10px; background: var(--ice); opacity: .72; transition: width .45s cubic-bezier(.2,.8,.2,1), background .25s; }.profile-row.poc { color: var(--signal); text-shadow: 0 0 12px rgba(184,255,85,.2); }.profile-row.poc .profile-bar i { background: var(--signal); opacity: 1; box-shadow: 0 0 12px rgba(184,255,85,.35); }.exo-metrics { display: grid; grid-template-columns: repeat(2, 1fr); }.exo-live-strip { grid-column: 1 / -1; min-height: 108px; border-top: 1px solid var(--line); }.live-strip-label { padding: 10px 14px 0; color: var(--signal); font-size: 9px; letter-spacing: .1em; }.collector-live-metrics { min-height: 92px; }.exo-card { min-height: 92px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.exo-card:nth-child(2n) { border-right: 0; }.exo-card span, .exo-card small { display: block; color: var(--muted); font-size: 8px; letter-spacing: .08em; }.exo-card strong { display: block; margin: 11px 0 5px; color: var(--ink); font: 800 18px var(--sans); }.exo-card.positive strong { color: var(--positive); }.exo-card.negative strong { color: var(--danger); }.exo-card.proxy strong { color: var(--amber); }.collector-card strong { animation: valueIn .28s ease-out both; }
.universe-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.universe-card { padding: 15px; border-right: 1px solid var(--line); cursor: pointer; transition: background .2s, transform .2s; }.universe-card:last-child { border-right: 0; }.universe-card:hover, .universe-card.active { background: rgba(184,255,85,.05); transform: translateY(-1px); }.universe-card.active { box-shadow: inset 0 -2px var(--signal); }.universe-card header { display: flex; justify-content: space-between; color: var(--muted); }.universe-card strong { display: block; margin-top: 11px; font: 700 21px var(--sans); }.universe-card small { color: var(--muted); }.doctrine-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.doctrine-grid article { min-height: 115px; padding: 15px; border-right: 1px solid var(--line); }.doctrine-grid article:last-child { border-right: 0; }.doctrine-grid article > span { color: var(--signal); }.doctrine-grid strong { display: block; margin-top: 12px; font: 700 13px var(--sans); }.doctrine-grid p { color: var(--muted); line-height: 1.5; margin-bottom: 0; }
[hidden] { display: none !important; }
.funding-dashboard, .liquidation-dashboard { grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr); }.funding-dashboard { grid-template-areas: "sources sources" "hero hero" "opportunities opportunities" "rates rates" "doctrine doctrine"; }.funding-hero { grid-area: hero; }.funding-sources { grid-area: sources; }.opportunity-panel { grid-area: opportunities; }.rate-panel { grid-area: rates; }.arb-doctrine { grid-area: doctrine; }.arb-count { color: var(--signal); padding: 4px 7px; border: 1px solid rgba(184,255,85,.4); border-radius: 5px; font-size: 9px; }.funding-summary, .liquidation-summary { display: grid; grid-template-columns: repeat(4, 1fr); }.funding-summary article, .liquidation-summary article { min-height: 108px; padding: 17px; border-right: 1px solid var(--line); }.funding-summary article:last-child, .liquidation-summary article:last-child { border-right: 0; }.funding-summary span, .funding-summary small, .liquidation-summary span, .liquidation-summary small { display: block; color: var(--muted); font-size: 9px; letter-spacing: .07em; }.funding-summary strong, .liquidation-summary strong { display: block; margin: 13px 0 8px; font: 800 21px var(--sans); }.source-grid { position: relative; overflow: hidden; display: block; padding: 8px 0; background: var(--line); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }.source-marquee-track { display: flex; width: max-content; gap: 1px; animation: venueMarquee 38s linear infinite; will-change: transform; }.source-grid:hover .source-marquee-track { animation-play-state: paused; }.source-card { width: 190px; min-height: 60px; display: flex; align-items: center; flex: 0 0 190px; gap: 10px; padding: 11px; background: var(--panel); border-radius: 6px; }.source-card strong, .source-card small { display: block; }.source-card small { margin-top: 4px; color: var(--muted); font-size: 8px; }.source-led { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--danger); box-shadow: 0 0 8px currentColor; }.source-card.online .source-led { background: var(--positive); }.source-card.empty .source-led { background: var(--amber); }.table-scroll { overflow-x: auto; }.arb-table { width: 100%; border-collapse: collapse; white-space: nowrap; font-variant-numeric: tabular-nums; }.arb-table th { padding: 10px 13px; text-align: left; color: var(--muted); font-size: 8px; font-weight: 500; letter-spacing: .08em; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }.arb-table td { padding: 13px; border-bottom: 1px solid var(--line); color: var(--ink); }.arb-table tbody tr { transition: background .18s; }.arb-table tbody tr:hover { background: rgba(184,255,85,.05); }.arb-table td small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }.venue { color: var(--ice); }.positive { color: var(--positive) !important; }.negative { color: var(--danger) !important; }.grade { padding: 4px 6px; border: 1px solid var(--line-strong); border-radius: 5px; font-size: 8px; }.grade.high { color: var(--positive); border-color: rgba(97,230,165,.6); }.grade.medium { color: var(--amber); border-color: rgba(255,199,105,.6); }.grade.low { color: var(--muted); }.empty-cell { padding: 30px !important; text-align: center; color: var(--muted) !important; }.compact-table td { padding-top: 10px; padding-bottom: 10px; }.arb-head { min-height: 52px !important; gap: 12px; }.arb-controls, .liquidation-controls { display: flex; align-items: center; gap: 6px; }.arb-controls input, .arb-controls select, .arb-controls button, .liquidation-controls select, .liq-filter { border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.035); color: var(--ink); padding: 7px 8px; outline: 0; font-size: 9px; }.arb-controls input { width: 130px; }.arb-controls select { min-width: 130px; }.arb-controls button, .liq-filter { cursor: pointer; color: var(--signal); }.arb-controls input:focus, .arb-controls select:focus, .arb-controls button:hover, .liquidation-controls select:focus, .liq-filter:hover, .liq-filter.active { border-color: var(--signal); background: rgba(184,255,85,.08); }.funding-filter { display: flex; align-items: center; gap: 7px; color: var(--muted); }.funding-filter input { width: 170px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.035); color: var(--ink); padding: 6px 8px; outline: 0; font-size: 9px; }
.liquidation-dashboard { grid-template-areas: "hero sources" "flow flow" "doctrine doctrine"; }.liquidation-hero { grid-area: hero; }.liquidation-sources { grid-area: sources; }.liquidation-flow-panel { grid-area: flow; }.liquidation-doctrine { grid-area: doctrine; }.liquidation-heatmap { position: relative; min-height: 470px; height: 470px; overflow: hidden; padding: 0; background: #330348; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.liquidation-heatmap canvas { width: 100%; height: calc(100% - 36px); display: block; }.heatmap-legend { position: absolute; left: 14px; right: 14px; bottom: 8px; z-index: 2; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; color: #d5c9db; font: 10px var(--mono); }.heatmap-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 2px; vertical-align: -1px; }.heatmap-legend i.liquidation-leverage { background: linear-gradient(90deg, #3c14a1, #f2ef38); }.heatmap-legend i.supercharts { background: #25e1a6; }.heatmap-legend small { margin-left: auto; color: #ae9ab7; }.liquidation-tooltip b { color: var(--signal); font-weight: 600; }.liquidation-source-note { padding: 18px; color: var(--muted); line-height: 1.7; font-size: 10px; }.liquidation-source-note b { color: var(--ice); font-weight: 500; }.liquidation-table td { min-width: 130px; }
.statusbar { min-height: 34px; display: flex; align-items: center; gap: 20px; padding: 0 clamp(12px, 3vw, 42px); color: var(--muted); font-size: 9px; position: sticky; bottom: 0; z-index: 28; background: rgba(6,8,7,.9); border-top: 1px solid var(--line); backdrop-filter: blur(14px); }.statusbar span:first-child { margin-right: auto; }.statusbar b { color: var(--ink); font-weight: 500; }.command-dialog { width: min(620px, calc(100vw - 24px)); padding: 0; color: var(--ink); background: var(--panel-raised); border: 1px solid var(--line-strong); border-radius: 12px; box-shadow: 0 24px 80px #000; }.command-dialog::backdrop { background: rgba(0,0,0,.72); }.command-input-row { display: flex; gap: 10px; align-items: center; padding: 15px; border-bottom: 1px solid var(--line); color: var(--signal); }.command-input-row input { flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 15px; }.command-help { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px; }.command-help button { border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.035); padding: 8px 10px; cursor: pointer; }.command-help button:hover { border-color: var(--signal); }.error-panel { color: var(--danger); }
@keyframes menuIn { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes valueIn { from { opacity: .35; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } } @keyframes orbitSpin { to { transform: rotate(360deg); } } @keyframes venueMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width: 960px) { .topbar { grid-template-columns: 1fr auto; }.session-strip { display: none; }.terminal-grid, .funding-dashboard, .liquidation-dashboard { grid-template-columns: 1fr; }.terminal-grid { grid-template-areas: "market" "regime" "timeframes" "flow" "risk" "exo" "universe" "doctrine"; }.funding-dashboard { grid-template-areas: "hero" "sources" "opportunities" "rates" "doctrine"; }.liquidation-dashboard { grid-template-areas: "hero" "sources" "flow" "doctrine"; }.exo-live-grid { grid-template-columns: 1fr; }.volume-profile { border-right: 0; border-bottom: 1px solid var(--line); }.funding-summary, .liquidation-summary { grid-template-columns: repeat(2,1fr); }.timeframe-matrix, .universe-grid { overflow-x: auto; grid-template-columns: repeat(5, minmax(150px,1fr)); }.universe-grid { grid-template-columns: repeat(4, minmax(160px,1fr)); }.doctrine-grid { grid-template-columns: repeat(2,1fr); }.chart-wrap { height: 370px; } }
@media (max-width: 620px) { .topbar { height: 52px; }.market-nav { top: 52px; }.brand { font-size: 16px; }.build { display: none; }.market-nav { padding: 0; }.mode-tab, .tab { min-height: 48px; }.workspace-control { flex: 0 0 220px; margin-left: 0; padding: 0 8px; border-left: 0; }.workspace-trigger { min-width: 200px; }.funding-summary, .liquidation-summary, .source-grid { grid-template-columns: 1fr; }.arb-head { align-items: flex-start !important; flex-direction: column; padding: 10px !important; }.arb-controls { width: 100%; overflow-x: auto; padding-bottom: 2px; }.arb-controls input, .arb-controls select { flex: 0 0 125px; }.funding-summary article, .liquidation-summary article { border-right: 0; border-bottom: 1px solid var(--line); }.panel-head { min-height: 64px; }.instrument-line { gap: 8px; }.price { font-size: 18px; }.chart-wrap { height: 330px; }.doctrine-grid { grid-template-columns: 1fr; }.doctrine-grid article { border-right: 0; border-bottom: 1px solid var(--line); }.statusbar span:not(:first-child) { display: none; }.regime-core { grid-template-columns: 92px 1fr; }.regime-orbit { width: 88px; height: 88px; } }