.court-wrapper{
max-width:1000px;
margin:40px auto;
padding:35px;
background:#ffffff;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
text-align:center;
font-family:Arial, sans-serif;
}

.court-title{
margin-bottom:25px;
font-size:26px;
font-weight:600;
color:#2D3B6D;
}

/* Dropdown container */

.court-select-box{
position:relative;
max-width:450px;
margin:0 auto 30px auto;
}

/* Dropdown */

#sportSelect{
width:100%;
height:50px;
padding:0 18px;
font-size:16px;
border-radius:10px;
border:2px solid #2D3B6D;
background:#ffffff;
color:#2D3B6D;
font-weight:500;
cursor:pointer;
outline:none;
appearance:none;
line-height:50px;
display:block;
}

#sportSelect option{
color:#2D3B6D;
background:#ffffff;
}
/* Dropdown arrow */

.court-select-box::after{
content:"▼";
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
font-size:12px;
color:#2D3B6D;
pointer-events:none;
}

/* Hover + focus */

#sportSelect:hover{
border-color:#1e2a52;
}

#sportSelect:focus{
box-shadow:0 0 0 3px rgba(45,59,109,0.15);
}

/* Court viewer */

.court-viewer{
background:#f7f8fc;
border-radius:10px;
padding:25px;
min-height:350px;
display:flex;
align-items:center;
justify-content:center;
}

.placeholder{
color:#777;
font-size:15px;
}

#courtImage{
max-width:100%;
border-radius:10px;
display:none;
box-shadow:0 8px 20px rgba(0,0,0,0.12);
}