.world-curtain { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; background: #171820; color: #f3f0e7; transform: translateY(-101%); pointer-events: none; border-block: 1px solid #aeb4ff; }
.world-curtain::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#b9bdff0b 12.5%); }
.world-curtain-mark { font: clamp(4rem,12vw,9rem)/1 'JetBrains Mono',monospace; color: #aeb4ff; }
.world-curtain p { margin: 0; font: 1rem/1.5 'JetBrains Mono',monospace; color: #f3f0e7; }
html[data-world-arrival] .world-curtain { transform: translateY(0); }
html[data-world-leaving] .world-curtain { pointer-events: auto; }
@media(prefers-reduced-motion:reduce) { .world-curtain { display: none; } }
html[data-motion=paused] .world-curtain { display: none; }
@view-transition { navigation: auto; }
html[data-world-arrival]::view-transition-group(root),html[data-world-arrival]::view-transition-old(root),html[data-world-arrival]::view-transition-new(root),html[data-world-leaving]::view-transition-group(root),html[data-world-leaving]::view-transition-old(root),html[data-world-leaving]::view-transition-new(root) { animation: none!important; mix-blend-mode: normal; }