.game { max-width: 42rem; }
.game .hero { padding-top: 1.25rem; }
.rooms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.45rem, 3vw, 1.5rem); }
.rooms h3 { font-size: 1rem; margin-bottom: .35rem; }
.rooms h3 span { display: block; color: #495b54; font-size: .75rem; font-weight: 400; }
.board { display: grid; grid-template-columns: repeat(5, 1fr); gap: .16rem; }
.tile { display: grid; place-items: center; aspect-ratio: 1; color: #203f36; background: #e6eee3; border-radius: .22rem; font-size: clamp(.69rem, 2.8vw, 1.05rem); font-weight: 750; }
.tile.wall { background: #293f39; }
.tile.goal { outline: 2px solid #267464; outline-offset: -2px; }
.tile.blue { color: white; background: #245785; }
.tile.gold { color: #32240b; background: #efbf61; }
.directions { display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; max-width: 20rem; margin-top: 1rem; }
.directions button { font-size: 1.3rem; padding: .25rem; }
.game .status { font-weight: 650; }