/* Keep the temple toolbar clear of the title, with full-size touch targets. */
.halloween-body .hades-gate{padding-top:72px}
.hades-gate .temple-toolbar{height:44px;min-height:44px;gap:6px}
.temple-toolbar .world-return{min-height:44px;padding:8px;font-size:12px;flex-shrink:0}
.temple-toolbar .temple-account{width:44px;height:44px;flex-shrink:0}
.temple-toolbar .halloween-notifications summary{width:44px;min-height:44px;height:44px;padding:8px}

@media(max-width:900px){
  /* Match the grid row to the visible portrait instead of leaving 100px empty. */
  .halloween-body .halloween-game-card{grid-template-rows:145px auto}
  .halloween-body .halloween-game-list{grid-auto-rows:auto}
}

/* Keyboard users can see which fruit intersection will rotate next. */
.fruit-turn:focus-visible,.fruit-cell:focus-visible{outline:3px solid #315b56;outline-offset:3px;z-index:5}