#stage{min-height:260px}
.mx-shell{
  max-width:360px;margin:0 auto;text-align:center;padding:.5rem .35rem 1rem;
  background:linear-gradient(165deg,hsl(200 30% 96%),hsl(185 28% 88%));
  border:2px solid hsl(190 35% 50%);
}
.mx-label{margin:0 0 .45rem;font-weight:800;font-size:.9rem;color:hsl(200 30% 30%)}
.mx-board{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
  width:min(100%,220px);margin:0 auto .65rem;
}
.mx-board .cell{
  aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  font-size:1.35rem;font-weight:900;color:#fff;
  background:hsl(195 40% 42%);border-radius:8px;
}
.mx-board .cell.blank{background:hsl(42 90% 55%);color:#1a1200}
.row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.opt{min-width:3.4rem;min-height:2.3rem;font-weight:800}
.big{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.3rem);text-align:center;line-height:1.2}