/* =========================================================
   リリース半年記念 (0.5th Anniversary) 紙吹雪レイヤー
   body.anniv-half 配下でのみ有効化
   ヘッダー系スタイルは simple-header.blade.php に記述
   ========================================================= */

/* ---------- 全面紙吹雪レイヤー ---------- */
body.anniv-half .confetti-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
}
body.anniv-half .confetti-layer i {
  position: absolute;
  top: -20px;
  display: block;
  will-change: transform, opacity;
  animation: confettiFall linear infinite;
}
body.anniv-half .confetti-layer i.sq { width: 7px; height: 10px; border-radius: 1px; }
body.anniv-half .confetti-layer i.cr { width: 7px; height: 7px; border-radius: 50%; }
body.anniv-half .confetti-layer i.rb { width: 7px; height: 11px; border-radius: 2px; }
body.anniv-half .confetti-layer i.tr {
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
@keyframes confettiFall {
  0%   { transform: translate3d(0, -30px, 0) rotate(0deg); opacity: 0; }
  8%   { opacity: 0.95; }
  100% { transform: translate3d(var(--sx, 0), 110vh, 0) rotate(720deg); opacity: 0.85; }
}

/* ---------- アクセシビリティ ---------- */
@media (prefers-reduced-motion: reduce) {
  body.anniv-half .confetti-layer { display: none; }
}