.auth{touch-action:pan-y;z-index:40;background:#070a14;transition:opacity .38s;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.auth.out{opacity:0}.auth-art{filter:saturate(1.1)brightness(.8);background:url(../art/keyart.png) 50% 30%/cover no-repeat;animation:14s ease-out forwards kenburns;position:fixed;top:0;bottom:0;left:0;right:0}.auth-art:after{content:"";background:linear-gradient(#070a1459,#070a1426 30%,#070a14e6 70%);position:absolute;top:0;bottom:0;left:0;right:0}.auth-logo{margin:calc(var(--safe-t) + 9vh) auto 0;text-align:center;line-height:.95;position:relative;transform:rotate(-4deg)}.auth-logo b{color:#ffd84a;-webkit-text-stroke:3px #5a2a00;text-shadow:0 6px #a5541a,0 12px 26px #0009;font-size:68px;font-weight:400;display:block}.auth-logo span{color:#fff;-webkit-text-stroke:2px #2a1a40;text-shadow:0 4px #3a2a6a,0 8px 20px #0009;margin-top:6px;font-size:36px;display:inline-block}.auth-card{width:min(92vw,400px);margin:6vh auto calc(var(--safe-b) + 24px);-webkit-backdrop-filter:blur(10px);color:#fff;background:linear-gradient(#1e243adb,#101422eb);border:1px solid #ffd84a59;border-radius:24px;flex-direction:column;gap:12px;padding:18px 18px 16px;display:flex;position:relative;box-shadow:0 0 0 4px #00000040,0 20px 50px #0009,inset 0 1px #ffffff1f}.auth-card.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.auth-tabs{background:#00000059;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{color:#fff9;background:0 0;border-radius:11px;padding:10px;font-size:16px}.auth-tabs button.on{color:#3a2400;background:linear-gradient(#ffe27a,#f0a828);box-shadow:0 3px #a86a10}.auth-card label{color:#ffe9a8;flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-card input{font-family:var(--font);color:#fff;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#0006;border:2px solid #ffffff1f;border-radius:14px;outline:none;padding:13px 14px;font-size:17px}.auth-card input:focus{border-color:#ffd24a;box-shadow:0 0 0 4px #ffd24a2e}.auth-card input::placeholder{color:#ffffff59}.auth-msg{color:#ff9a8a;text-align:center;min-height:18px;font-size:14px}.auth-go{color:#3a2400;background:linear-gradient(#ffe27a,#f0a020);border-radius:18px;padding:15px;font-size:21px;box-shadow:0 6px #a86a10,0 12px 24px #f0a02059}.auth-go:active{transform:translateY(4px);box-shadow:0 2px #a86a10}.auth-go:disabled{filter:grayscale(.5)}.auth-foot{text-align:center;color:#ffffffb3;font-size:14px}.auth-foot a{color:#ffd24a;cursor:pointer;text-decoration:underline}.auth-or{color:#ffffff80;align-items:center;gap:10px;margin:2px 0 10px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:#ffffff2e;flex:1;height:1px}.auth-google{width:100%;font-family:var(--font);color:#1f1f1f;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:17px;display:flex;box-shadow:0 4px #00000040}.auth-google:active{transform:translateY(3px);box-shadow:0 1px #00000040}.auth-google:disabled{opacity:.6}.auth-google .g-ic{width:22px;height:22px}.auth-gis{justify-content:center;min-height:0;display:flex}.auth-gis:empty{display:none}.auth-h{color:#ffd84a;text-align:center;font-size:22px;font-weight:400}.auth-sub{color:#ffffffb3;text-align:center;margin-top:-6px;font-size:13px}.auth-legal{margin:-12px auto calc(var(--safe-b) + 18px);color:#ffffff73;justify-content:center;gap:8px;font-size:12px;display:flex;position:relative}.auth-legal a{color:#ffffffb3;text-decoration:underline}.auth-mascot{filter:drop-shadow(0 14px 18px #000000a6);pointer-events:none;-webkit-user-select:none;user-select:none;height:min(26vh,240px);margin:1.5vh auto -3vh;animation:.7s cubic-bezier(.2,.9,.3,1.2) both mascotIn;display:block;position:relative}@keyframes mascotIn{0%{opacity:0;transform:translateY(24px)scale(.92)}}@media (max-height:640px){.auth-mascot{height:18vh;margin-bottom:-2vh}}