.auth-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0c0bc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal-card{color:#f7f7f5;text-align:center;background:#302e2b;border:1px solid #ffffff12;border-radius:12px;width:min(100%,560px);max-height:calc(100vh - 48px);padding:32px 48px 35px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-y:auto;box-shadow:0 22px 75px #0000008c}.auth-close-btn{color:#aaa9a5;background:0 0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;transition:background .15s,color .15s;display:grid;position:absolute;top:12px;right:13px}.auth-close-btn:hover{color:#fff;background:#ffffff14}.auth-brand{color:#fff;letter-spacing:-1.2px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:29px;font-weight:800;display:flex}.auth-brand img{object-fit:contain;width:31px;height:36px}.auth-title{color:#f8f8f7;letter-spacing:-.55px;min-height:72px;margin:20px 0 0;font-size:34px;font-weight:800;line-height:1.17}.auth-piece-scene{place-items:center;height:225px;margin:0 0 9px;display:grid;position:relative;overflow:hidden}.auth-piece-scene:before{content:"";background:conic-gradient(from 90deg at 50% 50%, #393835 0 25%, #302e2b 0 50%, #393835 0 75%, #302e2b 0);opacity:.83;width:270px;height:115px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)perspective(150px)rotateX(58deg)rotate(45deg)}.auth-scene-piece{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 7px #0006);width:94px;height:110px;margin-top:-1px}.auth-welcome-actions{flex-direction:column;gap:10px;display:flex}.auth-email-continue{color:#fff;background:linear-gradient(#8bc34f,#619a3e);border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:64px;padding:13px 16px;font:800 21px Arial,sans-serif;transition:filter .15s,transform .15s;display:flex;box-shadow:0 3px 5px #17161366}.auth-email-continue:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-email-continue:disabled{cursor:wait;opacity:.7}.auth-divider{color:#aaa9a5;align-items:center;gap:9px;margin:15px 0 12px;font:11px Arial,sans-serif;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#484642;flex:1;height:1px}.auth-divider span{padding:0 1px}.oauth-buttons-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.oauth-btn{color:#f2f1ef;background:linear-gradient(#41403d,#383734);border:1px solid #4a4945;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:57px;padding:10px 14px;font:700 15px Arial,sans-serif;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 4px #17161355}.oauth-btn:hover{background:#4a4945;transform:translateY(-1px)}.provider-logo{flex:0 0 21px;width:21px;height:21px;display:block}.discord-logo{color:#5865f2}.apple-logo{color:#f5f5f7}.auth-mode-switch{color:#aaa9a5;margin:9px 0 0;font:12px Arial,sans-serif}.text-link{color:#a6ce77;font:700 inherit;background:0 0;padding:0}.text-link:hover{color:#c3e69a;text-decoration:underline}.guest-play-btn{color:#aaa9a5;background:0 0;margin-top:2px;padding:5px;font:12px Arial,sans-serif}.guest-play-btn:hover:not(:disabled){color:#fff}.auth-form{flex-direction:column;gap:15px;margin-top:24px;display:flex}.auth-field{text-align:left;flex-direction:column;gap:7px;display:flex}.auth-field label{color:#c8c7c3;font-size:12px;font-weight:700}.auth-field input{color:#fff;background:#252421;border:1px solid #4b4945;border-radius:6px;outline:0;width:100%;min-height:47px;padding:11px 13px;font:14px Arial,sans-serif}.auth-field input::placeholder{color:#777670}.auth-field input:focus{border-color:#81b64c;box-shadow:0 0 0 2px #81b64c33}.auth-form .auth-email-continue{margin-top:3px}.auth-footer-links{color:#aaa9a5;gap:13px;margin-top:18px;font:12px Arial,sans-serif;display:grid}.auth-footer-links p{margin:0}.auth-back-link{color:#c5c4c0;background:0 0;justify-self:center;padding:4px;font:12px Arial,sans-serif}.auth-back-link:hover{color:#fff}.auth-error-banner{color:#ffad98;background:#4d2923;border:1px solid #a55443;border-radius:6px;margin:12px 0 0;padding:10px 12px;font:12px/1.4 Arial,sans-serif}@media (width<=520px){.auth-modal-overlay{align-items:flex-start;padding:12px}.auth-modal-card{width:min(100%,430px);max-height:calc(100vh - 24px);margin:auto;padding:24px 22px 23px}.auth-title{margin-top:15px;font-size:26px}.auth-piece-scene{height:170px}.auth-email-continue{min-height:57px;font-size:18px}.oauth-btn{min-height:50px;font-size:14px}.oauth-buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oauth-buttons-grid .oauth-btn:last-child{grid-column:1/-1}}@media (width<=360px){.oauth-buttons-grid{grid-template-columns:1fr;gap:8px}.oauth-buttons-grid .oauth-btn:last-child{grid-column:auto}}
