@font-face{font-family:"Source Serif 4";font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-400-normal.woff2) format("woff2")}
*{box-sizing:border-box} html,body{margin:0;height:100%;overscroll-behavior:none}
body{display:flex;align-items:center;justify-content:center;font-family:"Source Serif 4",Georgia,serif;color:#E7D8C3;
  background:radial-gradient(120% 120% at 50% 0%,#2E6F69 0%,#164C48 55%,#0B3432 100%);padding:env(safe-area-inset-top) 1.2rem env(safe-area-inset-bottom)}
body.wait .door{visibility:hidden}
.door{text-align:center;max-width:24rem;width:100%}
.mark{font-weight:700;font-size:2.8rem;letter-spacing:.18em;margin:0;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.en{margin:.2rem 0 0;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:#A7CECB}
.by{margin:1.6rem 0 1.8rem;font-style:italic;color:#D6EBCE}
.msg{background:rgba(231,216,195,.12);border:1px solid rgba(167,206,203,.4);border-radius:10px;padding:.7rem .9rem;font-size:.92rem;line-height:1.45;margin:0 0 1.2rem}
.enter{display:flex;flex-direction:column;gap:.55rem;text-align:left}
.enter label{font-size:.85rem;color:#A7CECB}
.enter input{font:inherit;font-size:1rem;padding:.75rem .85rem;border-radius:10px;border:1px solid rgba(167,206,203,.5);background:rgba(255,255,255,.08);color:#F7F3EC}
.enter input::placeholder{color:rgba(231,216,195,.5)}
.enter button{font:inherit;font-size:1rem;padding:.75rem;border-radius:10px;border:0;background:#E7D8C3;color:#004645;cursor:pointer}