@font-face{font-family:RetroIntro;src:url(assets/vt323-400.woff2);font-display:swap}
.retro-launcher{position:fixed;right:24px;bottom:24px;z-index:70;color:#0b3948;font-family:DM,sans-serif}.retro-bubble{display:flex;align-items:center;gap:9px;background:#f5b3a9;border:2px solid #0b3948;border-radius:18px 18px 5px 18px;box-shadow:4px 4px 0 #0b3948;padding:10px 16px;font:500 14px DM,sans-serif;cursor:pointer;color:#0b3948;text-decoration:none}.retro-bubble svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.5}.retro-bubble:focus-visible{outline:3px solid #0b3948;outline-offset:4px}
.retro-intro-open{overflow:hidden}
.retro-intro{position:fixed;inset:0;padding:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#000;color:#fffef9;box-shadow:none;overflow:hidden}
.retro-intro[open]{animation:retro-black-in .6s ease-out both}
.retro-intro::backdrop{background:transparent}
#retro-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease;pointer-events:none;image-rendering:pixelated}
.retro-intro.is-playing #retro-film{opacity:.3}
.retro-intro.is-finale #retro-film{opacity:0;transition-duration:1.1s}
.retro-intro-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;color:#fffef9}
.retro-pixel-mark{width:clamp(100px,12vw,156px);height:auto;image-rendering:pixelated;filter:brightness(0) invert(1)}
.retro-intro.is-finale .retro-pixel-mark{animation:retro-symbol-coral 2.5s ease forwards}
@keyframes retro-symbol-coral{0%,20%{filter:brightness(0) invert(1)}100%{filter:brightness(1) invert(0)}}
.retro-intro-name{font:400 clamp(48px,7vw,84px)/1 RetroIntro,monospace;letter-spacing:.04em;opacity:0;transform:translateY(12px)}
.retro-intro.is-finale .retro-intro-mark{animation:retro-brand-finish 4.2s ease both}
.retro-intro.is-finale .retro-intro-name{animation:retro-name-finish 4.2s cubic-bezier(.22,.61,.36,1) both}
@keyframes retro-brand-finish{0%{opacity:0;color:#fffef9;transform:scale(.95)}25%{opacity:1}60%{color:#eb5e55;transform:scale(1)}80%{opacity:1;color:#eb5e55}100%{opacity:0;color:#eb5e55;transform:scale(1)}}
@keyframes retro-name-finish{0%,12%{opacity:0;transform:translateY(12px)}42%,67%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-6px)}}
@keyframes retro-black-in{from{opacity:0}to{opacity:1}}
#retro-intro-skip{position:absolute;right:max(6vw,24px);bottom:max(8vh,28px);display:flex;gap:14px;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:2px;border:1px solid #fffef95c;background:#000c;color:#fffef9;text-decoration:none;font:500 14px DM,sans-serif}
#retro-intro-skip:focus-visible{outline:3px solid #fffef9;outline-offset:4px}
.arrival-bottom>a{margin-right:145px}
@media(max-width:600px){.retro-launcher{right:16px;bottom:16px}.arrival-bottom>a{margin-right:115px}#retro-intro-skip{right:20px;bottom:28px}}