html,body{
margin:0;
width:100%;
height:100%;
overflow:hidden;
background:#000;
}

.background{
position:fixed;
inset:0;
background-image:url('assets/background.jpg');
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
background-color:#000;
}

#introModal{
position:fixed;
inset:0;
display:flex;
justify-content:center;
align-items:center;
z-index:5000;
}

.introBox{
max-width:650px;
margin:20px;
padding:30px;
background:rgba(0,0,0,.55);
backdrop-filter:blur(12px);
border-radius:24px;
text-align:center;
color:#f4d48b;
box-shadow:0 0 40px rgba(0,0,0,.5);
}

.introBox h1{
margin-top:0;
}

#startConcert{
margin-top:15px;
padding:15px 25px;
border:none;
border-radius:12px;
font-size:18px;
cursor:pointer;
background:#c8a24f;
}

.audio-panel{
display:none;
position:fixed;
left:50%;
transform:translateX(-50%);
bottom:25px;
z-index:1000;
background:rgba(0,0,0,.45);
backdrop-filter:blur(10px);
padding:12px 18px;
border-radius:20px;
}

.audio-panel audio{
width:min(550px,85vw);
}

@media(max-width:768px){
.background{background-size:cover;}
}