.opening-screen{position:fixed;inset:0;z-index:10000;background:#020609;color:white;display:grid;place-items:center;overflow:hidden}.opening-forest,.opening-shade{position:absolute;inset:0;pointer-events:none}.opening-forest{background:url('/assets/title-forest.jpeg') center/cover no-repeat;opacity:0;transition:opacity 6s ease}.opening-shade{background:linear-gradient(#01070c55,#01070c11 50%,#01070c88)}.opening-line{position:relative;max-width:850px;padding:0 4vw;text-align:center;font-size:clamp(15px,3.4vw,30px);line-height:2.2;letter-spacing:.06em;white-space:pre-line;text-shadow:0 2px 10px #000}.title-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7vh;opacity:0;pointer-events:none;transition:opacity 2.8s ease 2s}.title-content img{width:min(94vw,1000px);height:auto;filter:drop-shadow(0 2px 2px #c4e8c288) drop-shadow(0 0 20px #d4fff233)}.title-enter{background:transparent;border:0;color:#fff;letter-spacing:.25em;font-size:20px;text-shadow:0 2px 8px #000;padding:20px;cursor:pointer}.title-enter span{display:block;font-size:12px;letter-spacing:.12em;margin-top:12px}.background-revealed .opening-forest{opacity:1}.title-ready .title-content{opacity:1;pointer-events:auto}.opening-skip{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));right:24px;color:#c8d2d4;background:transparent;border:1px solid #aabcc944;padding:10px 20px}.title-ready .opening-line{display:none}@media(prefers-reduced-motion:reduce){.opening-forest,.title-content{transition:none}}