* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: transparent; }
body { font-family: Inter, Arial, Helvetica, sans-serif; color: #fff; }
.arena-screen { position: relative; width: 1920px; height: 1080px; overflow: hidden; pointer-events: none; }
.background-layer {
    position: absolute;
    inset: 0;
    background: #002641;
}
#wave-background { display: block; width: 100%; height: 100%; border: 0; }
.camera-frame {
    position: absolute;
    left: 96px;
    top: 54px;
    width: 1728px;
    height: 972px;
    background: #000;
    outline: 4px solid #90b9e2;
    box-shadow: 0 0 0 8px rgba(0, 38, 65, 0.8), 0 20px 65px rgba(0, 0, 0, 0.5);
}
#arena-camera { display: block; width: 100%; height: 100%; border: 0; }
.live-label {
    position: absolute;
    left: 120px;
    top: 78px;
    display: flex;
    align-items: stretch;
    height: 44px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.12em;
}
.live-tag { display: flex; align-items: center; gap: 9px; padding: 0 16px; background: #c82032; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.camera-name { display: flex; align-items: center; padding: 0 18px; background: rgba(0, 38, 65, 0.94); }