/* ═══════════════════════════════════════════════
   FLOWLADDER — board styles
   ═══════════════════════════════════════════════ */

.fd-wrap{width:100%;display:flex;flex-direction:column;align-items:center}

.fd-board{
  width:min(94vw,520px,64vh);
  aspect-ratio:1;
  display:block;
  margin:0 auto;
  border:2px solid rgba(45,50,112,0.12);
  border-radius:var(--radius-lg);
  background:#eceef4;
  touch-action:none;
  cursor:pointer;
}

.ug-hint{
  font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:var(--text-dim);min-height:16px;padding-top:12px;text-align:center;
}
.ug-hint.good{color:var(--teal)}

@media (max-width:420px){
  .fd-board{width:min(96vw,520px,58vh)}
}