/* 子供向けポップデザイン共通部品(Tailwind utilityで表現しにくいものだけ置く) */
.btn-pop {
  display: inline-block;
  background-color: #FFC400;
  color: #0057D8;
  border-radius: 9999px;
  font-weight: 800;
  box-shadow: 0 3px 0 #D9A400;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.btn-pop:hover {
  transform: translateY(1px);
  box-shadow: 0 2px 0 #D9A400;
}
.btn-pop:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* JSのhidden制御をTailwindのdisplay系ユーティリティ（.flex等）より確実に優先させる。
   Tailwind v3のpreflightでは utilities が [hidden] より後勝ちになるため必須
   （PWAインストールボタンや #pwa-ios-modal が対象） */
[hidden] {
  display: none !important;
}