:root{--bg:#071326;--panel:#0f1a2bb3;--panel-border:#ffffff14;--red:#ff5252;--red-gradient:linear-gradient(135deg, #ff7b7b, #c71b1b);--yellow:#ffd24d;--yellow-gradient:linear-gradient(135deg, #fff0b0, #d4a300);--light:#e6eef8;--primary:#38b2ac;--primary-hover:#319795;--primary-glow:#38b2ac4d;--text-muted:#8fa0b5;--error:#f56565;--success:#48bb78}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--light);background:radial-gradient(circle,#0d1e36 0%,#050d1a 100%);justify-content:center;align-items:center;margin:0;padding:24px;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;display:flex}.app{width:100%;max-width:900px;margin:0 auto}header{text-align:center;margin-bottom:24px}header h1{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 0%,#a0aec0 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #0000004d;-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:800}.main-layout{justify-content:center;align-items:flex-start;gap:32px;display:flex}@media (width<=820px){.main-layout{flex-direction:column;align-items:center}.app-sidebar{max-width:450px;width:100%!important}}.game{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;align-items:center;padding:24px;display:flex;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.status{text-align:center;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:1.25rem;font-weight:600}.board{background:#050d1a99;border:1px solid #ffffff0a;border-radius:12px;justify-content:center;gap:10px;padding:16px;display:flex}.column{flex-direction:column;align-items:center;gap:8px;display:flex}.drop{color:var(--light);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:20px;transition:all .2s;display:flex}.drop:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);transform:translateY(-2px)}.cell{background:#ffffff08;border-radius:50%;width:48px;height:48px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 4px 6px #0009,0 1px 1px #ffffff0d}.cell.R{background:var(--red-gradient);box-shadow:0 0 15px #ff525266,inset 0 -4px 6px #0006}.cell.Y{background:var(--yellow-gradient);box-shadow:0 0 15px #ffd24d66,inset 0 -4px 6px #0006}.controls{width:100%;margin-top:20px}button{letter-spacing:.02em;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.controls button{color:var(--light);background:#ffffff14;border:1px solid #ffffff1a;width:100%}.controls button:hover{background:#ffffff26;transform:translateY(-1px)}.auth-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;width:100%;padding:28px 24px;display:flex;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.auth-tabs{border-bottom:1px solid #ffffff1a;margin-bottom:24px;display:flex;position:relative}.tab-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:all .3s;position:relative}.tab-btn:hover{color:var(--light)}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 8px var(--primary);position:absolute;bottom:-1px;left:0;right:0}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.form-group input{color:var(--light);background:#050d1a80;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:12px;font-size:.95rem;transition:all .25s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#050d1acc}.submit-btn{background:linear-gradient(135deg, var(--primary) 0%, #2b7a78 100%);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 12px #2b7a784d}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2b7a7880}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.message-alert{text-align:center;border:1px solid #0000;border-radius:8px;margin-top:16px;padding:12px;font-size:.9rem;font-weight:500}.message-alert.error{color:#feb2b2;background:#f565651a;border-color:#f5656533}.message-alert.success{color:#9ae6b4;background:#48bb781a;border-color:#48bb7833}.logged-in{text-align:center;align-items:center;animation:.4s ease-out fadeIn}.avatar-badge{background:linear-gradient(135deg, var(--primary) 0%, #1a4f4e 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 8px 16px #0000004d,0 0 0 4px #38b2ac33}.logged-in h3{margin:0 0 6px;font-size:1.35rem;font-weight:700}.user-email{color:var(--text-muted);margin:0 0 16px;font-size:.9rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:24px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.success{color:#68d391;background:#48bb7826;border:1px solid #48bb784d}.sign-out-btn{color:#fc8181;background:#f565651a;border:1px solid #f5656533;width:100%;padding:10px}.sign-out-btn:hover{color:#fff;background:#f5656533}.animate-slide{animation:.25s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spinner-container{align-items:center;gap:8px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}