html,body{margin:0;background:#eee;color:#213644;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}#app{position:relative;width:990px;max-width:100%;margin:0 auto}#surface{display:block;max-width:100%;height:auto}#access{padding:90px 24px 24px;max-width:400px;margin:auto}#access[hidden],#entry-actions[hidden],#world-container[hidden]{display:none}#access h1{font-size:30px;margin:0 0 16px}#access p{line-height:1.5}#access form{display:grid;gap:14px}#access label{display:grid;gap:5px}#access input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #7a929f;border-radius:4px;background:#fff;color:#172b38}#access button{padding:10px 14px;border:1px solid #638291;border-radius:4px;background:#f8fcfe;color:#18384c}#access .buttons{display:flex;gap:8px;flex-wrap:wrap}#access [role=alert]{min-height:1.5em;color:#a32125;margin:0}#entry-actions{padding:12px;display:flex;justify-content:flex-end}#entry-signout{padding:6px 14px;border:1px solid #638291;border-radius:4px;background:#fff;color:#18384c}#access.overlay{position:absolute;top:70px;left:calc(50% - 200px);width:352px;padding:24px;margin:0;background:#f7fbfc;border:1px solid #78909b;border-radius:8px;box-shadow:0 6px 30px #0003}#access.overlay h1{font-size:22px}@media(max-width:440px){#access.overlay{left:16px;right:16px;width:auto}}