/* kit motion.css — 動き(規格書 §3.8)。すべて html:not(.reduce) の中だけ。
   「動きを減らす」がオン(OS の設定が初期値)なら、光る・脈打つ・揺れる動きはここで一括して止まる。 */

@keyframes kit-nudge-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(240, 192, 64, .9); } 50% { box-shadow: 0 0 0 9px rgba(240, 192, 64, 0), 0 0 18px 6px rgba(214, 73, 46, .55); } }
@keyframes kit-nudge-shine { 0% { background-position: 250% 0; } 100% { background-position: -250% 0; } }
@keyframes kit-attn-navy { 0%, 100% { box-shadow: 0 0 0 0 rgba(58, 90, 140, .5); } 50% { box-shadow: 0 0 0 6px rgba(58, 90, 140, 0); } }
@keyframes kit-attn-green { 0%, 100% { box-shadow: 0 0 0 0 rgba(79, 122, 58, .5); } 50% { box-shadow: 0 0 0 6px rgba(79, 122, 58, 0); } }
@keyframes kit-stamp-in { 0% { transform: rotate(-9deg) scale(1.9); opacity: 0; } 55% { transform: rotate(-9deg) scale(.82); opacity: 1; } 100% { transform: rotate(-9deg) scale(1); opacity: .92; } }
@keyframes kit-res-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes kit-pop-rise { 0% { opacity: 0; transform: translateY(10px); } 15% { opacity: 1; } 100% { opacity: 0; transform: translateY(-46px); } }
@keyframes kit-toast-in { from { opacity: 0; transform: translate(-50%, 8px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes kit-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes kit-sheet-up { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* 最初の 1 回だけ主ボタンに付ける「ここを押す」の光(赤+金) */
:where(html:not(.reduce) .nudge) {
  background: linear-gradient(110deg, #a5281c 0%, #d6492e 35%, #a5281c 55%, #8a1f16 100%); background-size: 250% 100%;
  border-color: var(--gold); color: #fff6dc; animation: kit-nudge-shine 2.4s linear infinite, kit-nudge-glow 1.6s ease-in-out infinite;
}
:where(html.reduce .nudge) { background: var(--red); border-color: var(--gold); color: var(--on-red); box-shadow: 0 0 0 3px var(--gold); }

:where(html:not(.reduce) #ukArea.ask) { animation: kit-attn-navy 1.6s ease-in-out 3; }
:where(html:not(.reduce) #chances.attn) { animation: kit-attn-green 1.6s ease-in-out 3; }
:where(html:not(.reduce) .stamp.in) { animation: kit-stamp-in .45s ease-out both; }
:where(html:not(.reduce) .uk .resline.in) { animation: kit-res-in var(--t-slow) ease .35s both; }
:where(html:not(.reduce) .pop) { animation: kit-pop-rise 1.8s ease-out forwards; }
:where(html:not(.reduce) #toast.show) { animation: kit-toast-in var(--t-base) ease-out; }
:where(html:not(.reduce) .shade) { animation: kit-fade-in var(--t-base) ease-out; }
:where(html:not(.reduce) .shade.sheetwrap .sheet) { animation: kit-sheet-up var(--t-base) ease-out; }