Mobile First

We pulled the Umami device breakdown and found that 56% of Cultures of the Belt traffic comes from mobile devices. Then we looked at the game on a phone. The resource bar was running off the right edge of the screen, and the mission banner was 524 pixels wide on a 390-pixel viewport. More than half our players were seeing a broken UI.

---

Resource Bar

The Iron/Carbon/Silicon/Water counters in the top-left had no width constraint. On a phone, you could see Iron, maybe the start of Carbon, and everything else was off-screen. Now the resource bar wraps to a second line when it runs out of room. All four resources are always visible.

Mission Banner

The objective banner at the top of the screen was forced onto a single line with white-space: nowrap. On a phone, it overflowed both edges of the viewport. It now wraps naturally within the screen width.