/* ==========================================================================
   /simulator — hub head.
   The hub wears the same compact app header as the pages it links to
   (/simulate/stake, /simulator/crazytime, the trackers, /verify): identity
   tile, inline H1, state pill, facts line, CTA, then a stat strip. That head
   is the casino-originals system, so this file layers on crash-tracker.css
   and is scoped under .crx.smx. Everything below the head — the card grid,
   steps, context and FAQ — stays on the shared hub layout in the child
   style.css and the parent's simulators-hub.css; nothing here touches it.
   ========================================================================== */

.crx.smx{padding-bottom:0}

/* Identity tile: the hub has no casino logo, so it carries the Simulate
   glyph on the same 58px tile the casino marks use. */
.smx .crx-mark{display:grid;place-items:center;background:linear-gradient(150deg,rgba(79,199,234,.2),rgba(123,77,242,.22));color:var(--cyan,#4FC7EA)}
.smx .crx-mark svg{width:28px;height:28px}

/* Nothing on this page is polling a feed, so the state pill reads cyan and
   static rather than the green pulse the live boards use. */
.smx .crx-live.smx-local{background:rgba(79,199,234,.1);color:var(--cyan,#4FC7EA);border-color:rgba(79,199,234,.3)}
.smx .crx-live.smx-local i{box-shadow:0 0 0 3px rgba(79,199,234,.18);animation:none}

/* Four tiles, not the boards' eight. */
.smx .crx-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}

/* Below this the head's own breakpoint in crash-tracker.css is out-specificised
   by the rule above, so the fold has to be repeated here. */
@media (max-width:1080px){
	.smx .crx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}