/* Teal Cloud A · commerce, communication, settings and cosmetics.
 * Paint-only: existing geometry, typography, imagery and scrolling remain authoritative.
 */

html[data-ui-theme="teal-cloud-a"] #game-root {
  --tc-social-paper: var(--tc-paper, rgba(194, 207, 180, 0.88));
  --tc-social-paper-soft: rgba(205, 216, 195, 0.72);
  --tc-social-paper-strong: rgba(177, 196, 178, 0.94);
  --tc-social-ink: var(--tc-ink-strong, #203c36);
  --tc-social-muted: var(--tc-ink-soft, #4c6257);
  --tc-social-bronze: var(--tc-bronze, #93805a);
  --tc-social-gold: #735d34;
  --tc-social-line: rgba(112, 102, 70, 0.58);
  --tc-social-line-soft: rgba(112, 102, 70, 0.34);
  --tc-social-selected: rgba(151, 179, 160, 0.9);
  --tc-social-action: var(--tc-button-fill, linear-gradient(145deg, #54766b, #365b53));
  --tc-social-button-ink: var(--tc-button-ink, #f4ebd1);
}

/* Shop page */
html[data-ui-theme="teal-cloud-a"] #game-root .shop-currency-bar,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-tabs,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-category-tabs {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.24);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-currency {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(180, 199, 182, 0.66);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-currency small { color: var(--tc-social-muted); }
html[data-ui-theme="teal-cloud-a"] #game-root .shop-currency strong { color: var(--tc-social-gold); }

html[data-ui-theme="teal-cloud-a"] #game-root .shop-tab,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-category-button {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(205, 216, 195, 0.78);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-tab.is-active,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-category-button.is-active {
  border-color: var(--tc-social-bronze);
  background: var(--tc-social-action);
  color: var(--tc-social-button-ink);
  box-shadow: 0 3px 9px rgba(42, 62, 55, 0.22), inset 0 1px rgba(255, 255, 255, 0.14);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-card {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper);
  box-shadow: 0 4px 12px rgba(48, 70, 62, 0.14), inset 0 1px rgba(255, 255, 255, 0.25);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile:not(:disabled):hover,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile:not(:disabled):focus-visible,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-card:hover {
  border-color: var(--tc-social-bronze);
  background-color: rgba(188, 205, 187, 0.94);
  outline-color: var(--tc-social-bronze);
  box-shadow: 0 5px 14px rgba(48, 70, 62, 0.18), inset 0 0 0 1px rgba(147, 128, 90, 0.16);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile__art,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-card__art {
  border-color: var(--item-tier-color, var(--tc-social-line));
  background-color: rgba(168, 188, 171, 0.72);
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--item-tier-color, #93805a) 15%, transparent);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile:disabled,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile.is-sold-out,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-tile.is-owned {
  border-color: rgba(77, 98, 88, 0.42);
  background-color: rgba(151, 166, 154, 0.7);
}

html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-card__info strong { color: var(--tc-social-ink); }
html[data-ui-theme="teal-cloud-a"] #game-root .shop-product-card__info small,
html[data-ui-theme="teal-cloud-a"] #game-root .shop-empty { color: var(--tc-social-muted); }
html[data-ui-theme="teal-cloud-a"] #game-root .shop-status { color: #8a352e; }

/* Shop purchase dialog; rarity color remains inline on art and product name. */
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-product,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-quantity {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.24);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-product__art {
  border-color: var(--item-tier-color, var(--tc-social-line));
  background-color: rgba(168, 188, 171, 0.72);
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--item-tier-color, #93805a) 15%, transparent);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-product__description,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-product small,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-question {
  color: var(--tc-social-muted);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-product > span,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-quantity strong {
  color: var(--tc-social-gold);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-quantity button {
  border-color: var(--tc-social-line);
  background-color: rgba(191, 205, 188, 0.9);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="shop-purchase-dialog"] .shop-purchase-quantity button:disabled {
  border-color: rgba(77, 98, 88, 0.42);
  background-color: rgba(145, 161, 149, 0.72);
  color: #596b63;
}

/* Black market and current player-to-player trade implementation. */
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-root,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-toolbar,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-own-heading {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-view-button,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-category-tabs > button,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-filter-option {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(205, 216, 195, 0.78);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-view-tabs .is-active,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-category-tabs .is-active,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-filter-option.is-selected,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-filter-option[aria-pressed="true"] {
  border-color: var(--tc-social-bronze);
  background: var(--tc-social-action);
  color: var(--tc-social-button-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-reserved-tab:disabled {
  border-color: rgba(77, 98, 88, 0.38);
  background-color: rgba(145, 161, 149, 0.66);
  color: #596b63;
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-filter-button.is-filtered::after {
  background-color: #8a352e;
  box-shadow: 0 0 0 2px rgba(224, 214, 182, 0.76);
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-product-tile,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-row {
  border-color: var(--black-market-quality-color, var(--tc-social-line-soft));
  background-color: var(--tc-social-paper);
  color: var(--tc-social-ink);
  box-shadow: 0 4px 12px rgba(48, 70, 62, 0.13), inset 0 1px rgba(255, 255, 255, 0.24);
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-product-tile .shop-product-tile__art {
  border-color: var(--black-market-quality-color, var(--tc-social-line-soft));
  background-color: rgba(168, 188, 171, 0.72);
}

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-row small,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-status { color: var(--tc-social-muted); }

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-row__price,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-row__price strong { color: var(--tc-social-gold); }
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-status[data-kind="error"] { color: #8a352e; }

html[data-ui-theme="teal-cloud-a"] #game-root .black-market-pagination button,
html[data-ui-theme="teal-cloud-a"] #game-root .black-market-listing-entry-button {
  border-color: var(--tc-social-line);
  background: var(--tc-social-action);
  color: var(--tc-social-button-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-listing-field,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-listing-panel,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-listing-settings,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-listing-preview,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-purchase-detail,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-purchase-detail__attributes,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-purchase-detail__price,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-rules-content,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-filter-section {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.22);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-listing-field h3,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-filter-section h3,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-listing-preview strong,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-purchase-detail__price strong,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-rules-content strong {
  color: var(--tc-social-gold);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-choice,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-item-choice {
  border-color: var(--black-market-quality-color, var(--tc-social-line-soft));
  background-color: rgba(205, 216, 195, 0.8);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-choice.is-selected,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-item-choice.is-selected {
  border-color: var(--black-market-quality-color, var(--tc-social-bronze));
  background-color: var(--tc-social-selected);
  box-shadow: inset 0 0 0 1px rgba(147, 128, 90, 0.18);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-item-choice strong,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-quality-name {
  color: var(--black-market-quality-color, var(--tc-social-ink));
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-cancel-message,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-purchase-detail p,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-rules-content p,
html[data-ui-theme="teal-cloud-a"] #game-root dialog.black-market-dialog .black-market-rules-content ul {
  color: var(--tc-social-muted);
}

/* Mail */
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-summary,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-scroll,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-reward-panel {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(205, 216, 195, 0.76);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item.is-unread {
  border-color: var(--tc-social-bronze);
  background-color: var(--tc-social-selected);
  box-shadow: inset 3px 0 rgba(78, 111, 99, 0.76), inset 0 1px rgba(255, 255, 255, 0.22);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item.is-claimed {
  border-color: rgba(99, 117, 108, 0.34);
  background-color: rgba(164, 180, 167, 0.62);
  color: #596b63;
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item__heading strong,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-heading h3,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-rewards li {
  color: var(--tc-social-gold);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item__state,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item__time,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-heading time,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-empty,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-status,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-status {
  color: var(--tc-social-muted);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-list-item__title,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-content { color: var(--tc-social-ink); }

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-status[data-state="error"],
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-status[data-state="error"] { color: #8a352e; }
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-status[data-state="success"] { color: #315f42; }

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-detail-back {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(205, 216, 195, 0.78);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="mail-dialog"] .mail-claim-button:disabled {
  border-color: rgba(77, 98, 88, 0.48) !important;
  background-color: rgba(156, 174, 160, 0.82) !important;
  background-image: none !important;
  color: #40554c !important;
}

/* World chat and announcements. */
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-tabs,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-view,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-composer {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-tabs button {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(205, 216, 195, 0.78);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-tabs button.is-active {
  border-color: var(--tc-social-bronze);
  background: var(--tc-social-action);
  color: var(--tc-social-button-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-announcement,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message {
  border-color: var(--tc-social-line-soft);
  background-color: rgba(205, 216, 195, 0.78);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message.is-current-player {
  border-color: var(--tc-social-bronze);
  background-color: var(--tc-social-selected);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message.is-arena-defeat {
  border-color: rgba(130, 83, 71, 0.66);
  background-color: rgba(198, 177, 163, 0.78);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-announcement__heading strong,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message__heading strong,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message__player {
  color: var(--tc-social-gold);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-announcement__heading time,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message__heading span,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message__heading time,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-announcement-empty,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-empty,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-composer__footer span,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-status {
  color: var(--tc-social-muted);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-announcement p,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message__content { color: var(--tc-social-ink); }

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-message__arena-badge {
  border-color: rgba(130, 83, 71, 0.66);
  background-color: rgba(130, 83, 71, 0.16);
  color: #7f352e;
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-composer textarea {
  border-color: var(--tc-social-line);
  background-color: rgba(221, 226, 207, 0.94);
  color: var(--tc-social-ink);
  caret-color: var(--tc-social-ink);
  box-shadow: inset 0 1px 4px rgba(48, 70, 62, 0.12);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-composer textarea::placeholder { color: #718078; }
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-composer textarea:focus {
  border-color: var(--tc-social-bronze);
  outline-color: var(--tc-social-bronze);
  box-shadow: 0 0 0 2px rgba(92, 126, 115, 0.16), inset 0 1px 4px rgba(48, 70, 62, 0.1);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="world-chat-dialog"] .world-chat-status[data-state="error"] { color: #8a352e; }

/* Settings, redemption code and logout confirmation. */
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] {
  /* The game canvas already scales to the viewport. Fit the complete settings
     sheet inside that canvas instead of inheriting the generic 540px scroller. */
  max-height: calc(var(--game-base-height) - 32px);
  overflow: clip;
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] > .settings-dialog__content {
  max-height: none;
  overflow: clip;
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-section,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-version-row {
  border-color: var(--tc-social-line-soft);
  background-color: var(--tc-social-paper-soft);
  color: var(--tc-social-ink);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.22);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-row,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-volume-row,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-version-row { color: var(--tc-social-ink); }

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-redeem-section h3,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-volume-row output,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-current-music { color: var(--tc-social-gold); }

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-audio-toggle,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-switch-server-button {
  border-color: var(--tc-social-line);
  background-color: rgba(191, 205, 188, 0.9);
  color: var(--tc-social-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-audio-toggle.is-enabled {
  border-color: var(--tc-social-bronze);
  background: var(--tc-social-action);
  color: var(--tc-social-button-ink);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-unavailable-button,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-redeem-form .primary-button:disabled {
  border-color: rgba(77, 98, 88, 0.42);
  background-color: rgba(145, 161, 149, 0.72);
  background-image: none;
  color: #596b63;
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-volume-row input[type="range"] { accent-color: #54766b; }

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-redeem-form input {
  border-color: var(--tc-social-line);
  background-color: rgba(221, 226, 207, 0.94);
  color: var(--tc-social-ink);
  caret-color: var(--tc-social-ink);
  box-shadow: inset 0 1px 4px rgba(48, 70, 62, 0.12);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-redeem-form input::placeholder { color: #718078; }
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-redeem-form input:focus {
  border-color: var(--tc-social-bronze);
  outline-color: var(--tc-social-bronze);
  box-shadow: 0 0 0 2px rgba(92, 126, 115, 0.16), inset 0 1px 4px rgba(48, 70, 62, 0.1);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-redeem-form input:invalid:not(:placeholder-shown) {
  border-color: #934b42;
  background-color: rgba(224, 203, 190, 0.9);
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-dialog"] .settings-logout-button,
html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-logout-dialog"] .settings-logout-confirm-button {
  border-color: #825347;
  background-color: rgba(130, 83, 71, 0.88);
  color: #fff0d3;
}

html[data-ui-theme="teal-cloud-a"] #game-root dialog[data-role="settings-logout-dialog"] .settings-logout-dialog__content p {
  color: var(--tc-social-muted);
}

/* Cosmetics overlay. Existing art sizes and positioning remain untouched. */
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog {
  border-color: var(--tc-social-bronze) !important;
  background: linear-gradient(rgba(194, 207, 180, 0.94), rgba(174, 194, 177, 0.94)), var(--tc-page-art, none) !important;
  color: var(--tc-social-ink) !important;
  box-shadow: 0 16px 38px rgba(35, 58, 51, 0.25) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog::backdrop {
  background-color: rgba(36, 64, 57, 0.42) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog header {
  border-color: var(--tc-social-bronze) !important;
  background: linear-gradient(145deg, #54766b, #365b53) !important;
  color: var(--tc-social-button-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog h2,
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog [data-cosmetic-close] {
  color: var(--tc-social-button-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-preview {
  background-image: linear-gradient(rgba(202, 214, 194, 0.55), rgba(178, 198, 180, 0.58)), url('../assets/images/themes/jade-v18/scene.webp') !important;
  box-shadow: inset 0 -10px 24px rgba(46, 72, 63, 0.1) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog button {
  border-color: var(--tc-social-line) !important;
  background-color: rgba(205, 216, 195, 0.82) !important;
  color: var(--tc-social-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-tabs button.active,
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog [data-cosmetic-save] {
  border-color: var(--tc-social-bronze) !important;
  background: var(--tc-social-action) !important;
  color: var(--tc-social-button-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog [data-cosmetic-close] {
  background-color: transparent !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog button:disabled {
  border-color: rgba(77, 98, 88, 0.42) !important;
  background-color: rgba(145, 161, 149, 0.72) !important;
  background-image: none !important;
  color: #40554c !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-card {
  border-color: var(--tc-social-line-soft) !important;
  background-color: rgba(205, 216, 195, 0.76) !important;
  color: var(--tc-social-ink) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-card[data-selected="true"] {
  border-color: var(--tc-social-bronze) !important;
  background-color: var(--tc-social-selected) !important;
  box-shadow: inset 0 0 0 1px rgba(147, 128, 90, 0.2), 0 3px 10px rgba(48, 70, 62, 0.13) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-detail {
  border-color: var(--tc-social-line-soft) !important;
  background-color: var(--tc-social-paper-soft) !important;
  color: var(--tc-social-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog strong,
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-item-name {
  color: var(--tc-social-ink) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-card small,
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-detail small,
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-empty,
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetics-status {
  color: var(--tc-social-muted) !important;
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-entry::before {
  border-color: #c7ad6f;
  background-color: #365b53;
  color: #f4ebd1;
  box-shadow: 0 2px 6px rgba(35, 58, 51, 0.24);
}

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-entry:focus-visible { outline-color: #e6ca8c; }

html[data-ui-theme="teal-cloud-a"] #game-root .cosmetics-dialog .cosmetic-face {
  color: #f3dfad !important;
  text-shadow: 0 1px 3px rgba(22, 48, 42, 0.72) !important;
}

/* Text titles only. Image-backed titles and frames retain their source artwork. */
html[data-ui-theme="teal-cloud-a"] #game-root .cosmetic-title:not(.cosmetic-title-art) {
  border-color: #c7ad6f !important;
  background-color: rgba(54, 91, 83, 0.95) !important;
  color: #f3dfad !important;
  box-shadow: 0 2px 7px rgba(35, 58, 51, 0.24) !important;
}