body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:#0a0a0a;
    color:white;
}

/* Overlay */
#overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#000;

display:flex;
justify-content:center;
align-items:flex-start;

overflow-y:auto;   /* allows scrolling */
padding-top:5px;
}
/* Hide scrollbar but keep scrolling */

#overlay::-webkit-scrollbar{
display:none;
}

#overlay{
-ms-overflow-style:none;
scrollbar-width:none;
}
.overlay-content{
    width:90%;
    max-width:600px;
    text-align:center;
    padding-bottom:40px;
}

#appName {
font-size: 2.2rem;
line-height: 1.2;
}

.subtitle {
    display: block;
    font-size: 1rem;   /* fixed size instead of em */
    font-weight: normal;
    opacity: 0.8;
    margin-top: 5px;
}
/* Logo */

#logo{
width:220px;
margin-bottom:10px;
}

/* Warning box */

.warning-box{
    background:#111;
    padding:20px;
    border-radius:8px;
    border:1px solid #333;
    margin-bottom:20px;
    text-align:left;
}

.warning-box h3{
    text-align:center;
    margin-top:0;
}

.warning-box ul{
    margin-top:10px;
}

/* Checkbox */

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

/* Buttons */

.session-buttons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.session-buttons button{
    padding:14px;
    font-size:16px;
    border:none;
    border-radius:6px;
    background:#1e88e5;
    color:white;
    cursor:pointer;
    transition:0.2s;
}

.session-buttons button:disabled{
    background:#555;
    cursor:not-allowed;
}

.session-buttons button:hover:not(:disabled){
    background:#42a5f5;
}

#sessionCanvas{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:black;
display:none;
}

#moreInfo{
margin-top:40px;
font-size:14px;
opacity:0.8;
}
#moreInfo a{
color:#42a5f5;
text-decoration:none;
}

#moreInfo a:hover{
text-decoration:underline;
}

#audioCredits {
text-align: center;
padding: 20px;
font-size: 0.85rem;
color: #ccc;
background: #000;
}

#audioCredits h3 {
margin-bottom: 10px;
font-size: 1rem;
color: #fff;
}

#audioCredits ul {
list-style: none;
padding: 0;
}

#audioCredits li {
margin: 6px 0;
}