:root{color:#173a70;background:#d8edff;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#d8edff;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100dvh}#app{touch-action:none;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}canvas{border-radius:22px;max-width:100%;max-height:100dvh;display:block;box-shadow:0 20px 55px #163e7347}.login-form{flex-direction:column;gap:9px;width:276px;display:flex}.login-form label{letter-spacing:1px;color:#426487;text-align:left;font:700 10px Arial,sans-serif}.login-form input{color:#173a70;background:#f9fcff;border:2px solid #cbddeb;border-radius:11px;outline:none;height:48px;padding:0 14px;font:700 16px Arial,sans-serif}.login-form input:focus{border-color:#2769be;box-shadow:0 0 0 3px #2769be24}.login-form button{color:#fff;cursor:pointer;letter-spacing:.5px;background:#e94043;border:0;border-radius:11px;height:50px;margin-top:9px;font:800 13px Arial,sans-serif;box-shadow:0 4px #b52e35}.login-form button:active{transform:translateY(3px);box-shadow:0 1px #b52e35}.auth-tabs{background:#edf4fa;border-radius:10px;gap:4px;margin-bottom:3px;padding:4px;display:flex}.login-form .tab{height:31px;box-shadow:none;color:#68819d;background:0 0;border-radius:7px;flex:1;margin:0;font-size:10px}.login-form .tab.active{color:#2769be;background:#fff;box-shadow:0 1px 4px #1e466e29}.field{flex-direction:column;gap:5px;display:flex}.field.hidden{display:none}.login-form button:disabled{cursor:wait;opacity:.72}#auth-message{color:#58718f;text-align:center;min-height:17px;margin:-1px 0 0;font:11px Arial,sans-serif}#auth-message.error{color:#be3138}.login-art-form{gap:7px;width:286px;min-height:330px;padding-top:3px}.login-art-form .auth-tabs{background:0 0;border-radius:13px;gap:0;height:42px;margin:0 0 3px;padding:0;overflow:hidden}.login-art-form .tab{color:#61462d;text-shadow:0 1px #fff;border:2px solid #c99419;border-radius:11px;height:42px;font:900 12px Arial,sans-serif}.login-art-form .tab.active{color:#fff;text-shadow:0 2px 2px #092e6c;background:linear-gradient(#3d9aff,#1264c5);box-shadow:inset 0 -4px #093d93,0 1px 4px #072b6459}.login-art-form label{color:#133e71;letter-spacing:.6px;padding-left:5px;font:900 10px Arial,sans-serif}.login-art-form input{background:#ffffffe8;border:2px solid #aeb7c4;border-radius:10px;height:40px;padding:0 13px;font-size:14px;box-shadow:inset 0 1px 3px #0c26461f}.login-art-form .field{gap:3px;transform:translate(-20px)}.login-art-form .login-submit{width:50%;height:60px;box-shadow:none;color:#0000;text-shadow:none;background:url(/img/botao-criar-conta.png) 50%/100% 100% no-repeat;border:0;border-radius:13px;align-self:center;margin-top:6px}.login-art-form .login-submit.is-login{background-image:url(/img/botao-login.png)}.login-art-form .login-submit:active{box-shadow:none;transform:scale(.98)}.login-art-form #auth-message{text-shadow:0 1px #fff;min-height:15px;margin:0;padding:0 10px;font-size:10px;font-weight:700}@media (width<=600px),(height<=850px){.login-art-form{width:min(74vw,286px);min-height:330px}.login-art-form input{height:40px;font-size:14px}.login-art-form .login-submit{height:53px}}.game-text-form{flex-direction:column;gap:12px;width:270px;display:flex}.game-text-form input{color:#173a70;background:#f8fbff;border:2px solid #b8cce0;border-radius:10px;outline:none;width:100%;height:46px;padding:0 12px;font:700 15px Arial,sans-serif}.game-text-form input:focus{border-color:#2769be;box-shadow:0 0 0 3px #2769be26}.game-text-form button{color:#fff;background:#2769be;border:0;border-radius:9px;height:43px;font:800 12px Arial,sans-serif;box-shadow:0 3px #173a70}.chat-form{gap:6px;width:300px;display:flex}.chat-form input{color:#173a70;border:2px solid #b8cce0;border-radius:9px;outline:none;flex:1;height:42px;padding:0 10px;font:13px Arial,sans-serif}.chat-form button{color:#fff;background:#2769be;border:0;border-radius:9px;flex:0 0 74px;width:74px;font:800 10px Arial,sans-serif}.chat-history{overscroll-behavior:contain;color:#466583;text-align:left;scrollbar-width:thin;width:198px;height:470px;padding:5px 8px 9px;font:11px/1.35 Arial,sans-serif;overflow-y:auto}.chat-history p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 10px}.chat-message{overflow-wrap:anywhere;margin:0 0 11px;display:block}.chat-message b{color:#234675;font-size:10px;line-height:1.25;display:block}.chat-message time{color:#68819d;font-weight:700}.chat-message span{white-space:pre-wrap;color:#466583;margin-top:2px;display:block}@media (width<=600px),(height<=850px){html,body,#app{width:100vw;min-width:0;height:100dvh}#app{justify-content:stretch;align-items:stretch}canvas{max-width:none;max-height:none;box-shadow:none;touch-action:none;border-radius:0;width:100vw!important;height:100dvh!important}.login-form{gap:7px;width:min(76vw,292px)}.login-form input{height:42px;font-size:15px}.login-form button{height:45px;margin-top:5px;font-size:11px}.login-form label{font-size:9px}}