.signed-out #app{max-width:1120px;min-height:100dvh;display:grid;align-items:center;padding:40px 24px}.signed-out #header,.signed-out #footer,.signed-out #mobile-nav{display:none}.auth-house{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fffdf7;box-shadow:0 20px 65px #8e79551a}.auth-art{padding:45px 40px 0;background:#f1eddf;position:relative;overflow:hidden}.auth-art h1{font:76px Georgia,serif;margin:24px 0 12px;color:#75634c}.auth-art h1 i{font-size:22px;color:#c68f77;vertical-align:top;display:inline-block;margin-top:12px}.auth-art h1 small{font:16px sans-serif;display:block;margin-top:8px;letter-spacing:8px}.auth-art p{font-size:13px;color:#9e8e77;line-height:1.8}.auth-characters{height:310px;display:flex;justify-content:center;margin:15px -35px -10px}.auth-characters img{height:100%;width:52%;object-fit:contain}.auth-characters img+img{margin-left:-30px}:is(#auth-form,#name-form){padding:65px 42px;align-self:center}:is(#auth-form,#name-form) h2{font-weight:500;font-size:25px;color:#78634e;margin:16px 0}:is(#auth-form,#name-form)>p{font-size:12px;line-height:1.9;color:#a18f79}:is(#auth-form,#name-form) .field{margin-top:20px}:is(#auth-form,#name-form) input{width:100%}:is(#auth-form,#name-form)>button{width:100%;margin:6px 0 16px}.auth-help{font-size:10px;line-height:1.8;color:#aa9b85;display:block}.auth-error{min-height:23px;color:#b96655!important}.network-picker{display:inline-flex;cursor:pointer;margin:12px 0}.network-results article{padding:14px 0;border-top:1px solid var(--line)}.network-results small{display:block;color:#a18f79;font-size:10px;margin-top:5px}.network-results p,#network-progress{font-size:12px;line-height:1.8}.account-actions{display:grid;gap:12px}.account-actions button{justify-content:center}#network-playback video{width:100%;max-height:260px;border-radius:12px}#footer .footer-account{display:flex;gap:16px}
@media(max-width:700px){.signed-out #app{padding:18px 16px}.auth-house{grid-template-columns:1fr;border-radius:20px}.auth-art{padding:24px 24px 0}.auth-art h1{font-size:47px;margin:12px 0}.auth-art h1 small{display:inline;font-size:12px;letter-spacing:4px;margin-left:15px}.auth-art p{font-size:11px}.auth-characters{position:absolute;right:0;top:10px;width:150px;height:160px;margin:0;opacity:.8}.auth-art>p{max-width:165px}.auth-art .eyebrow{font-size:8px}:is(#auth-form,#name-form){padding:30px 25px}:is(#auth-form,#name-form) h2{font-size:22px}}
