@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{--bg-color:#0f172a;--text-light:#f8fafc;--text-dark:#0f172a;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #0000005e;--c1:#ef4444;--c2:#f97316;--c3:#f59e0b;--c4:#eab308;--c5:#84cc16;--c6:#22c55e;--c7:#10b981;--c8:#14b8a6;--c9:#06b6d4;--c10:#0ea5e9;--c11:#3b82f6;--c12:#6366f1;--c13:#8b5cf6;--c14:#a855f7;--c15:#d946ef}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-light);background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2rem}input[type=text],input[type=password]{color:#fff;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:9999px;outline:none;width:100%;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;transition:all .3s}input[type=text]:focus,input[type=password]:focus{background:#ffffff26;border-color:#fffc;box-shadow:0 0 15px #fff3}.btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ec4899,#8b5cf6);border:none;border-radius:9999px;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 25px #ec489966}.title-glow{text-align:center;background:linear-gradient(90deg,#60a5fa,#c084fc,#f472b6);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #c084fc80);-webkit-background-clip:text;margin-bottom:2rem;font-size:4rem;font-weight:800}.color-picker{flex-wrap:wrap;justify-content:center;gap:10px;margin:1.5rem 0;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:40px;height:40px;transition:transform .2s}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:#fff;transform:scale(1.2);box-shadow:0 0 15px #fffc}.avatar-upload{flex-direction:column;align-items:center;gap:10px;margin-bottom:1.5rem;display:flex}.avatar-preview{object-fit:cover;border:3px solid #ffffff80;border-radius:50%;width:100px;height:100px}.player-chip{background:#ffffff1a;border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-weight:600;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.players-grid{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.room-code-display{letter-spacing:.5rem;color:#fbbf24;text-shadow:0 0 20px #fbbf2480;font-size:3rem;font-weight:800}