#orientation-lock{text-align:center;color:#ffffffde;z-index:50;-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;visibility:hidden;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;font-family:Helvetica,Arial,sans-serif;transition:opacity .25s ease-out,visibility 0s linear .25s;display:flex;position:fixed;inset:0}#orientation-lock.is-up{opacity:1;visibility:visible;transition:opacity .25s ease-out}#orientation-lock[data-wants=portrait]{--lock-from:-90deg;--lock-to:0deg}#orientation-lock[data-wants=landscape]{--lock-from:0deg;--lock-to:90deg}.orientation-lock__icon{width:clamp(96px,32vmin,180px);height:auto;overflow:visible}.orientation-lock__phone{transform-box:fill-box;transform-origin:50%;animation:3.2s cubic-bezier(.4,0,.2,1) infinite orientation-lock-turn}.orientation-lock__arrow{animation:3.2s ease-in-out infinite orientation-lock-arrow}.orientation-lock__text{opacity:.7;max-width:24em;margin:0;font-size:15px}@keyframes orientation-lock-turn{0%,22%{transform:rotate(var(--lock-from));opacity:1}56%,84%{transform:rotate(var(--lock-to));opacity:1}92%{transform:rotate(var(--lock-to));opacity:0}93%{transform:rotate(var(--lock-from));opacity:0}to{transform:rotate(var(--lock-from));opacity:1}}@keyframes orientation-lock-arrow{0%,12%{opacity:0}26%,62%{opacity:1}84%,to{opacity:0}}@media (prefers-reduced-motion:reduce){#orientation-lock{transition:none!important}.orientation-lock__phone{transform:rotate(var(--lock-to));animation:none!important}.orientation-lock__arrow{animation:none!important}}#fatal-error{text-align:center;color:#ffffffde;z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-family:Helvetica,Arial,sans-serif;display:flex;position:absolute;inset:0}.fatal-error__title{margin:0;font-size:20px;font-weight:700}.fatal-error__detail{opacity:.7;max-width:32em;margin:0;font-size:15px}