/* Shared completed skin. Original page geometry and artwork are preserved;
   home activity entrances below are compacted to leave player titles clear. */
html[data-ui-theme="teal-cloud-a"] #game-root {
  --tc-page-art: url('../assets/images/themes/teal-cloud-a/battlefield-cloud-silk-v1.webp');
  --tc-paper: rgba(194, 207, 180, .88);
  --tc-ink-strong: #203c36;
  --tc-ink-soft: #4c6257;
  --tc-bronze: #93805a;
  --tc-action-art: var(--tc-button-art);
  --tc-button-ink: #f4ebd1;
  --tc-button-fill: linear-gradient(145deg, #54766b, #365b53);
  --tc-corners: var(--silk-corner-0) left 4px top 4px / 12px 12px no-repeat,
    var(--silk-corner-2) right 4px bottom 4px / 12px 12px no-repeat;
  --jade-ink: var(--tc-ink-strong);
  --jade-muted: var(--tc-ink-soft);
  --jade-line: var(--tc-bronze);
  --jade-paper: #bdcbb2;
  --jade-card: linear-gradient(135deg, #cfdbc4dd, #b7c9b5dd);
  --jade-selected: var(--tc-button-fill);
  --silk-page-paper: var(--jade-card);
  color: var(--tc-ink-strong);
  background: linear-gradient(#456c60a6, #6c8b731a 100px),
    var(--tc-page-art) center / 100% 100% no-repeat, #8da497;
}

html[data-ui-theme="teal-cloud-a"] #game-root::after { border-color: #a58d59; }
html[data-ui-theme="teal-cloud-a"] #game-root :is(#app, .game-content) { background: transparent; }
html[data-ui-theme="teal-cloud-a"] #game-root .game-header {
  background: linear-gradient(90deg, #466c5b66, #3f685d44) !important;
  border-color: #b6a06a;
  box-shadow: inset 0 -1px #e2c88a66;
}
html[data-ui-theme="teal-cloud-a"] #game-root .game-header h1 {
  color: #f2ddb1;
  text-shadow: 0 1px 1px #29443c;
}
html[data-ui-theme="teal-cloud-a"] #game-root .game-header__subtitle { color: #f1e9c8; }
html[data-ui-theme="teal-cloud-a"] #game-root .bottom-nav {
  background: #75918066 !important;
  border-color: #b6a06a;
}
html[data-ui-theme="teal-cloud-a"] #game-root .bottom-nav button {
  background: var(--tc-corners), var(--tc-button-fill) !important;
  border-color: #a99461;
  color: var(--tc-button-ink);
  text-shadow: 0 1px #304f43;
  box-shadow: inset 0 1px #e5d29930;
}
html[data-ui-theme="teal-cloud-a"] #game-root .bottom-nav button.is-active {
  background: var(--tc-corners), linear-gradient(140deg, #92774f, #54694f) !important;
  border-color: #d0b16e;
  color: #ffe5ac;
  box-shadow: inset 0 0 0 1px #d6b16c77;
}

/* Artwork-bearing sect maps, battle boards and existing approved pilots keep
   their own images. Every other page gains the shared illustrated silk plate. */
