/* =========================================================
   build1620 — ログインボーナス：自動受け取り
   - 受け取るボタン・受取済み一覧を廃止、右上に共通デザインの ×（お知らせモーダルと同じ菱形）
   - 受け取った瞬間：本日分に「受取済み」スタンプ、明日の分に NEXT が移る演出
   ========================================================= */
html body #screen-bonus .bonus-page-card{position:relative!important}
html body #screen-bonus .bonus-card-head{padding-right:46px!important}
html body #screen-bonus .bonus-card-close{
  position:absolute!important;top:8px!important;right:8px!important;z-index:6!important;
  width:40px!important;height:40px!important;min-width:0!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#4a3826!important;-webkit-text-fill-color:#4a3826!important;
  font:300 26px/40px 'Noto Serif JP',serif!important;text-align:center!important;isolation:isolate!important;cursor:pointer;
}
html body #screen-bonus .bonus-card-close::before{
  content:""!important;position:absolute!important;inset:6px!important;z-index:-1!important;
  border:1px solid #c4a066!important;background:linear-gradient(135deg,#fffdf7,#efe6d3)!important;
  box-shadow:0 0 0 2px rgba(255,253,246,.9),0 0 0 3px rgba(196,160,102,.45),0 2px 5px rgba(80,55,20,.18)!important;
  transform:rotate(45deg)!important;
}
/* 受け取るボタンが無くなった分、注記を横いっぱいに */
html body #screen-bonus .bonus-card-foot{display:block!important}
html body #screen-bonus .bonus-card-note{width:auto!important;max-width:none!important}
html body #screen-bonus .bonus-card-retry{
  display:block;width:100%;margin-top:8px;height:36px;border-radius:4px;
  font:600 12px/1 "Noto Serif JP",serif;letter-spacing:.06em;color:#8a3a2a;
  background:#fff6f0;border:1px solid rgba(190,90,70,.45);
}
html body #screen-bonus .bonus-card-retry[hidden]{display:none!important}

/* 受け取った瞬間の演出 */
html body #screen-bonus .bonus-mixed-day.is-just-claimed .bonus-day-mark-claimed{
  animation:bonusStampIn .55s cubic-bezier(.2,1.5,.4,1) both;
}
html body #screen-bonus .bonus-mixed-day.is-just-claimed{animation:bonusDayDim .6s ease-out both}
html body #screen-bonus .bonus-mixed-day.is-just-next{animation:bonusNextGlow 1.1s .35s ease-out both}
html body #screen-bonus .bonus-mixed-day.is-just-next .bonus-day-mark-next{animation:bonusNextIn .45s .35s cubic-bezier(.2,1.4,.4,1) both}
@keyframes bonusStampIn{0%{opacity:0;transform:scale(2.2) rotate(-12deg)}60%{opacity:1;transform:scale(.92) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes bonusDayDim{0%{filter:brightness(1.25) saturate(1.2)}100%{filter:none}}
@keyframes bonusNextGlow{0%{box-shadow:0 0 0 0 rgba(233,200,120,0)}40%{box-shadow:0 0 0 4px rgba(233,200,120,.55),0 0 18px rgba(233,200,120,.6)}100%{box-shadow:none}}
@keyframes bonusNextIn{0%{opacity:0;transform:translateY(-8px) scale(.6)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  html body #screen-bonus .bonus-mixed-day.is-just-claimed,
  html body #screen-bonus .bonus-mixed-day.is-just-claimed .bonus-day-mark-claimed,
  html body #screen-bonus .bonus-mixed-day.is-just-next,
  html body #screen-bonus .bonus-mixed-day.is-just-next .bonus-day-mark-next{animation:none}
}