.west-cinema { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.west-cinema video { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; opacity: 0; transition: opacity .7s ease; }
.west-cinema__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,3,2,.68),rgba(5,4,3,.25) 48%,rgba(3,3,2,.7)),linear-gradient(0deg,rgba(7,5,3,.65),transparent 65%); opacity: 0; transition: opacity 1.3s ease; }
.west-cinema-playing .west-cinema video { opacity: 1; }
.west-cinema-playing:not(.west-intro-pending) .west-cinema__shade { opacity: 1; }
.west-cinema-playing .west-gate { display: none; }
.west-intro-pending body::before { opacity: 0; }
.coming-languages, .coming-shell, .coming-footer { transition: opacity 1.2s ease, transform 1.2s ease, visibility 1.2s; }
.west-intro-pending .coming-languages, .west-intro-pending .coming-shell, .west-intro-pending .coming-footer { opacity: 0; visibility: hidden; transform: translateY(12px); pointer-events: none; }
.west-cinema-skip { position: fixed; z-index: 10; right: 24px; bottom: 24px; padding: 10px 16px; border: 1px solid rgba(220,179,91,.35); border-radius: 4px; color: #e5d3ae; background: rgba(8,7,5,.7); font: 12px Georgia,serif; cursor: pointer; }
.west-cinema-skip:focus-visible { outline: 2px solid #d6ac57; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .west-cinema { display: none; } .coming-languages, .coming-shell, .coming-footer { transition: none; } }