#screen #match-chat {
  position: absolute;
  inset: 0;
  z-index: 4;
  color: #d2d2df;
  pointer-events: none;
  --chat-lines: 0;
}
#chat-frame-slot,
#chat-frame-slot iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  pointer-events: none;
  visibility: hidden;
}
#match-chat.star-ready #chat-frame-slot,
#match-chat.star-ready #chat-frame-slot iframe {
  visibility: visible;
}
#match-chat.expanded #chat-frame-slot iframe {
  pointer-events: auto;
}
#chat-status {
  position: absolute;
  left: 33.723653%;
  top: 38.407494cqw;
  max-width: 64.40281%;
  margin: 0;
  color: #ffd08b;
}
#chat-status:empty {
  display: none;
}
#screen #match-chat button {
  position: absolute;
  left: 33.723653%;
  top: calc(38.407494cqw + 1.885cqw);
  padding: 0;
  border: 0;
  background: transparent;
  color: #e2dc69;
  font: inherit;
  text-shadow: inherit;
  pointer-events: auto;
  cursor: pointer;
}
#screen #chat-collapse {
  left: auto;
  right: 2%;
}
#screen #announcements {
  bottom: calc(27% + var(--chat-lines, 0) * 1.885cqw);
}
.touch-layout.playing #screen #chat-status {
  left: 8px;
  top: auto;
  bottom: 52px;
  max-width: calc(100% - 16px);
  font-size: 14px;
}
.touch-layout.playing #screen #match-chat button {
  left: 8px;
  top: auto;
  bottom: 4px;
  min-height: 44px;
  font-size: 16px;
}
.touch-layout.playing #screen #chat-collapse {
  left: auto;
  right: 8px;
  width: 44px;
}
.touch-layout.playing #screen #field #announcements {
  bottom: calc(8px + var(--chat-lines, 0) * 20.3px);
}
.touch-layout.playing #screen:has(#match-chat.expanded) #announcements {
  bottom: calc(84px + var(--chat-lines, 0) * 20.3px);
}
.touch-layout.playing:has(#match-chat.expanded) #map-panel {
  visibility: hidden;
  pointer-events: none;
}