body {
min-height: 100vh;
font-family: 'Varela Round', Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.luck-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: white;
box-shadow: 0 8px 32px 0 rgba(60, 110, 60, 0.13);
border-radius: 28px;
padding: 36px 32px 32px 32px;
min-width: 280px;
}

.luck-title {
font-size: 2.2rem;
font-weight: bold;
color: #2e6f4f;
margin-bottom: 12px;
letter-spacing: 1px;
display: flex;
align-items: center;
gap: 10px;
}

.luck-title .clover {
font-size: 2rem;
margin-left: 8px;
animation: swing 1.5s infinite alternate;
filter: drop-shadow(0 1px 4px #8ed489);
}

@keyframes swing {
0% { transform: rotate(-12deg); }
100% { transform: rotate(12deg); }
}

label {
font-size: 1.1rem;
margin-bottom: 7px;
color: #4682a9;
display: block;
text-align: center;
}

select {
padding: 12px 20px;
border-radius: 18px;
border: 2px solid #7be89b;
background: #f3fff7;
font-size: 1.1rem;
color: #217a41;
outline: none;
transition: border 0.2s, box-shadow 0.2s;
margin-bottom: 8px;
box-shadow: 0 2px 12px 0 rgba(70, 200, 100, 0.12);
cursor: pointer;
}

select:hover, select:focus {
border-color: #217a41;
box-shadow: 0 4px 18px 0 rgba(70, 200, 100, 0.24);
background: #e0ffe6;
}