.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:400px;width:100%}.auth-content .game-title{text-align:center;margin-bottom:2rem}.auth-content .game-title.small{transform:scale(.8);margin-bottom:1rem}.auth-content .game-title .title-icon{font-size:3rem;display:block;margin-bottom:.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-content .game-title h1{font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0;line-height:1}.auth-content .game-title h2{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:400;color:#87ceeb;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:.25rem 0 0}.auth-form{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;width:100%;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.auth-form h3{font-family:Oswald,sans-serif;font-size:1.5rem;color:#fff;text-align:center;margin:0 0 1.5rem}.auth-form .confirm-info{text-align:center;color:#ffffffb3;font-size:.9rem;margin-bottom:1.5rem}.auth-form .confirm-info strong{color:#87ceeb}.auth-error{background:#dc354533;border:1px solid rgba(220,53,69,.5);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:#ff6b6b;font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.error-dismiss{background:none;border:none;color:#ff6b6b;font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#fffc;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d933}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input.code-input{font-family:Orbitron,monospace;font-size:1.5rem;text-align:center;letter-spacing:.5rem;padding:1rem}.auth-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:.75rem;font-family:inherit}.auth-button.primary{background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;box-shadow:0 4px 12px #4a90d94d}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4a90d966}.auth-button.secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.auth-button.secondary:hover:not(:disabled){background:#ffffff26}.auth-button.guest{background:transparent;color:#ffffff80;border:1px dashed rgba(255,255,255,.3);margin-top:1rem}.auth-button.guest:hover:not(:disabled){background:#ffffff0d;color:#ffffffb3;border-color:#fff6}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;color:#fff9;font-size:.9rem;margin:0}.auth-switch button{background:none;border:none;color:#4a90d9;cursor:pointer;font-size:inherit;font-family:inherit;text-decoration:underline;padding:0}.auth-switch button:hover:not(:disabled){color:#6ba8e8}.auth-switch button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#fff3}.auth-divider span{padding:0 1rem;color:#fff6;font-size:.85rem;text-transform:uppercase}.auth-button.family-login{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 4px 12px #9b59b64d}.auth-button.family-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #9b59b666}.input-hint{display:block;color:#fff6;font-size:.75rem;margin-top:.25rem}@media(max-width:480px){.auth-content{padding:1rem}.auth-form{padding:1.5rem}.auth-content .game-title h1{font-size:2rem}.auth-content .game-title h2{font-size:1.2rem}}