/* Lobby: the invitation is the QR itself; the phone owns ready/start controls. */
#lobby-qr.qr-wrap { display:block; }
.wall[data-game='cooling'] #join-card,
.wall[data-game='cooling'] .room-label { display:none; }
.wall[data-game='cooling'] #lobby-qr {
  position:fixed;
  z-index:8;
  left:calc(var(--arena-left) + var(--arena-width)*.5);
  top:calc(var(--arena-top) + var(--arena-height)*.565);
  width:calc(var(--arena-height)*.19);
  aspect-ratio:1;
  transform:translateX(-50%);
  display:block;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.wall[data-game='cooling'] #lobby-qr img { display:block; width:100%; height:100%; }
.wall[data-game='cooling'] #test-entry {
  position:fixed;
  right:calc(var(--arena-left) + 28px);
  top:calc(var(--arena-top) + 65px);
  z-index:10;
  padding:6px 0;
  color:#343d22;
  font-size:14px;
  text-shadow:0 1px 2px #fff9e8,0 0 6px #fff9e8;
}
.wall[data-game='cooling'] #lobby-qr[hidden],
.wall[data-game='cooling'] #test-entry[hidden],
.wall[data-game='cooling']:not([data-phase='lobby']) #test-entry { display:none; }
/* A narrow portrait wall keeps a readable QR in the free space below the scene. */
@media(max-width:600px) and (max-aspect-ratio:1/1) {
  .wall[data-game='cooling'] #lobby-qr {
    top:calc(var(--arena-top) + var(--arena-height) + 16px);
    width:min(140px, calc(var(--arena-top) - 32px));
  }
}
@media(max-width:600px) {
  .wall[data-game='cooling'] #test-entry {
    top:calc(var(--arena-top) + 54px);
    right:calc(var(--arena-left) + 8px);
    font-size:12px;
  }
}
.lobby-start-count{position:absolute;z-index:48;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:180px;padding:18px 35px 22px;background:#fffbed;border:4px solid #34402b;border-radius:35px;box-shadow:0 9px 0 #34402b55;color:#34402b;font-family:Jua,sans-serif;pointer-events:none}
.lobby-start-count b{font-size:100px;line-height:1.05}.lobby-start-count span{font-size:22px}
.wall[data-auto-start=true] #lobby-qr{opacity:0;pointer-events:none}