/* 共通ページ遷移：ノイズを含む下から上への幕 */
#kawakyu-page-transition-wave {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#kawakyu-page-transition-wave.is-active {
    display: block;
}

/* 次ページのDOM準備中に一瞬コンテンツが見えないよう、先に幕色を敷く。 */
html.kpt-incoming::before {
    content: '';
    position: fixed;
    z-index: 2147482999;
    inset: 0;
    background: #17110c;
}

html.kpt-incoming.kpt-ready::before {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    #kawakyu-page-transition-wave,
    html.kpt-incoming::before {
        display: none;
    }
}