.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px max(28px,env(safe-area-inset-left));background:#3a2030;color:#fff8ec;text-align:center;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;-webkit-font-smoothing:antialiased;opacity:0;transition:opacity .6s cubic-bezier(.22,.8,.24,1)}.gate.is-in{opacity:1}.gate-icon{width:64px;color:#a9d39a}.gate-icon svg{display:block;width:100%}.gate h1{margin:22px 0 0;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-weight:800;font-size:34px;line-height:1;letter-spacing:.02em;text-transform:uppercase}.gate p{margin:14px 0 0;max-width:22em;font-size:13px;line-height:1.65;color:#fff8ecb3}