/* Zen Garden — edge-device/accessibility polish. Paper/sand identity remains in style.css. */
.game-bar{
  padding-left:max(12px,env(safe-area-inset-left));
  padding-right:max(12px,env(safe-area-inset-right));
  padding-top:max(6px,env(safe-area-inset-top));
}
.screen{
  padding-left:max(18px,env(safe-area-inset-left));
  padding-right:max(18px,env(safe-area-inset-right));
  padding-bottom:max(18px,env(safe-area-inset-bottom));
}
.hud{
  padding-left:max(12px,env(safe-area-inset-left));
  padding-right:max(12px,env(safe-area-inset-right));
}
#zen-controls{
  padding-left:max(14px,env(safe-area-inset-left));
  padding-right:max(14px,env(safe-area-inset-right));
}
.icon-btn,.hud-btn,.menu-actions button,.ctrl-btn{min-width:44px;min-height:44px}
.back-link:focus-visible,.icon-btn:focus-visible,.hud-btn:focus-visible,.menu-actions button:focus-visible,.ctrl-btn:focus-visible{
  outline:3px solid #7b6d35;
  outline-offset:3px;
}
#screen-how .panel,#screen-leaderboard .panel,#screen-pause .panel,#screen-complete .panel,#screen-gameover .panel{
  max-height:calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  overflow:auto;
  overscroll-behavior:contain;
}

@media(max-width:430px){
  .game-bar{gap:.4rem}
  .game-bar-title{font-size:.72rem;letter-spacing:.05em}
  .hud-top{gap:5px}
  #screen-complete .over-panel,#screen-gameover .over-panel{padding-left:18px;padding-right:18px}
}

@media(max-height:560px) and (orientation:landscape){
  #screen-menu .panel{max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
  #screen-how .panel,#screen-leaderboard .panel,#screen-pause .panel,#screen-complete .panel,#screen-gameover .panel{
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
  #zen-controls{bottom:max(6px,env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  .screen *, .hud *, #zen-controls *{scroll-behavior:auto!important}
  .toast,.stars{animation:none!important;transition:none!important}
}
