/* Functional typography for PIPE//FLOW.
   Poxast stays on the brand/countdown only; controls and instructions stay readable. */
.overlay-card h2,
.pixel-btn,
.overlay-kicker,
.overlay-card p,
.tiny-rule,
.hud-block,
.status-panel,
.selector-copy,
.control-hint,
.flow-help,
.back-link,
.port-label,
.cell.soft::after,
.pipe-card b {
  font-family:"Courier New",Courier,monospace;
}

.overlay-card h2{
  font-size:clamp(22px,4vw,32px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:1.4px;
  text-shadow:none;
}

.overlay-card h2::first-letter,
.pixel-btn::first-letter{
  font-size:1.12em;
  font-weight:900;
}

.pixel-btn{
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:1.3px;
}

.overlay-card p{
  letter-spacing:.25px;
}

.selector-copy strong,
.hud-block strong{
  font-family:"Courier New",Courier,monospace;
  font-weight:900;
}

/* Deliberately retain the chunky arcade font only where readability is not critical. */
.flow-title h1,
.countdown{
  font-family:"Poxast","Courier New",monospace;
}

@media (max-width:420px){
  .overlay-card h2{font-size:21px;letter-spacing:.8px}
  .pixel-btn{font-size:12px;letter-spacing:1px}
  .overlay-card p{font-size:11px;line-height:1.5}
}