/* 広告ブロックを検知したときの猫の止める画面(site-notice.js)。タイピングバトル・ステラオーブで共通。仕様: docs/specs/site-ads-imobile.md */
.site-notice-popup {
  position: fixed;
  inset: 0;
  z-index: 2000;   /* ステラオーブのオープニング(50)・各ダイアログ(〜1100)・タイピングの演出(300)より上 */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5, 6, 15, 0.9);
  padding: 20px;
  overflow-y: auto;
}
.site-notice-popup.hidden { display: none !important; }

.site-notice-card {
  background: #14172f;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  padding: 20px;
  max-width: 460px;
  width: 100%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  color: #f0f0f5;
}

.site-notice-image {
  width: 100%;
  border-radius: 12px;
  display: block;
  margin-bottom: 14px;
}

.site-notice-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #f0f0f5;
  margin: 0 0 18px;
}