/* HUD and shared content layouts. Popup appearance is owned by dialog72.css. */
#screen .lobby {
  background: linear-gradient(140deg, #0d1a29, #02060d 70%);
}
.check-row,
.setting-row {
  display: flex;
  align-items: center;
  gap: 1cqw;
  padding: 1.5cqw 0;
  border-bottom: 1px solid #344a58;
}
.setting-row {
  justify-content: space-between;
}
#screen #announcements {
  left: 2%;
  top: auto;
  bottom: 27%;
  width: 70%;
  max-width: none;
  z-index: 1;
}
#screen #announcements,
#screen #match-chat {
  font-size: 1.3cqw;
  line-height: 1.45;
  text-shadow:
    1px 1px #000,
    -1px -1px #000,
    0 0 3px #000;
}
.match-line {
  color: #c4e2b0;
  overflow-wrap: anywhere;
}
#settings-name {
  width: 58%;
  min-width: 0;
}
.match-line[data-kind="round"] {
  color: #f4ebbd;
}
.match-line[data-kind="warning"] {
  color: #ff7757;
}
.match-line[data-kind="reward"],
.match-line[data-kind="sale"] {
  color: #e5cf70;
}
#history-lines {
  height: 35cqw;
  overflow: auto;
  background: #040b12;
  border: 1px solid #344f62;
  padding: 1cqw;
  line-height: 1.6;
  margin-bottom: 2cqw;
}
#unit-detail-text {
  white-space: pre-line;
  line-height: 1.8;
  margin-bottom: 2cqw;
}
#screen #selection-detail {
  position: absolute;
  right: 0.4cqw;
  bottom: 0.1cqw;
  font-size: 1.15cqw;
  padding: 0.1cqw 0.4cqw;
  background: #0b1710;
  border: 1px solid #455c37;
  color: #bec78e;
}
#screen.native-console #selection-stats {
  font-size: 1.35cqw;
  line-height: 1.4;
}
#screen.native-console #selection-extra {
  font-size: 1.2cqw;
  text-align: left;
  margin-left: 1cqw;
}
#screen.native-console #commands button[data-action="y"] .command-name,
#screen.native-console #commands button[data-action="x"] .command-name {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #000b;
  color: #ddce99;
  font-size: 1.25cqw;
}
#screen #help-panel .window {
  width: 88%;
  font-size: 1.6cqw;
}
#screen .help-window dl {
  grid-template-columns: 11% 1fr;
  gap: 1.4cqw;
}
#screen .help-window dd {
  line-height: 1.5;
}
#screen #unit-detail,
#screen #settings-panel,
#screen #event-history,
#screen #create-panel {
  z-index: 7;
}

#screen button {
  border-color: #246f9a;
  background: linear-gradient(#102d4e, #031026 50%, #06152a);
  color: #e5e77f;
  box-shadow: inset 0 0 0 1px #071628;
}
#screen button[aria-pressed="true"] {
  color: #ffff7b;
  border-color: #ede66c;
}
#screen #announcements {
  z-index: 2;
}
#screen .game-info-window {
  width: 67%;
  font-size: 1.25cqw;
}
#game-info nav {
  display: flex;
  gap: 1cqw;
  margin-bottom: 1.5cqw;
}
#game-info nav button {
  font-size: 1.25cqw;
}
.game-info-content {
  max-height: 26cqw;
  min-height: 6cqw;
  overflow: auto;
  margin-bottom: 1.5cqw;
}
.info-row {
  display: flex;
  justify-content: space-between;
  gap: 2cqw;
  padding: 0.4cqw 0;
}
.info-row span:first-child {
  color: #dee47d;
  flex-shrink: 0;
}
.info-row span:last-child {
  color: #c3c8db;
  text-align: right;
}
.speed-choices {
  display: flex;
  gap: 2cqw;
  margin: 2cqw 0;
}
.speed-choices button {
  font-size: 2.5cqw;
  min-width: 15cqw;
  min-height: 6cqw;
}
#screen #game-info {
  z-index: 8;
}
#screen.native-console #commands canvas.command-source {
  filter: sepia(1) saturate(5) hue-rotate(4deg);
}
#screen.native-console #commands:has(button[data-action="r"]) .command-name {
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 0.88cqw;
  background: #000a;
  width: 100%;
}
#screen.native-console #commands button[data-command-kind] .command-name {
  display: grid;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 0.88cqw;
  line-height: 1;
  background: #000a;
}
#screen.native-console #commands button[data-command-kind] .command-icon {
  height: 2.1cqw;
  font-size: 1.9cqw;
}
#screen.native-console #commands button[data-command-kind] canvas {
  width: 2.81cqw;
  height: 1.874cqw;
}
#screen.native-console #selection-stats {
  font-size: 1.15cqw;
}
#screen.native-console #selection-extra {
  font-size: 1.05cqw;
  text-align: center;
  margin-left: 0;
}
#screen.native-console #selection-detail {
  font-size: 0.85cqw;
  bottom: 0;
}

#screen .score-kills {
  color: #55df45;
}
#screen .score-label {
  color: #ed2828;
}
#screen .score-version {
  color: #dfdd6e;
}
#screen.native-console .game-info-window {
  width: 64.637002cqw;
  padding: 1.873536cqw;
  font-size: 1.405152cqw;
}
#game-info nav {
  padding-bottom: 1.171cqw;
  border-bottom: 1px solid #315b69;
}
#screen.native-console #game-info nav button {
  flex: 1;
  padding: 0.4cqw 0.6cqw;
  font-size: 1.405152cqw;
}
#screen.native-console #game-info nav button[aria-pressed="true"] {
  border-image-source: url("./dialog72/pressed.png");
  color: #ffffbb;
}
#screen.native-console .game-info-content {
  padding: 0.58548cqw 0.936768cqw;
  background: #0009;
  scrollbar-color: #42728a #05090b;
  scrollbar-width: thin;
}
#screen.native-console .info-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 1.405152cqw;
  padding: 0.702576cqw 0;
  line-height: 1.45;
  border-bottom: 1px solid #263941;
  overflow-wrap: anywhere;
}
#screen.native-console .info-row:last-child {
  border-bottom: 0;
}
#screen.native-console .info-close {
  display: block;
  min-width: 10.30445cqw;
  margin-left: auto;
}