MCM — PERIODIC TABLE OF THE DOW

Teaching + navigation framework for market behavior (experimental)
Home Events Performance Live Dashboard FAQ / Playbook
MARKET REGIME: —
Loading…
Active event: —
—
Universe: Dow 30
Data as‑of: —
Tap a tile for a quick company card
/* ========================================= OFF CANVAS COMPANY PANEL ========================================= */ .sidePanel{ position: fixed; top: 0; right: 0; width: 420px; height: 100vh; padding: 18px 16px 22px; border-left: 1px solid rgba(72,255,238,.18); border-radius: 0; background: linear-gradient( 180deg, rgba(6,16,28,.96), rgba(4,12,20,.98) ); backdrop-filter: blur(14px); box-shadow: -18px 0 50px rgba(0,0,0,.55), -4px 0 14px rgba(72,255,238,.08); z-index: 2000; /* hidden by default */ transform: translateX(110%); transition: transform 280ms cubic-bezier(.2,.8,.2,1); } /* when open */ .sidePanel.open{ transform: translateX(0%); } /* overlay behind panel */ .panelOverlay{ position: fixed; inset: 0; background: rgba(4,10,18,.65); backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: opacity 240ms ease; z-index: 1999; } .panelOverlay.show{ opacity: 1; pointer-events: auto; } /* mobile */ @media (max-width: 980px){ .sidePanel{ width: 100%; border-left: none; border-top: 1px solid rgba(72,255,238,.18); transform: translateY(100%); } .sidePanel.open{ transform: translateY(0); } }