/* Вход использует ту же типографику и элементы, что квест «Свидетель». */
html{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;color-scheme:normal;background:var(--canvas)}
body{height:auto;min-height:100svh;overflow:visible;position:relative}
.bg{position:fixed;inset:0;height:100lvh;min-height:100%;background:var(--canvas)}
.bg-layer{background-image:url('/beta-test/login/welcome.webp');background-position:50% 50%}
.bg::after{display:none}
.gate-ep{position:relative;z-index:3;display:flex;align-items:flex-end;min-height:100svh;padding:var(--s6) max(var(--s3),env(safe-area-inset-right)) max(var(--s5),calc(env(safe-area-inset-bottom) + var(--s4))) max(var(--s3),env(safe-area-inset-left))}
.gate-box{width:100%;max-width:calc(var(--base) * 22)}
.gate-title{margin:0;font:700 var(--h1)/.95 Amatic,sans-serif;text-shadow:0 3px 30px #000a}
.lead{margin:var(--s2) 0 0;color:var(--muted);text-shadow:0 2px 12px #000}
.mail{grid-template-columns:1fr}
.mail input,.mail .caption{font-family:Georgia,'PT Serif','Times New Roman',serif}
.mail .choice{opacity:1;translate:none;animation:none}
.mail .choice:disabled{opacity:.55;cursor:wait}
.err:empty{display:none}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px){.gate-ep{align-items:center;padding-left:var(--s6)}}
@media(prefers-reduced-motion:reduce){.bg-layer.on{animation:none;transition:none}}
/* «свидетели» ведёт на квест, где получают номер свидетеля */
.witness-link{color:var(--gold);text-decoration:underline;text-decoration-color:#ffcf7a66;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.witness-link:hover,.witness-link:focus-visible{color:#ffeac4;text-decoration-color:currentColor}
/* вход в два шага: почта, затем номер свидетеля из письма */
.step[hidden]{display:none}
.lead b{color:var(--ink);font-weight:400;overflow-wrap:anywhere}
.links{display:flex;flex-wrap:wrap;gap:6px 22px}
.send-number{padding:4px 0;border:0;background:none;color:var(--gold);font:16px/1.4 Georgia,'PT Serif','Times New Roman',serif;text-decoration:underline;text-decoration-color:#ffcf7a66;text-underline-offset:3px;cursor:pointer;transition:color .2s,text-decoration-color .2s}
.send-number:hover,.send-number:focus-visible{color:#ffeac4;text-decoration-color:currentColor}
.send-number:disabled{color:var(--muted);text-decoration:none;cursor:default}
.gate-box>.err{margin-top:12px;max-width:380px}
.err button{padding:0;border:0;background:none;color:var(--gold);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}