/* Teal Cloud A cooperative-room controls and lobby-owned dialogs only.
 * Battlefield scene, solo entrance, combat HUD, chat, chest, ranks, warehouse,
 * exchange and talents are intentionally outside this file.
 */

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield) {
  --tw-lobby-bg: var(--tw-bg, #879c90);
  --tw-lobby-panel: var(--tw-panel, #91a597);
  --tw-lobby-ink: var(--tw-ink, #203c36);
  --tw-lobby-muted: var(--tw-muted, #3e564e);
  --tw-lobby-bronze: var(--tw-bronze, #93805a);
  --tw-lobby-gold: var(--tw-gold, #e9ce92);
  --tw-lobby-red: var(--tw-red, #825347);
  --tw-lobby-button-ink: var(--tw-button-ink, #f4ebd1);
}

/* Cooperative room controls and roster. */
html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-room-heading {
  color: var(--tw-lobby-ink) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background: linear-gradient(145deg, #b3c3b3, #8fa699) !important;
  box-shadow: inset 0 0 0 1px rgb(246 235 201 / 22%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield [data-coop-code] {
  color: var(--tw-lobby-ink) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-room-heading button {
  color: var(--tw-lobby-button-ink) !important;
  border-color: rgb(147 128 90 / 82%) !important;
  background: linear-gradient(145deg, #486a64, #365751) !important;
  box-shadow: inset 0 0 0 1px rgb(244 235 209 / 14%) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-room-heading button[aria-pressed="true"],
html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-room-heading [data-coop-create] {
  color: var(--tw-lobby-button-ink) !important;
  border-color: var(--tw-lobby-gold) !important;
  background: linear-gradient(145deg, #5f7468, #48645d) !important;
  box-shadow: inset 0 0 0 1px rgb(233 206 146 / 34%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-room-heading button[aria-pressed="false"] {
  color: #e2e4d3 !important;
  border-color: #82775d !important;
  background: #526e67 !important;
  box-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-room-heading [data-coop-leave] {
  color: #f6e3cd !important;
  border-color: #96675c !important;
  background: linear-gradient(145deg, var(--tw-lobby-red), #704840) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield [data-team-aux] button {
  color: var(--tw-lobby-button-ink) !important;
  border-color: rgb(147 128 90 / 82%) !important;
  background: linear-gradient(145deg, #486a64, #365751) !important;
  box-shadow: inset 0 0 0 1px rgb(244 235 209 / 14%) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield [data-team-aux] button:disabled {
  color: #687970 !important;
  border-color: #879088 !important;
  background: #a3b1a6 !important;
  box-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield :is(
  .coop-room-heading button,
  [data-team-aux] button,
  .coop-member
):focus-visible {
  outline-color: var(--tw-lobby-gold);
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield [data-coop-members] > .coop-member,
html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield [data-coop-members] > .coop-member:disabled {
  color: var(--tw-lobby-ink) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-avatar {
  color: var(--tw-lobby-gold) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background: linear-gradient(145deg, #49645f, #294943) !important;
  box-shadow:
    inset 0 0 0 2px rgb(233 206 146 / 14%),
    0 2px 5px rgb(29 57 52 / 20%) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield [data-coop-members] .coop-avatar small,
html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-role-label {
  color: var(--tw-lobby-button-ink) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background: #486a64 !important;
  box-shadow: 0 1px 2px rgb(29 57 52 / 20%) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root .realm-battlefield .coop-role-label.coop-role-conflict {
  color: #f8e4cf !important;
  border-color: #aa7165 !important;
  background: var(--tw-lobby-red) !important;
  box-shadow: 0 0 6px rgb(130 83 71 / 30%) !important;
}

/* The canvas reparents lobby dialogs into #game-overlay-root. The visible-lobby
 * guard keeps these colors off combat-time dialogs in the same overlay host. */
html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) dialog.coop-dialog {
  color: var(--tw-lobby-ink) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background-color: #95ad9d !important;
  background-image:
    linear-gradient(145deg, rgb(174 191 173 / 18%), rgb(140 164 150 / 12%)),
    var(--tw-wallpaper) !important;
  background-position: center, center top !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100% !important;
  box-shadow:
    inset 0 0 0 1px rgb(246 235 201 / 26%),
    0 10px 24px rgb(28 52 48 / 22%) !important;
  scrollbar-color: var(--tw-lobby-bronze) #91a597;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) dialog.coop-dialog--compact {
  background-size: 100% 100%, 100% auto !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) :is(
  dialog.coop-dialog,
  dialog.realm-battlefield__dialog
)::backdrop {
  background: rgb(20 42 39 / 42%);
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog-header {
  border-bottom-color: rgb(147 128 90 / 72%) !important;
  background: transparent !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog h3 {
  color: var(--tw-lobby-ink) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog button {
  color: var(--tw-lobby-button-ink) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background: linear-gradient(145deg, #486a64, #365751) !important;
  box-shadow: inset 0 0 0 1px rgb(244 235 209 / 14%) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog button[aria-pressed="true"] {
  color: var(--tw-lobby-button-ink) !important;
  border-color: var(--tw-lobby-gold) !important;
  background: linear-gradient(145deg, #637b70, #46645d) !important;
  box-shadow: inset 0 0 0 2px rgb(233 206 146 / 28%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog button:disabled {
  color: #687970 !important;
  border-color: #879088 !important;
  background: #a3b1a6 !important;
  box-shadow: none !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog :is(
  .coop-dialog-close,
  .coop-refresh
) {
  color: var(--tw-lobby-ink) !important;
  border-color: #93805a !important;
  background: linear-gradient(145deg, #e1dfc4, #bec9b5) !important;
  box-shadow: inset 0 0 0 1px rgb(255 249 220 / 40%) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog input {
  color: var(--tw-lobby-ink) !important;
  caret-color: var(--tw-lobby-gold);
  border-color: rgb(147 128 90 / 76%) !important;
  background: #e0e5d3 !important;
  box-shadow: inset 0 1px 4px rgb(57 83 73 / 18%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-dialog input::placeholder {
  color: #667970 !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) :is(
  .coop-dialog button,
  .coop-dialog input
):focus-visible {
  outline-color: var(--tw-lobby-gold);
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) :is(
  .coop-directory-row,
  .coop-candidate-row
) {
  color: var(--tw-lobby-ink) !important;
  border-color: rgb(147 128 90 / 68%) !important;
  background: #bccbb7 !important;
  box-shadow: inset 0 0 0 1px rgb(246 235 201 / 18%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) :is(
  .coop-directory-list article,
  .coop-candidates > div
) {
  border-bottom-color: rgb(147 128 90 / 48%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) :is(
  .coop-player-name,
  .coop-room-code
) {
  color: var(--tw-lobby-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) :is(
  .coop-server-label,
  .coop-room-count,
  .coop-list-status,
  .coop-member-server,
  .coop-member-rank
) {
  color: var(--tw-lobby-muted) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-member-stars {
  color: #68786f !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-member-stars .is-lit {
  color: var(--tw-lobby-gold) !important;
  text-shadow: 0 0 4px rgb(147 128 90 / 28%);
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) dialog.coop-dialog :is(
  .coop-member-kick,
  .coop-leave-confirm
) {
  color: #f8e4cf !important;
  border-color: #9f6a5f !important;
  background: linear-gradient(145deg, var(--tw-lobby-red), #704840) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-leave-warning {
  color: #69463e !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .coop-member-rank strong {
  color: var(--tw-lobby-ink) !important;
  text-shadow: none;
}

/* Rules explanation opened from the visible battlefield lobby. */
html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) dialog.realm-battlefield__dialog {
  color: var(--tw-lobby-ink) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background-color: #95ad9d !important;
  background-image:
    linear-gradient(90deg, rgb(187 200 174 / 28%), rgb(187 200 174 / 62%) 20%, rgb(187 200 174 / 62%) 80%, rgb(187 200 174 / 28%)),
    var(--tw-wallpaper) !important;
  background-position: center, center top !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% auto !important;
  box-shadow:
    inset 0 0 0 1px rgb(246 235 201 / 26%),
    0 10px 24px rgb(28 52 48 / 22%) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .realm-battlefield__dialog :is(h3, p) {
  color: var(--tw-lobby-ink) !important;
  text-shadow: none;
}

html[data-ui-theme="teal-cloud-a"] #game-root:has(.realm-battlefield:not([hidden])):not(:has(.battlefield-p1, .coop-battle-frame)) .realm-battlefield__dialog button {
  color: var(--tw-lobby-button-ink) !important;
  border-color: var(--tw-lobby-bronze) !important;
  background: linear-gradient(145deg, #486a64, #365751) !important;
  box-shadow: inset 0 0 0 1px rgb(244 235 209 / 16%) !important;
  text-shadow: none;
}