@charset "UTF-8";
/* 各作品共通の表示演出。JSが .mo を付けたときだけ有効になり、
   「視差効果を減らす」設定では何も動かしません。 */
:root { --mo-time: .9s; --mo-y: 26px; --mo-ease: cubic-bezier(.2, .8, .2, 1); }
[data-mo="calm"] { --mo-time: 1.25s; --mo-y: 22px; --mo-ease: cubic-bezier(.25, .7, .25, 1); }
[data-mo="crisp"] { --mo-time: .6s; --mo-y: 14px; --mo-ease: cubic-bezier(.3, .9, .3, 1); }
[data-mo="bold"] { --mo-time: .75s; --mo-y: 44px; --mo-ease: cubic-bezier(.2, 1.25, .35, 1); }
@media (prefers-reduced-motion: no-preference) {
  .mo .mo-wait { opacity: 0 !important; }
  .mo .mo-in { animation: mo-rise var(--mo-time) var(--mo-ease) var(--mo-delay, 0s) both; }
  .mo dialog[open] { animation: mo-dialog .4s var(--mo-ease) both; }
  .mo dialog[open]::backdrop { animation: mo-fade .4s ease both; }
}
@keyframes mo-rise { from { opacity: 0; translate: 0 var(--mo-y); } }
@keyframes mo-dialog { from { opacity: 0; translate: 0 18px; } }
@keyframes mo-fade { from { opacity: 0; } }