body{
    margin:0;
    font-family:Arial,sans-serif;
    background:#f5f3ef;
}

header{
    background:#a60019;
    color:white;
    padding:15px;
    text-align:center;
}

#mapContainer{
    padding:20px;
    text-align:center;
}

svg{
    width:100%;
    height:auto;
}

.seat{
    cursor:pointer;
    transition:.2s;
}

.seat:hover{
    fill:#F95E54 !important;
}

.selected{
    fill:#a60019 !important;
}

.lightbox{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.8);
    justify-content:center;
    align-items:center;
    z-index:999;
}

.lightbox.show{
    display:flex;
}

.lightbox-content{
    background:white;
    border-radius:12px;
    padding:20px;
    width:min(900px,95%);
    text-align:center;
    position:relative;
}

.lightbox-content img{
    width:100%;
    max-height:70vh;
    object-fit:contain;
}

#closeLightbox{
    position:absolute;
    top:10px;
    right:15px;
    font-size:36px;
    border:none;
    background:none;
    cursor:pointer;
}

#tooltip{
    position:fixed;
    display:none;
    background:#a60019;
    color:white;
    padding:8px 12px;
    border-radius:6px;
    font-size:14px;
    pointer-events:none;
    z-index:5000;
    box-shadow:0 3px 8px rgba(0,0,0,.3);
    white-space:nowrap;
}