/* kodpéi « Journée péi » pour les applis : l'entrée et l'île en tirets */
:root{--kpj-ciel-haut:#FFE3C8;--kpj-ciel-bas:#FFF7EC}
.kpj-entree{position:fixed;inset:0;z-index:9999;background:#0B0E0C;display:grid;place-items:center;transition:clip-path .75s cubic-bezier(.7,0,.2,1)}
.kpj-entree.ouvre{clip-path:inset(0 0 100% 0)}
.kpj-entree svg{width:min(44vw,170px);height:auto;overflow:visible}
.kpj-entree .disque{transform:translateY(64px);animation:kpj-leve .9s cubic-bezier(.2,.9,.25,1) .05s forwards}
.kpj-entree .tiret{transform:scaleX(0);transform-box:fill-box;transform-origin:center;animation:kpj-trace .45s cubic-bezier(.3,1,.4,1) forwards}
@keyframes kpj-leve{to{transform:translateY(0)}}
@keyframes kpj-trace{to{transform:scaleX(1)}}
canvas[data-kp-ile]{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
@media (prefers-reduced-motion:reduce){.kpj-entree{display:none}}