body{
margin:0;
font-family:Arial;
background:#0e0e0e;
color:white;
text-align:center;
}

#overlay{
position:fixed;
bottom:60px;
left:50%;
transform:translateX(-50%);
pointer-events:none;
}

.giftBox{
animation:pop 0.5s ease;
margin-top:10px;
}

.giftImg{
width:180px;
}

.giftText{
font-size:26px;
color:gold;
font-weight:bold;
text-shadow:0 0 10px black;
}

#panel{
position:fixed;
top:20px;
left:50%;
transform:translateX(-50%);
background:#1b1b1b;
padding:20px;
border-radius:12px;
box-shadow:0 0 25px rgba(0,0,0,0.6);
}

.buttons button{
margin:6px;
padding:10px 16px;
font-size:16px;
border:none;
border-radius:6px;
background:#ff2c55;
color:white;
cursor:pointer;
}

input{
padding:8px;
margin-bottom:10px;
width:230px;
border-radius:6px;
border:none;
}

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

@keyframes pop{
0%{transform:scale(0.6);opacity:0;}
100%{transform:scale(1);opacity:1;}
}