.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:1000;overflow:auto;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background:var(--glass-bg,rgba(0,0,0,.2));backdrop-filter:blur(10px);border-radius:15px;width:90%;max-width:400px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:var(--text-color,#fff);position:relative}.modal input[type=email],.modal input[type=password],.modal input[type=text]{width:100%;padding:12px 15px;margin-bottom:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-color,#fff);font-size:16px;transition:.3s}.modal input[type=email]:focus,.modal input[type=password]:focus,.modal input[type=text]:focus{outline:0;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15);box-shadow:0 0 15px rgba(79,70,229,.3)}.modal input::placeholder{color:rgba(255,255,255,.5)}.modal-buttons{display:flex;justify-content:space-between;gap:15px}.modal-buttons button{flex:1}.error-message{background:rgba(220,38,38,.2);color:#ef4444;border:1px solid rgba(220,38,38,.4);padding:10px 15px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:14px;opacity:0;height:0;transform:translateY(-20px);transition:opacity .3s,transform .3s,height .3s,margin .3s,padding .3s;overflow:hidden}.error-message.visible{opacity:1;transform:translateY(0);height:auto;margin-bottom:20px;padding:10px 15px}.password-strength-container{margin-bottom:15px;overflow:hidden}.password-strength-meter{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.strength-bar{height:100%;width:0;transition:width .3s,background-color .3s}.password-strength-text{text-align:right;font-size:12px;margin-top:5px;color:rgba(255,255,255,.7)}.strength-weak .strength-bar{width:25%;background-color:#ef4444}.strength-fair .strength-bar{width:50%;background-color:#f59e0b}.strength-good .strength-bar{width:75%;background-color:#10b981}.strength-strong .strength-bar{width:100%;background-color:#3b82f6}.password-requirements{margin-bottom:15px}.requirement{display:flex;align-items:center;margin-bottom:8px;font-size:14px;color:rgba(255,255,255,.7);transition:color .3s}.requirement-icon{display:inline-block;width:20px;text-align:center;margin-right:8px;font-size:14px;transition:.3s}.requirement.met{color:#10b981}.user-info{display:flex;align-items:center;gap:12px;padding:5px 12px;background:var(--glass-bg,rgba(0,0,0,.2));backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.2);position:fixed;top:20px;right:20px;z-index:900}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:16px}.user-name{font-size:14px;font-weight:500;color:var(--text-color,#fff);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nickname-suggestions{margin-top:10px;padding:8px 0}.nickname-taken-message{font-size:15px;margin-bottom:10px;color:#ff5252;font-weight:700}.suggestions-header{font-size:14px;margin-bottom:12px;color:#ff9800}.try-another-message{font-size:13px;color:#bbb;margin-top:5px}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.suggestion-btn{font-size:14px!important;padding:8px 14px!important;margin:0!important;background:rgba(74,158,255,.2)!important;border:1px solid rgba(74,158,255,.4)!important}.suggestion-btn:hover{background:rgba(74,158,255,.3)!important;transform:translateY(-2px)}.or-divider{display:flex;align-items:center;margin:15px 0;color:#888;font-size:12px}.or-divider:after,.or-divider:before{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.or-divider:before{margin-right:10px}.or-divider:after{margin-left:10px}#login-error.visible{padding:15px;border-radius:8px;background:rgba(0,0,0,.2);margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}#login-modal .modal-content{padding:25px}#login-modal h2{margin-bottom:20px;text-align:center;font-size:24px;color:#4a9eff}#login-username{font-size:18px;padding:12px 15px;margin-bottom:20px;border-radius:10px;border:2px solid rgba(74,158,255,.3);background:rgba(0,0,0,.2);color:#fff;text-align:center}#login-btn.play-btn{background:linear-gradient(135deg,#14528b,#113658)!important;border:1px solid #007dc5!important;font-weight:700;font-size:20px;padding:12px 30px;width:100%;border-radius:10px;box-shadow:0 4px 15px #1890cd!important;text-shadow:0 1px 2px #2d4cb8!important;cursor:pointer}#login-btn.play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(24,144,205,.7)!important}.modal-buttons{margin-top:10px;display:flex;justify-content:center}.be-nice-message{text-align:center;padding:15px;border-radius:12px;margin:10px 0;box-shadow:0 4px 15px rgba(48,31,197,.3)}.be-nice-title{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:8px}.be-nice-text{font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight:500}.be-nice-message .be-nice-text,.be-nice-message .be-nice-title{filter:drop-shadow(0 1px 3px rgba(0, 0, 0, .4))}.login-existing-btn{font-size:14px!important;padding:8px 16px!important;margin-top:15px;background:0 0!important;border:1px solid #555!important;color:#ccc!important;transition:.2s}.login-existing-btn:hover{border-color:#888!important;color:#fff!important;background:rgba(255,255,255,.05)!important}#email-login-modal .modal-content{max-width:400px;padding:30px}#email-login-modal .form-group{margin-bottom:15px}#email-login-modal input[type=email],#email-login-modal input[type=password]{width:100%;padding:12px;border:1px solid #555;background:rgba(0,0,0,.3);color:#fff;border-radius:5px;font-size:16px}#email-login-modal input[type=email]:focus,#email-login-modal input[type=password]:focus{border-color:#06f;outline:0}#email-login-modal .glass-button.secondary{background:0 0;border:1px solid #555;color:#ccc;margin-left:10px}#email-login-modal .glass-button.secondary:hover{border-color:#888;color:#fff}#login-modal .modal-content{display:flex;flex-direction:column}#login-modal .modal-buttons{display:flex;flex-direction:column;align-items:center}.login-registered-link{display:block;width:100%;text-align:center;margin-top:15px;font-size:14px;line-height:1.4;color:#fdfdfd;text-decoration:none}.login-registered-link:hover{color:#ccc;text-decoration:underline}.email-taken{border-color:#ff6b35!important;box-shadow:0 0 5px rgba(255,107,53,.3)!important}.email-taken:focus{border-color:#ff6b35!important;box-shadow:0 0 8px rgba(255,107,53,.5)!important}button:disabled{opacity:.6;cursor:not-allowed}