body.gate-on { overflow: hidden; }
.gate { position: fixed; inset: 0; z-index: 200; background: #120e0b; display: flex; align-items: flex-end; }
.gate video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #120e0b; }
.gate-foot { position: relative; z-index: 1; width: min(720px, calc(100% - 48px)); margin: 0 auto 36px; }
.gate-row { display: flex; align-items: center; gap: 14px; }
.gate-track { flex: 1; height: 6px; background: rgba(244,239,230,.28); border-radius: 3px; overflow: hidden; }
.gate-fill { height: 100%; width: 0; background: #e39462; }
.gate-pct { margin: 0; min-width: 3.2em; color: #f4efe6; font: 600 1rem/1 "IBM Plex Sans", "Segoe UI", sans-serif; text-align: right; }
.gate.is-done { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s ease; }