body{
margin:0;
font-family:Arial;
background:linear-gradient(135deg,#141e30,#243b55);
color:white;
text-align:center;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

.screen{
display:none;
padding:30px;
}

.screen.active{
display:block;
}

button{
padding:12px 20px;
margin:10px;
font-size:18px;
border:none;
border-radius:8px;
background:#3742fa;
color:white;
cursor:pointer;
}

input{
padding:10px;
font-size:16px;
border-radius:6px;
border:none;
}

#playerList{
list-style:none;
padding:0;
}

#playerList li{
background:#2f3542;
margin:6px;
padding:8px;
border-radius:6px;
}

.card{
margin:40px auto;
width:220px;
height:120px;
background:white;
color:black;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
font-size:20px;
cursor:pointer;
user-select:none;
}