.lobby-container{background-color:#1a1a1a;justify-content:center;align-items:center;min-height:100vh;font-family:Overpass,sans-serif;display:flex}.menu-box{text-align:center;color:#fff;background-color:#2d2d2d;border-radius:12px;width:90%;max-width:700px;padding:40px;box-shadow:0 8px 16px #00000080}.title{color:#4caf50;letter-spacing:2px;margin-top:0;font-family:Luckiest Guy,cursive;font-size:3rem}.action-cards{flex-direction:row;gap:30px;margin-top:20px;display:flex}@media (width<=600px){.action-cards{flex-direction:column}}.card{background-color:#3d3d3d;border-radius:8px;flex-direction:column;flex:1;justify-content:center;padding:20px;display:flex}.input-code{color:#fff;box-sizing:border-box;text-transform:uppercase;text-align:center;letter-spacing:4px;background-color:#222;border:2px solid #555;border-radius:6px;width:100%;margin-bottom:15px;padding:12px;font-family:Overpass,sans-serif;font-size:1.2rem}.btn-create{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:6px;padding:15px;font-family:Overpass,sans-serif;font-size:1.1rem;font-weight:700}.btn-join{color:#fff;cursor:pointer;background-color:#8b4513;border:none;border-radius:6px;padding:15px;font-family:Overpass,sans-serif;font-size:1.1rem;font-weight:700}.error-text{color:#ff6b6b;font-weight:700}.btn-avatar{color:#ffc107;cursor:pointer;background-color:#5c3400;border:2px solid #8b4513;border-radius:8px;padding:15px 25px;font-family:Luckiest Guy,cursive;font-size:1.2rem;font-weight:700;transition:transform .1s,background-color .2s}.btn-avatar:hover{background-color:#8b4513;transform:scale(1.05)}