html[data-ui-theme="teal-cloud-a"] #game-root .page-panel:is(
  .feature-page-panel, .cave-panel, .shop-panel, .map-panel, [data-page="more"]
):not(.rank-page):not(.is-scene-mode) {
  background: linear-gradient(#b8c6ad12, #a7bdab12),
    var(--tc-page-art) center / 100% 100% no-repeat !important;
  border-color: var(--tc-bronze);
  color: var(--tc-ink-strong);
  box-shadow: inset 0 0 0 1px #e6d9af66;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .feature-page-heading, .feature-page-header, .cave-heading, .shop-heading, .sect-heading
) {
  background: var(--tc-corners), linear-gradient(110deg, #c1ceb2d9, #b0c4afd9) !important;
  color: var(--tc-ink-strong);
  border-color: #a08e60 !important;
  box-shadow: inset 0 1px #f4e6bd66;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .feature-page-heading, .feature-page-header, .cave-heading, .shop-heading, .sect-heading
) :is(h1, h2, h3) {
  color: var(--tc-ink-strong) !important;
  text-shadow: 0 1px #e6e3bf88;
}

/* Generic dialog surfaces; domain sheets below specialize their inner cards. */
html[data-ui-theme="teal-cloud-a"] #game-root dialog {
  background: linear-gradient(90deg, #bccbae40, #bccbaeaa 20%, #bccbaeaa 80%, #bccbae40),
    var(--tc-page-art) center / 100% 100% no-repeat !important;
  color: var(--tc-ink-strong);
  border-color: var(--tc-bronze) !important;
  box-shadow: inset 0 0 0 2px #efe1b566, 0 8px 24px #294c413d !important;
}
html[data-ui-theme="teal-cloud-a"] #game-root dialog > .attribute-modal__content {
  background: transparent !important;
  color: var(--tc-ink-strong);
  box-shadow: none !important;
}
html[data-ui-theme="teal-cloud-a"] #game-root dialog :is(
  .attribute-modal__heading, .feature-dialog-heading, .dialog-header
) {
  border-color: #a18e6266;
  background: transparent;
}
html[data-ui-theme="teal-cloud-a"] #game-root dialog :is(h2, h3) {
  color: var(--tc-ink-strong) !important;
  text-shadow: 0 1px #e4e5c777;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(.game-dialog-mask, .companion-confirm-overlay) {
  background-color: #173d3a66;
}
html[data-ui-theme="teal-cloud-a"] #game-root dialog::backdrop { background: #173d3a66; }
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .primary-button, .feature-back-button, .feature-help-button,
  .attribute-modal__close, .dialog-close, .more-menu-button
):not(:disabled) {
  background: var(--tc-corners), var(--tc-button-fill) !important;
  color: var(--tc-button-ink) !important;
  border-color: #a99461 !important;
  box-shadow: inset 0 1px #f3dfad44, inset 0 0 0 2px #ddbf7933;
  text-shadow: 0 1px #2d4a40;
}
html[data-ui-theme="teal-cloud-a"] #game-root .secondary-button:not(:disabled) {
  background: var(--tc-corners), var(--tc-action-art) center / 100% 100% no-repeat, #c4d0b8 !important;
  border-color: #9a8d63 !important;
  color: var(--tc-ink-strong) !important;
  box-shadow: inset 0 1px #f4ebc477;
  text-shadow: none;
}
html[data-ui-theme="teal-cloud-a"] #game-root .danger-button:not(:disabled) {
  background: var(--tc-corners), linear-gradient(#94624e, #74483d) !important;
  border-color: #a78058 !important;
  color: #fff0d9 !important;
  text-shadow: 0 1px #624133;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(.primary-button, .secondary-button, .danger-button):disabled {
  background: var(--tc-corners), linear-gradient(#b3bea9, #9eae9d) !important;
  border-color: #8c9982 !important;
  color: #526356 !important;
  box-shadow: inset 0 1px #e8e1bd33;
  text-shadow: none;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(input, textarea, select):not([type="range"]):not([type="checkbox"]):not([type="radio"]) {
  color: var(--tc-ink-strong);
  background-color: #e0e3c9;
  border-color: #968b65;
  caret-color: #365b53;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(input, textarea)::placeholder { color: #627366; }

/* Home composition is fixed; only its old painted surfaces change. */
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] {
  background: linear-gradient(#0927311c, #0927311c), var(--jade-world) no-repeat #365e58;
  background-size: auto 1024px;
  background-position: center calc(-90px + (var(--game-base-height) - 853px) * .58);
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .game-header {
  background: linear-gradient(90deg, #193f41, #2d5550) !important;
}
/* Compact circular entrances leave the title artwork above the seated player clear. */
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .home-activity-shortcuts {
  top: 128px;
  gap: 8px;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .home-activity-shortcuts .home-activity-shortcut {
  flex-basis: 68px;
  width: 68px;
  gap: 2px;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .home-activity-icon {
  width: 44px;
  height: 44px;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .home-activity-shortcut .home-activity-name {
  font-size: 13px !important;
  line-height: 16px;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] :is(
  .cultivate-panel, .cultivate-character-stage
) {
  background: transparent !important;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .player-currencies span {
  background: var(--tc-corners), #294e48e8;
  color: #efe8c9;
  border-color: #b69e65;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .cultivate-info-panel {
  background: linear-gradient(90deg, transparent, #294d42e8 8%, #294d42e8 92%, transparent);
  box-shadow: none;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .cultivate-entry-row .cultivate-entry-button {
  background: var(--tc-corners), var(--tc-button-fill) !important;
  border-color: #b59e68 !important;
  color: var(--tc-button-ink) !important;
  box-shadow: inset 0 1px #e9d7a744;
  text-shadow: 0 1px #2d4a40;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .cultivate-entry-row .cultivate-entry-button strong {
  color: var(--tc-button-ink) !important;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .cultivate-entry-row .cultivate-entry-button::before {
  background-color: #e4dab4;
  filter: drop-shadow(0 1px #284b41);
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] .cultivate-chat-entry {
  background: var(--tc-corners), var(--tc-button-fill) !important;
  color: var(--tc-button-ink) !important;
  border-color: #b59e68 !important;
}
html[data-ui-theme="teal-cloud-a"] #game-root[data-active-page="cultivate"] :is(
  .manual-cultivation-button, .breakthrough-action-button
):not(:disabled) {
  background: var(--tc-corners), linear-gradient(110deg, #b7985a, #dfc486 48%, #b8995e) !important;
  color: #3f3826 !important;
  border-color: #bf9e5c !important;
  box-shadow: inset 0 1px #f8e1aa99, inset 0 0 0 2px #c7a66466;
  text-shadow: none;
}

/* Entry uses the original landscape and portraits, with new paper/bronze UI. */
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-gateway__panel, [data-role="create-panel"], .network-prologue__content,
  .region-selection-panel, .region-selection-modal, .birth-region-dialog
) {
  background: linear-gradient(90deg, #b9c9ac33, #b9c9acb0 24%, #b9c9acb0 76%, #b9c9ac33),
    var(--tc-page-art) center / 100% 100% no-repeat !important;
  color: var(--tc-ink-strong);
  border-color: #a18b59;
  box-shadow: inset 0 0 0 2px #e6d3a677, 0 8px 24px #294c4144;
}
html[data-ui-theme="teal-cloud-a"] #game-root .network-gateway .network-gateway__panel :is(
  h1, h2, label, .network-gateway__eyebrow, .network-prologue, .network-prologue p,
  .network-session-resume, .network-session-resume p, .network-session-resume strong
) {
  color: var(--tc-ink-strong) !important;
  text-shadow: 0 1px #e4e5c744;
}
html[data-ui-theme="teal-cloud-a"] #game-root .network-gateway :is(
  .network-server-button, .network-server-card, .region-option, .network-session-resume
) {
  background: var(--tc-corners), #c5d0b8e8 !important;
  border-color: #9f9167;
  color: var(--tc-ink-strong);
}
html[data-ui-theme="teal-cloud-a"] #game-root .network-gateway :is(
  .network-server-button, .network-server-card, .region-option
):is(.is-selected, .is-active, [aria-pressed="true"]) {
  background: var(--tc-corners), var(--tc-button-fill) !important;
  color: var(--tc-button-ink) !important;
  border-color: #c6aa66;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-gender-options label, .create-form .gender-option
) {
  background: var(--tc-corners), linear-gradient(145deg, #bacbb1ed, #a3baa9ed) !important;
  color: var(--tc-ink-strong) !important;
  border-color: #96845c;
  box-shadow: inset 0 1px #f1e7c277;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-gender-options label, .create-form .gender-option
):is(.is-selected, :has(input:checked)) {
  background: var(--tc-corners), var(--tc-button-fill) !important;
  color: var(--tc-button-ink) !important;
  border-color: #c8aa68;
  box-shadow: inset 0 0 0 1px #d7bb79;
}
html[data-ui-theme="teal-cloud-a"] #game-root .create-form [data-role="gender-name"] {
  color: inherit;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-prologue__body p, .network-prologue__content h1,
  .network-prologue__content .network-gateway__eyebrow,
  .network-gender-options legend, [data-role="create-panel"] h2,
  [data-role="create-panel"] p, .create-form > label
) { color: var(--tc-ink-strong) !important; text-shadow: none; }
html[data-ui-theme="teal-cloud-a"] #game-root .network-area-group {
  background: var(--tc-corners), #becbb4e8;
  border-color: #a08c60;
}
html[data-ui-theme="teal-cloud-a"] #game-root .network-area-header {
  background: var(--tc-corners), var(--tc-button-fill);
  border-color: #a08c60;
  color: var(--tc-button-ink);
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-area-header small, .network-area-toggle
) { color: #e0dfc4; }
html[data-ui-theme="teal-cloud-a"] #game-root .network-server-card:is(
  .is-selected, .is-active, [aria-pressed="true"]
) :is(strong, span) { color: var(--tc-button-ink) !important; }
html[data-ui-theme="teal-cloud-a"] #game-root .region-detail {
  background: var(--tc-corners), #c7d2b9ed;
  border-color: #a08c60;
}
html[data-ui-theme="teal-cloud-a"] #game-root .birth-region-label {
  background: var(--tc-corners), #d0d8beef;
  border-color: #9d865c;
  color: var(--tc-ink-strong);
}
html[data-ui-theme="teal-cloud-a"] #game-root .birth-region-label.is-selected {
  background: var(--tc-corners), var(--tc-button-fill);
  color: var(--tc-button-ink);
  border-color: #d0b16e;
}
html[data-ui-theme="teal-cloud-a"] #game-root .network-gateway .primary-button:not(:disabled) {
  background: var(--tc-corners), linear-gradient(110deg, #b7985a, #dfc486, #b8995e) !important;
  color: #3f3826 !important;
  border-color: #bf9e5c !important;
  box-shadow: inset 0 1px #f8e1aa99, inset 0 0 0 2px #c7a66466;
}
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-gateway__status[data-state="error"], .network-account-error
) { color: #8d3f31 !important; }
html[data-ui-theme="teal-cloud-a"] #game-root :is(
  .network-gateway__status[data-state="success"], .network-account-success
) { color: #315d43 !important; }
html[data-ui-theme="teal-cloud-a"] #game-root :is(.reset-section, .reset-confirmation) {
  background: var(--tc-corners), #c3cdb4e8 !important;
  border-color: #a38861;
  color: var(--tc-ink-strong);
}
html[data-ui-theme="teal-cloud-a"] #game-root .reward-notice {
  background: var(--tc-corners), #d5dec3f5;
  color: var(--tc-ink-strong);
  border-color: #a18b59;
}