body {
  margin:0;
  font-family:sans-serif;
  background:#111;
  color:white;
}

#lobby {
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:15px;
}

#videoContainer {
  width:100%;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:black;
}

#videoContainer video {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

#controls {
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  background:rgba(0,0,0,.6);
  padding:10px;
  border-radius:6px;
}

#messages {
  max-height:150px;
  overflow-y:auto;
  list-style:none;
  padding:5px;
  margin:5px 0;
}

.chat {
  display:flex;
  gap:5px;
}