/**
 * 大厅 / 房间界面样式：房间列表、玩家栏、属性条、对话框。
 *
 * 该文件由原站打包产物 index-DaU_juvi.js 逆向拆分而来，样式与线上版本保持一致。
 */
.social-screen {
  transform-origin: 0 0;
  color: #fff;
  outline: none;
  width: 640px;
  height: 480px;
  font:
    12px/12px 굴림,
    Gulim,
    sans-serif;
  position: absolute;
}
.lobby-scene,
.room-scene {
  position: absolute;
  inset: 0;
}

.native-chat-log {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  scrollbar-width: thin;
  scrollbar-color: #66787e transparent;
  line-height: 15px;
  position: absolute;
  overflow: hidden auto;
}
.native-chat-log > div {
  min-height: 15px;
}
.chat-system {
  color: #acd6e7;
}
.chat-whisper {
  color: #ffcf81;
}
.native-user {
  color: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
  position: absolute;
}
.native-user:hover,
.native-user[aria-pressed="true"] {
  color: #d9ffa7;
}
.native-button.states-3 {
  background-image: var(--sprite);
}
.native-button.states-3:hover,
.native-button.states-3:focus-visible,
.native-button.states-3[aria-pressed="true"] {
  background-position: 0 var(--hover-y);
}
.native-button.states-3:active,
.native-button.states-3.key-pressed,
.native-button.states-3:disabled {
  background-image: var(--sprite);
  background-position: 0 var(--pressed-y);
}
.native-button.states-2:active,
.native-button.states-2.key-pressed,
.native-button.states-2[aria-pressed="true"] {
  background-image: var(--sprite);
  background-position: 0 var(--hover-y);
}
.native-button:disabled {
  cursor: default;
  background-image: none;
}
.native-button.states-1[aria-pressed="true"] {
  background-image: var(--sprite);
}
.native-button.states-1:hover,
.native-button.states-1:active {
  background-position: 0 0;
}
.native-button.states-1:disabled[aria-pressed="true"] {
  background-image: var(--sprite);
}
.native-button.states-0 {
  background-image: none;
}
.native-button.character-choice {
  background-image: var(--sprite);
  animation: 1s steps(20, end) infinite paused room-character;
}
.native-button.character-choice:hover:not(:disabled),
.native-button.character-choice:focus-visible:not(:disabled) {
  animation-play-state: running;
}
@keyframes room-character {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 0 -780px;
  }
}
.room-card {
  color: #fff;
  font: inherit;
}
.room-card > span:first-child {
  font-weight: 700;
}
.room-stat-bar {
  background: #000;
  position: absolute;
}
.room-scene > .native-label {
  color: #8495a3;
}
.room-scene > .native-label:nth-of-type(3),
.lobby-scene > .native-label {
  color: #091c36;
}
.native-modal {
  z-index: 5;
  position: absolute;
  inset: 0;
}
.native-dialog {
  margin: 0;
  position: absolute;
}
.native-dialog .native-button.states-1[aria-pressed="true"] {
  outline-offset: 0;
  outline: 1px solid #fff;
}
.native-dialog .dialog-error {
  color: #ffe2ae;
  background: #001525;
  width: 100%;
  padding: 4px;
  line-height: 16px;
  position: absolute;
  top: 100%;
  left: 0;
}
.native-dialog .native-input:disabled {
  opacity: 0.5;
}
.kick-select {
  color: #fff;
  width: 210px;
  font: inherit;
  background: #001525;
  position: absolute;
  top: 40px;
  left: 20px;
}