body{
font-family:Arial, sans-serif;
background:#0f172a;
color:white;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
margin:0;
}

.container{
text-align:center;
background:#1e293b;
padding:20px;
border-radius:12px;
width:90%;
max-width:500px;
}

.question{
font-size:20px;
margin-bottom:20px;
}

.scrambled{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
margin-bottom:20px;
}

.word{
background:#3b82f6;
padding:10px 14px;
border-radius:8px;
cursor:grab;
}

.drop-zone{
min-height:60px;
border:2px dashed #64748b;
padding:10px;
margin-bottom:20px;
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
}

.info{
display:flex;
justify-content:space-between;
margin-bottom:10px;
}