body.title-screen-open{overflow:hidden}
body.title-screen-open>:not(#titleScreen){visibility:hidden}
.title-screen{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#78d4ff;opacity:1;transition:opacity .45s ease,visibility .45s ease}
.title-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.title-screen__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1;background:#78d4ff}
.title-hotspot{position:absolute;z-index:2;border:0;background:transparent;cursor:pointer;border-radius:999px;opacity:1;transition:opacity .25s ease,transform .15s ease,box-shadow .2s ease}
.title-screen.is-intro-playing .title-hotspot{opacity:0;pointer-events:none}
.title-hotspot:focus-visible{outline:6px solid rgba(255,255,255,.95);outline-offset:4px;box-shadow:0 0 0 10px rgba(123,77,255,.65)}
.title-hotspot:active{transform:scale(.98)}
.title-hotspot--play{left:37.1%;top:56.8%;width:25.2%;height:12.1%}
.title-hotspot--continue{left:36.6%;top:70.3%;width:26.1%;height:11.8%}
.title-hotspot--sound{left:36.8%;top:83.2%;width:25.7%;height:11.7%}
.title-hotspot--sound[aria-pressed="true"]{box-shadow:0 0 34px 12px rgba(255,255,255,.48)}
@media(max-aspect-ratio:16/10){.title-screen__video{object-fit:contain;background:#78d4ff}}
@media(prefers-reduced-motion:reduce){.title-screen{transition:none}.title-screen.is-intro-playing .title-hotspot{opacity:1;pointer-events:auto}}