html.opening-pending{background:#f9fdff}
html.opening-pending body{visibility:hidden}
.water-opening{position:fixed;inset:0;z-index:1000;overflow:hidden;background:transparent;touch-action:pan-y}
.water-opening-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 52%,#fff 0%,#f6fcff 62%,#edf8fc 100%)}
.opening-logo{position:absolute;margin:0;pointer-events:none;max-width:none}
.opening-logo-mark{clip-path:inset(0 0 30% 0)}
.opening-logo-type{clip-path:inset(70% 0 0 0)}
.opening-caption{position:absolute;margin:0;text-align:center;pointer-events:none}
.opening-impact{position:absolute;left:50%;width:min(1000px,94vw);aspect-ratio:5/1;transform:translate(-50%,-50%);pointer-events:none}
.opening-ring{position:absolute;inset:0;border:1px solid #64d6ed99;border-radius:50%;box-shadow:0 2px 4px #fff,inset 0 2px 4px #fff,0 0 14px #72d8f238}
.opening-flash{position:absolute;left:50%;top:50%;width:180px;height:70px;margin:-35px 0 0 -90px;background:radial-gradient(ellipse,#fff 10%,#96e3f280 35%,transparent 72%)}
.opening-drop{position:absolute;left:50%;width:12px;height:19px;margin-left:-6px;border-radius:55% 55% 58% 58%;background:radial-gradient(ellipse at 32% 28%,#d9faff,#1ac8ec 40%,#008bbc 95%);box-shadow:0 6px 20px #00acd52b;pointer-events:none}
.opening-skip{position:absolute;right:clamp(20px,3vw,48px);bottom:28px;border:1px solid #9abcca55;border-radius:30px;padding:10px 18px;background:#ffffffb8;color:#345469;letter-spacing:.09em;font:500 11px/1.4 'Noto Sans JP',sans-serif;cursor:pointer}
.opening-skip:focus-visible{outline:2px solid #009aca;outline-offset:4px}
@media(max-width:600px){.opening-skip{bottom:22px;font-size:10px}.opening-drop{width:10px;height:16px;margin-left:-5px}}