#liveMap { width:100%; height:100%; }
.map-head { left:12px; right:12px; top:10px; } .map-head span { font-size:clamp(9px,.58vw,11px); } .map-head small { font-size:7px; }
.map-label { min-width:48px; padding:5px 9px; background:rgba(2,9,19,.84); backdrop-filter:none; font-size:9px; }
.map-quality { position:absolute; right:9px; bottom:7px; z-index:5; color:rgba(150,177,198,.48); font-size:7px; }
.metrics { min-height:0; overflow:auto; grid-template-columns:1fr 1fr; gap:6px; }
.metric { min-height:48px; padding:7px 8px; } .metric small,.metric span { font-size:7px; } .metric b { font-size:clamp(14px,1vw,19px); }
.list,.fund,.liq,.patterns { min-height:0; overflow:auto; overscroll-behavior:contain; }
.risk-row,.liq-row,.pattern-card { padding:6px 8px; font-size:8px; }
.fund { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; } .ft { min-height:44px; padding:6px; }
.stream-status { max-height:31px; overflow:auto; margin-bottom:5px; }
.liq-row { grid-template-columns:.85fr 1.5fr .65fr .75fr .52fr; }
.pattern-card { grid-template-columns:1.25fr .58fr .82fr .55fr .52fr; }
body.market-compact .market-pro-hub { grid-template-columns:repeat(6,minmax(0,1fr)); } body.market-compact .hub-card,body.market-compact .hub-actions { min-height:39px; padding-block:5px; } body.market-compact .grid { grid-template-rows:minmax(115px,.62fr) minmax(135px,.72fr) minmax(140px,.72fr) !important; }
html.is-embedded body { padding:0; }
html.is-embedded .terminal-frame { width:100%; height:100dvh; max-width:none; border:0; border-radius:0; box-shadow:none; }
html.is-embedded .sidebar,html.is-embedded .actions,html.is-embedded .hub-return { display:none !important; }
html.is-embedded .head { padding-top:10px; }
html[data-market-suspended="true"] * { animation-play-state:paused !important; }
@media (max-height:820px) and (min-width:981px) { .kick,.filter-label,.hub-card em { display:none; } .head { padding-top:9px; } .market-pro-hub { margin-top:5px; } .hub-card,.hub-actions { min-height:40px; padding-block:5px; } .grid { grid-template-rows:minmax(112px,.62fr) minmax(132px,.70fr) minmax(138px,.70fr) !important; } }
@media (max-width:1380px) and (min-width:981px) { .filters { grid-template-columns:minmax(205px,.8fr) minmax(320px,1.25fr) minmax(195px,.7fr) minmax(270px,1fr); } .grid { grid-template-columns:minmax(205px,.78fr) minmax(385px,1.55fr) minmax(235px,.9fr) !important; } .map-legend { display:none; } }
@media (max-width:980px) { body { height:auto; min-height:100dvh; overflow:auto; padding:0; align-items:flex-start; } .terminal-frame { height:auto; min-height:100dvh; border-radius:0; border-inline:0; overflow:visible; } .sidebar { display:none; } .main { overflow:visible; } .head { position:sticky; top:0; z-index:20; padding:10px; box-shadow:0 8px 24px rgba(0,0,0,.35); } .top { align-items:flex-start; } .kick { display:none; } h1 { font-size:24px; } .actions { margin-left:auto; } .filters { grid-template-columns:1fr 1fr; grid-template-areas:"ex tf" "symbols symbols" "lenses lenses" "health health"; } .market-pro-hub { grid-template-columns:repeat(3,minmax(0,1fr)); } .hub-actions { grid-template-columns:1fr 1fr; } .grid { display:grid !important; grid-template-columns:1fr !important; grid-template-rows:none !important; grid-template-areas:"sentiment" "map" "metrics" "risk" "funding" "liquidations" "patterns"; padding:9px; overflow:visible; } .panel,.map-panel { content-visibility:auto; contain-intrinsic-size:auto 270px; } .sentiment-panel { min-height:245px !important; } .map-panel { min-height:min(54vh,430px) !important; } .metrics-panel,.risk-panel,.funding-panel,.liquidation-panel,.patterns-panel { min-height:250px !important; } #moodOrb { width:150px; height:150px; } }
@media (max-width:600px) { .top { display:block; } .upd { display:block; max-width:100%; margin:4px 0 0; font-size:8px; } .actions { display:none; } .filters { grid-template-columns:1fr; grid-template-areas:"ex" "symbols" "tf" "lenses" "health"; } .chip,.lens { min-height:34px; padding-inline:11px; font-size:10px; } .market-pro-hub { grid-template-columns:1fr 1fr; } .hub-actions { grid-column:1/-1; grid-template-columns:1fr; } html.is-embedded .hub-actions { display:none; } .metrics,.fund { grid-template-columns:1fr 1fr; } .risk-head,.risk-row { grid-template-columns:20px minmax(0,1fr) auto; } .risk-head span:last-child,.risk-row .badge { display:none; } .liq-row { grid-template-columns:.8fr 1.35fr .65fr .75fr; } .liq-row > :last-child { display:none; } .pattern-card { grid-template-columns:1fr .65fr .65fr; } .pattern-card > :nth-child(3),.pattern-card > :nth-child(5) { display:none; } .map-label { min-width:42px; padding:4px 7px; font-size:8px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; } }