/* Painted production materials. Layout, hit areas, live values and icons stay DOM-owned. */
html[data-ui-theme="coral-bronze"] {
  --ui-painted-key:url('../../assets/ui/coral-bronze/painted-key.webp');
  --ui-hud-rail:url('../../assets/ui/coral-bronze/hud-rail.webp');
  --ui-inset-plate:url('../../assets/ui/coral-bronze/inset-plate.webp');
  --ui-meter-bezel:url('../../assets/ui/coral-bronze/meter-bezel.webp');
}

/* The housing is drawn independently of the buttons: keep the existing 40/68px dock. */
html[data-ui-theme="coral-bronze"] #aquariumCard #tank-bottom-control-panel {
  background:#13272a!important;
  border-color:transparent!important;
  border-image:var(--ui-hud-rail) 20% 12% 20% 12% fill / 7px 10px 6px / 0 stretch!important;
  border-radius:0!important;
  box-shadow:0 -2px 5px #001014b3!important;
  image-rendering:auto;
}

/* Square hotkeys use an actual chipped stone/brass sprite, including Q and stat +.
   Match stat + by attribute: an ID inside :is() would outrank every active state. */
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount
  :is(.quick-action-btn,.tank-bar-btn,.left-hotkey-btn,.quest-q-btn,.wq-alarm-hotkey-btn,[id="stat-upgrade-btn"]) {
  background:var(--ui-painted-key) center / 100% 100% no-repeat!important;
  border-color:transparent!important;
  border-radius:0!important;
  box-shadow:0 2px 2px #001014c0!important;
  color:#f0e1b9!important;
  text-shadow:0 1px 2px #001415;
  image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount
  :is(.quick-action-btn,.tank-bar-btn,.left-hotkey-btn,.quest-q-btn,.wq-alarm-hotkey-btn,[id="stat-upgrade-btn"]):not(:disabled):hover {
  filter:brightness(1.08);
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount
  :is(.quick-action-btn,.tank-bar-btn,.left-hotkey-btn,.quest-q-btn,.wq-alarm-hotkey-btn,[id="stat-upgrade-btn"]):not(:disabled):is(:active,.pressing) {
  filter:brightness(.78);
  box-shadow:inset 0 2px 3px #000b!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount
  :is(.quick-action-btn,.tank-bar-btn,.left-hotkey-btn):is(.active,.inv-open,.logic-active) {
  box-shadow:inset 0 -3px #9ecb92,0 1px 3px #000a!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount
  :is(.quick-action-btn,.tank-bar-btn,.left-hotkey-btn,.quest-q-btn,.wq-alarm-hotkey-btn,[id="stat-upgrade-btn"]):disabled {
  filter:grayscale(.7) brightness(.62);opacity:.85;
}
/* Availability and quest cues must remain independent from the material's own highlights. */
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount
  :is(.quest-guide-highlight,.tutorial-highlight,#stat-upgrade-btn.has-points) {
  outline:2px solid #ffe095;outline-offset:1px;
  box-shadow:0 0 6px #e7c875!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount .pixel-emoji {image-rendering:pixelated;}

/* An inset status plate leaves room for the existing LED, text and disclosure glyph. */
html[data-ui-theme="coral-bronze"] #aquariumCard #wqSummaryBtn {
  background:#12282a!important;border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 4px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 2px #000a!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard
  :is(#deviceTray,#tankTopBar,#tankSwitchPanel,#stat-upgrade-panel,#quest-panel) {
  background:#14292b!important;border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 7px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 3px 7px #000a!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray
  :is(.device-tray-btn,.device-tray-detail) {
  background:#344840!important;border-color:transparent!important;
  border-image:var(--ui-button-image) 90 fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 2px #000a!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray .device-tray-btn.active {
  box-shadow:inset 0 -3px #a6d38a,0 1px 2px #000a!important;color:#e7f4c8!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray :is(.device-tray-btn,.device-tray-detail):disabled {
  filter:grayscale(.65) brightness(.62);opacity:.8;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray :is(.device-tray-btn,.device-tray-detail):not(:disabled):active {
  filter:brightness(.78);box-shadow:inset 0 2px 4px #000b!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray .quest-guide-highlight {
  outline:2px solid #ffe095;outline-offset:1px;box-shadow:0 0 6px #e7c875!important;
}

/* Meters use only the painted rim; omitting 'fill' keeps live health and XP visible. */
html[data-ui-theme="coral-bronze"] #aquariumCard .xp-bar-outer,
html[data-ui-theme="coral-bronze"] #aquariumCard .pocket-money-badge,
html[data-ui-theme="coral-bronze"] #aquariumCard .coral-health-bar {
  background:#102729!important;border-color:transparent!important;
  border-image:var(--ui-meter-bezel) 24% 14% 24% 14% / 3px 6px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 2px #0009!important;image-rendering:auto;
}
/* The bond track is just 4px high. Its geometry and actual fill are deliberately retained. */
html[data-ui-theme="coral-bronze"] #aquariumCard #bondBarLabel {
  color:#eedbb2;text-shadow:0 1px 2px #081a1b;
}

/* Inner detail plates have chiseled edges, not rounded glossy web cards. */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  :is(.shrimp-list-row,.coral-profile,.settings-row,.shop-card,.accessory-row,
      .community-published-tank-row,.community-my-published-card,.report-list,
      .controller-buttons-wrap > .controller-panel,.controller-settings-frame,.gs-slot-info-bar,.kpi) {
  background:#142b2c!important;border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 3px #0008!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal .shrimp-list-row:hover {
  outline:1px solid #bea875;outline-offset:-2px;
}
/* Existing content height and spacing stay intact; the texture carries its bevel. */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  :is(button,.btn-back,.inv-action-btn):not(.lab-menu-tab):not(.lab-menu-dismiss) {
  background:#43554b!important;border-color:transparent!important;
  border-image:var(--ui-button-image) 90 fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 2px #0009!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  button:not(.lab-menu-tab):not(.lab-menu-dismiss):is(.active,[aria-pressed="true"]):not(.off) {
  box-shadow:inset 0 -3px #acd18d,0 1px 2px #0009!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #controllerMount .push-toggle-btn.off.active {
  color:#ffe0b0!important;box-shadow:inset 0 -3px #e6b77f,0 1px 2px #0009!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #controllerMount .push-toggle-btn:not(.active):not(.set) {
  filter:brightness(.72);color:#c6d0bc!important;box-shadow:0 1px 2px #0009!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  :is(.settings-danger-btn,#deleteAccountBtn,[data-action="confirm-delete"]) {
  color:#ffd1b6!important;box-shadow:inset 0 -3px #ce7864,0 1px 2px #0009!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  button:not(.lab-menu-tab):not(.lab-menu-dismiss):disabled {
  filter:grayscale(.7) brightness(.64);opacity:.75;box-shadow:none!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  button:not(.lab-menu-tab):not(.lab-menu-dismiss):not(:disabled):active {
  filter:brightness(.78);box-shadow:inset 0 2px 4px #000b!important;
}

/* Tabs and dismissal use the same physical material without changing the full-menu buttons. */
html[data-ui-theme="coral-bronze"] #aquariumCard .lab-menu-tab {
  background:#253a35!important;border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 2px #0008!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] #aquariumCard .lab-menu-tab[aria-selected="true"] {
  border-image-source:var(--ui-button-image)!important;border-image-slice:90 fill!important;
  color:#fff0c6;box-shadow:inset 0 -2px #d6bb7e,0 1px 2px #0008!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard .lab-menu-tab:disabled {
  filter:grayscale(.75) brightness(.7);color:#a8ac9a;
}
html[data-ui-theme="coral-bronze"] #aquariumCard .lab-menu-dismiss {
  background:var(--ui-painted-key) center / 100% 100% no-repeat!important;
  border-color:transparent!important;border-radius:0!important;box-shadow:0 1px 2px #0009!important;image-rendering:auto;
}

/* Distinct carved inlays for special tool modes and armed medicine. */
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount #decorateEraserBtn.active {
  box-shadow:inset 0 -3px #df8b78,0 1px 3px #000a!important;color:#ffdac3!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount #decorateLogicModeBtn.active {
  box-shadow:inset 0 -3px #e7c476,0 1px 3px #000a!important;color:#ffe6ac!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #aquariumMount .wq-alarm-hotkey-btn-armed {
  outline:2px solid #df9c78;outline-offset:1px;box-shadow:inset 0 -3px #e7b984,0 1px 3px #000a!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTrayToggleBtn[aria-expanded="true"] {
  outline:1px solid #ecd19b;outline-offset:1px;
}


/* Opaque border-image fill paints over inset shadows. Put state inlays above the art.
   Focus and quest guidance retain their outer ring; disabled controls get no state inlay. */
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray
  .device-tray-btn.active:not(:disabled):not(:focus-visible):not(.quest-guide-highlight),
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal
  button:is(.active,[aria-pressed="true"]):not(.off):not(:disabled):not(:focus-visible):not(.quest-guide-highlight) {
  outline:1px solid #acd18d;outline-offset:-3px;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #controllerMount
  .push-toggle-btn.off.active:not(:disabled):not(:focus-visible):not(.quest-guide-highlight) {
  outline:1px solid #e6b77f;outline-offset:-3px;
}

/* Small cards reuse the quest plate: worn stone edges and a quiet dark center. */
html[data-ui-theme="coral-bronze"] :is(
  .tanksetup-card,.ceremony-card,.bc-card,.lvup-card,.tutorial-mode-card-inner,
  .ff-card,.ff-modal,.ff-result-card,.ff-result-modal,.shelf-confirm-card,
  .shelf-confirm-modal-content,.coral-dialog,.login-card
) {
  background:#14292b!important;
  border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 8px / 0 stretch!important;
  border-radius:0!important;
  box-shadow:0 5px 14px #0008!important;
  color:var(--ui-cream);
  image-rendering:auto;
}
/* The tutorial owns an inner card; avoid stacking two opaque frames. */
html[data-ui-theme="coral-bronze"] .tutorial-mode-card {
  background:none!important;border-color:transparent!important;
  border-image:none!important;border-radius:0!important;box-shadow:none!important;
}
html[data-ui-theme="coral-bronze"] :is(.tanksetup-title,.tutorial-mode-title,.shelf-confirm-title) {
  font-family:var(--ui-font-display)!important;color:#ecd9a5!important;
  text-shadow:0 1px 2px #07191b;
}
html[data-ui-theme="coral-bronze"] :is(.tanksetup-step,.tutorial-mode-page) {color:#aabdb0;}

/* Paint action surfaces, leaving color swatches, eggs and provider logos intact. */
html[data-ui-theme="coral-bronze"] :is(
  .tanksetup-card,.ceremony-card,.bc-card,.lvup-card,.tutorial-mode-card-inner,
  .ff-card,.ff-modal,.ff-result-card,.ff-result-modal,.shelf-confirm-card,
  .shelf-confirm-modal-content,.coral-dialog,.login-card
) button:not(.tanksetup-swatch):not(.tanksetup-block):not(.ceremony-egg-wrap):not(.bc-egg-wrap):not(.login-btn-apple):not(.login-btn-google):not(.coral-dialog-choice),
html[data-ui-theme="coral-bronze"] #aquariumCard #quest-panel :is([data-action="quest-accept"],[data-action="quest-claim"]),
html[data-ui-theme="coral-bronze"] .press-to-start .loading-text {
  background:#3b5046!important;border-color:transparent!important;
  border-image:var(--ui-button-image) 90 fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 2px 3px #0008!important;
  color:var(--ui-action-ink,#f0e3c1)!important;text-shadow:0 1px 2px #102b29;
  image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] .press-to-start .loading-text {
  font-family:var(--ui-font-display)!important;font-weight:700;
}
html[data-ui-theme="coral-bronze"] .press-to-start:focus-visible .loading-text {
  outline:2px solid #f7df99;outline-offset:3px;
}
html[data-ui-theme="coral-bronze"] .press-to-start:active .loading-text {filter:brightness(.82);}
html[data-ui-theme="coral-bronze"] :is(
  .tanksetup-card,.ceremony-card,.bc-card,.lvup-card,.tutorial-mode-card-inner,
  .ff-card,.ff-modal,.ff-result-card,.ff-result-modal,.shelf-confirm-card,
  .shelf-confirm-modal-content,.coral-dialog,.login-card
) button:disabled,
html[data-ui-theme="coral-bronze"] #aquariumCard #quest-panel button:disabled {
  filter:grayscale(.65) brightness(.68);opacity:.65;
}
html[data-ui-theme="coral-bronze"] :is(.coral-dialog-danger-btn,.tutorial-mode-nav-close) {
  --ui-action-ink:#ffd0b6;
  outline:1px solid #c78169;outline-offset:-3px;
}
/* Preserve material previews and their selection signals instead of painting over them. */
html[data-ui-theme="coral-bronze"] :is(.tanksetup-swatch,.tanksetup-block) {
  border-radius:2px;border-color:#829083;
}
html[data-ui-theme="coral-bronze"] :is(.tanksetup-swatch,.tanksetup-block).selected {
  border-color:#edd697;box-shadow:0 0 0 1px #102725,0 0 0 2px #cfb87a;
}
html[data-ui-theme="coral-bronze"] .coral-dialog-choice {
  background:#1b3231!important;border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 5px / 0 stretch!important;
  border-radius:0!important;
}

/* Rim only: no image fill, element opacity or backdrop blur can hide the live tank. */
html[data-ui-theme="coral-bronze"] #aquariumCard #quest-panel {
  --muted:#c7d4c7;--text:#f4ecd5;
  background:rgba(10,29,30,.55)!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% / 7px / 0 stretch!important;
  box-shadow:0 2px 7px #0006!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #quest-panel .quest-panel-body {
  background:transparent;text-shadow:0 1px 2px #001417,0 0 4px #001417;
}


/* Smaller name/family plates keep the same frame at a quieter thickness. */
html[data-ui-theme="coral-bronze"] :is(.ceremony-name-card,.ceremony-family-card) {
  background:#1b3231!important;border-color:transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 4px / 0 stretch!important;
  border-radius:0!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] :is(.tanksetup-card,.ceremony-card,.bc-card,.lvup-card,.tutorial-mode-card-inner,.shelf-confirm-card)
  button:not(:disabled):active {filter:brightness(.82);}


/* Shop readability and block-material preview use the quest-card material. */
html[data-ui-theme="coral-bronze"] #aquariumCard #shopMount .shop-category-btn {
  color:#f3e6c5!important;
  font-family:var(--ui-font-body)!important;
  text-shadow:0 1px 2px #07191b!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #shopMount .shop-category-btn:disabled {
  color:#c3cbbd!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #shopMount .shop-action-buttons {
  width:100%;display:grid;gap:5px;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #shopMount .shop-action-buttons > .shop-category-btn {
  box-sizing:border-box;width:100%!important;min-width:0!important;height:30px!important;
  padding:5px 3px!important;display:flex;align-items:center;justify-content:center;line-height:1.15;
}
html[data-ui-theme="coral-bronze"] .platform-material-preview {
  background:rgba(10,29,30,.94)!important;color:var(--ui-cream,#f3e6c5)!important;
  border:8px solid transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 8px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 10px 32px #000c!important;
  font-family:var(--ui-font-body)!important;image-rendering:auto;
}
html[data-ui-theme="coral-bronze"] .platform-material-preview #platform-preview-title {
  font-family:var(--ui-font-display)!important;color:#ecd9a5!important;text-shadow:0 1px 2px #07191b;
}
html[data-ui-theme="coral-bronze"] .platform-material-preview button {
  min-height:34px;padding:7px 11px!important;cursor:pointer;color:#f3e6c5!important;
  background:#3b5046!important;border:5px solid transparent!important;
  border-image:var(--ui-button-image) 90 fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 2px 3px #0008!important;font:inherit;
}
html[data-ui-theme="coral-bronze"] .platform-material-preview button[aria-pressed="true"] {
  outline:1px solid #acd18d;outline-offset:-3px;color:#fff0c6!important;
}
html[data-ui-theme="coral-bronze"] .platform-material-preview button:active {filter:brightness(.82);}
html[data-ui-theme="coral-bronze"] .platform-material-preview .platform-material-canvas {
  box-sizing:border-box;border:7px solid transparent!important;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 7px / 0 stretch!important;
  border-radius:0!important;
}

/* Mating choices use physical game controls; native checkbox/checkmark cues are omitted. */
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount {
  font-family:var(--ui-font-body)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-card {
  border-image:var(--ui-panel-image) 145 fill / 13px / 0 stretch!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-body {
  display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;
  padding:9px 10px!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-parent-row {
  display:flex;align-items:stretch;flex-shrink:0;gap:5px;height:var(--mating-parent-row-h,128px);
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-parent-slot {
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 5px / 0 stretch;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-panel {
  display:flex;flex-direction:column;gap:7px;padding:8px 9px;
  color:#d8d0b8;background:#102729;border:1px solid #756b50;
  border-image:var(--ui-inset-plate) 19% 12% 20% 12% fill / 5px / 0 stretch;
  box-shadow:inset 0 1px #a9a07828,0 1px 2px #0008;opacity:.62;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-panel.is-enabled {opacity:1;}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-heading,
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-row {
  display:flex;align-items:center;gap:6px;min-width:0;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-heading {justify-content:space-between;}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-heading>strong {
  min-width:0;color:#eadcb9;font-family:var(--ui-font-display)!important;font-size:10px;font-weight:700;
  letter-spacing:.02em;text-shadow:0 1px #071415;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-label {
  flex:0 0 42px;color:#b7b49f;font-family:var(--ui-font-body)!important;font-size:8px;font-weight:700;white-space:nowrap;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-options {
  display:flex;flex:1;align-items:stretch;gap:4px;min-width:0;height:28px;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-placeholder,
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-trait-empty {
  display:flex;flex:1;align-items:center;min-width:0;height:26px;padding:0 6px;
  color:#77877e;font-size:8px;background:#0c1d20;border:1px dashed #4f5d53;box-sizing:border-box;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #matingMount button.mating-color-choice {
  position:relative;display:grid;flex:1;place-items:center;min-width:24px;height:var(--mating-row-h,28px)!important;
  padding:4px!important;background:#273a35!important;border:1px solid #897653!important;
  border-image:none!important;border-radius:2px!important;box-shadow:inset 0 1px #d9c89938,inset 0 -2px #071412,0 1px 2px #0009!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-color-choice>span {
  display:block;width:100%;height:100%;min-height:13px;box-sizing:border-box;
  background:var(--mating-swatch,#777);border:1px solid #071112;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0008;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-color-choice[aria-pressed="true"] {
  border-color:#ead18e!important;box-shadow:inset 0 0 0 1px #f4dda0,0 0 0 1px #735e38,0 1px 2px #000!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-color-choice[aria-pressed="true"]::after {
  content:"";position:absolute;right:2px;bottom:2px;width:5px;height:5px;background:#ffe09a;
  clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(0 0 1px #000);
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #matingMount button.mating-text-choice {
  position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-width:0;height:28px!important;
  padding:2px 5px!important;color:#c9c5ae!important;font-family:var(--ui-font-body)!important;font-size:8px!important;font-weight:600!important;
  background:#35463e!important;border-color:transparent!important;border-image:var(--ui-button-image) 90 fill / 5px / 0 stretch!important;
  border-radius:0!important;box-shadow:0 1px 2px #0009!important;white-space:nowrap;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-text-choice[aria-pressed="true"] {
  color:#fff0c6!important;filter:brightness(1.14);box-shadow:inset 0 -3px #d2b870,0 1px 2px #0009!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-text-choice[aria-pressed="true"]::after {
  content:"";position:absolute;right:5px;width:4px;height:4px;background:#f0d38b;transform:rotate(45deg);box-shadow:0 0 2px #f0d38b;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #matingMount button.mating-breed-btn {
  flex:0 0 auto;min-height:27px!important;padding:4px 12px!important;color:#ffe0bd!important;
  font-family:var(--ui-font-display)!important;font-size:9px!important;font-weight:700!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-color-distribution {
  position:absolute;z-index:3;top:3px;right:3px;bottom:3px;display:flex;flex-direction:column;width:6px;
  overflow:hidden;background:#071315;border:1px solid #b8a775;box-shadow:0 0 0 1px #071315,0 1px 2px #000;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-color-distribution>i {
  display:block;flex:0 0 var(--mating-segment-size);width:100%;background:var(--mating-segment);min-height:1px;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-section-divider {
  flex:0 0 2px;height:2px;margin:0 -2px;background:repeating-linear-gradient(90deg,#8c7959 0 5px,transparent 5px 9px);
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-inventory-title {
  margin-bottom:5px;color:#e1d3ae;font-family:var(--ui-font-display)!important;font-size:9px;font-weight:700;letter-spacing:.04em;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-inventory-section.female .mating-inventory-title {color:#eea8bd;}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-inventory-section.male .mating-inventory-title {color:#91cadd;}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-inventory-grid {display:flex;flex-wrap:wrap;gap:4px;}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-inv-cell {
  background:#14292b!important;box-shadow:inset 0 1px #a9a07824,inset 0 -2px #071315!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #matingMount .mating-inv-cell:hover {
  border-color:#cbb881!important;background:#1b3433!important;
}