.arrival-content{min-height:100dvh}.arrival-intro{z-index:1000;background:var(--app);place-items:center;animation:1.35s both arrival-exit;display:grid;position:fixed;inset:0}.arrival-logo{aspect-ratio:10/9;width:min(228px,58vw);position:relative}.arrival-logo img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.arrival-logo-roof{clip-path:inset(0 0 70%);animation:.44s ease-out both arrival-roof}.arrival-logo-rings{clip-path:inset(27% 0);animation:.38s ease-out .27s both arrival-appear}.arrival-logo-name{clip-path:inset(72% 0 0);animation:.36s ease-out .59s both arrival-appear}.arrival-logo-still{opacity:0;animation:1ms .95s both arrival-complete}.arrival-skip{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);min-width:72px;min-height:40px;color:var(--body);border-radius:10px;padding:8px 14px;font-weight:700;position:absolute}.arrival-skip:hover{border-color:var(--teal);color:var(--teal-d)}@keyframes arrival-roof{0%{clip-path:inset(0 100% 70% 0)}to{clip-path:inset(0 0 70%)}}@keyframes arrival-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes arrival-complete{to{opacity:1}}@keyframes arrival-exit{0%,78%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.arrival-intro{animation:none}.arrival-logo-roof,.arrival-logo-rings,.arrival-logo-name{opacity:0}.arrival-logo-still{opacity:1}}