body { background: #030712; }
.stage { width:min(440px,100%); margin:0 auto; padding:32px 12px 80px; display:flex; flex-direction:column; align-items:center; gap:18px; }
.hex {
  width:88px; height:76px; clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  display:grid; place-items:center; font-size:24px; position:relative;
  background:linear-gradient(160deg,#1e3a8a,#0f172a); border:none;
  box-shadow:0 0 24px rgba(96,165,250,.28);
}
.hex span { position:absolute; bottom:-18px; font-size:10px; color:#94a3b8; }
.hex.root { width:104px; height:90px; font-size:32px; box-shadow:0 0 32px rgba(250,204,21,.3); }
.hex.sm { width:64px; height:56px; font-size:18px; }
.row { display:flex; gap:16px; justify-content:center; }
.row.offset { transform:translateY(-4px); }