/* The central chest is the home destination. */
.hotbar button.chest { padding: 0; border: 0; background-color: transparent; }
.hotbar .chest[aria-current="page"] { filter: drop-shadow(0 0 10px #ffb44d80); }
body[data-route="home"] .live-panel { display: flex !important; }
body[data-route="home"] .top-panel { border-color: transparent; background: transparent; box-shadow: none; }
body[data-route="home"] #content { margin-top: 14px; }
.home-screen { display: grid; gap: 22px; }
.home-games { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.home-game {
  display: grid; grid-template-rows: minmax(0,1fr) auto; place-items: center; gap: 6px;
  width: 100%; height: 190px; padding: 8px 8px 12px;
  border: 1px solid #eeb37c17; border-radius: 22px;
  background: linear-gradient(135deg, #382319, #2b1a13);
  box-shadow: inset 0 1px #ffdfbc0a;
  color: #fff1e4;
}
.home-game-art { display: block; width: min(100%, 144px); aspect-ratio: 1; }
.home-game-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-game-title { display:block; width:100%; color:#fff1e4; font-size:14px; font-weight:700; line-height:20px; text-align:center; white-space:nowrap; }
.home-cases h2 { margin: 0 0 12px; color: #fff1e4; font-size: 22px; line-height: 28px; }
.home-game:focus-visible { outline: 2px solid #ffce86; outline-offset: 3px; }
.home-game:active { transform: scale(.99); }
@media(max-width:359px) {
  .home-games { gap: 10px; }
  .home-game { height: 174px; }
}