/* 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 shared 40px dock. */
html[data-ui-theme="coral-bronze"] :is(#aquariumCard, #communityGameOverlay) #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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount)
  :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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount)
  :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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount)
  :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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount)
  :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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount)
  :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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount)
  :is(.tutorial-highlight,#stat-upgrade-btn.has-points),
html[data-ui-theme="coral-bronze"] .quest-guide-highlight,
html[data-ui-theme="coral-bronze"] #aquariumCard #deviceTray .quest-guide-highlight {
  outline:2px solid #75eaa3;outline-offset:1px;
  box-shadow:0 0 4px #3fe08a,0 0 10px #3fe08a99!important;
}
html[data-ui-theme="coral-bronze"] :is(#aquariumCard #aquariumMount, #communityRealTankMount) .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;
}

/* 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"] :is(#aquariumCard #aquariumMount, #communityRealTankMount) #decorateEraserBtn.active {
  box-shadow:inset 0 -3px #df8b78,0 1px 3px #000a!important;color:#ffdac3!important;
}
html[data-ui-theme="coral-bronze"] :is(#aquariumCard #aquariumMount, #communityRealTankMount) #decorateLogicModeBtn.active {
  box-shadow:inset 0 -3px #e7c476,0 1px 3px #000a!important;color:#ffe6ac!important;
}
html[data-ui-theme="coral-bronze"] :is(#aquariumCard #aquariumMount, #communityRealTankMount) .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;}
/* The unlock card is a reward: a warm gold glow around the plate and a gold title. */
html[data-ui-theme="coral-bronze"] .feature-unlock-card.shelf-confirm-card {
  box-shadow:0 5px 14px #0008,0 0 0 1px #e8c47099,0 0 26px #ffd66e66!important;
}
html[data-ui-theme="coral-bronze"] .feature-unlock-title.shelf-confirm-title {
  color:#ffe08a!important;text-shadow:0 1px 2px #07191b,0 0 10px #ffd66e99;
}

/* 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"] #communityGameOverlay .community-game-control-btn {
  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"] :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,
html[data-ui-theme="coral-bronze"] #communityGameOverlay .community-game-control-btn: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;
}
/* 받을 수 있는 퀘스트 보상: 같은 판 위에 금빛 테두리와 은은한 숨쉬기로 눈에 띄게. */
@keyframes qp-ready-glow { 0%,100% { box-shadow:0 2px 3px #0008,0 0 0 1px #e8c470,0 0 6px #ffd86655; } 50% { box-shadow:0 2px 3px #0008,0 0 0 1px #ffe89a,0 0 13px #ffd866aa; } }
html[data-ui-theme="coral-bronze"] #aquariumCard #quest-panel .qp-btn.is-ready {
  --ui-action-ink:#ffe08a;
  animation:qp-ready-glow 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui-theme="coral-bronze"] #aquariumCard #quest-panel .qp-btn.is-ready { animation:none; box-shadow:0 2px 3px #0008,0 0 0 1px #e8c470!important; }
}


/* 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;
}

/* 커뮤니티 방송국 키: 테마의 청동 버튼 대신 방송 콘솔 키. 키마다 작은 LED 색이 다르다. */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal)
  button.broadcast-key:not(.lab-menu-tab):not(.lab-menu-dismiss) {
  position:relative;width:44px!important;min-width:0!important;min-height:0!important;padding:4px 2px 4px 9px!important;
  background:linear-gradient(#2b3134,#161b1d)!important;border:1px solid #4b5559!important;border-image:none!important;border-radius:4px!important;
  color:#e3ebe5!important;font-size:9px!important;font-weight:700!important;letter-spacing:.02em;text-shadow:0 1px 1px #000!important;
  box-shadow:inset 0 1px #ffffff1c,0 2px 0 #050708,0 3px 4px #0008!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal) button.broadcast-key::before {
  content:"";position:absolute;left:4px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;
  background:var(--key-led,#6b7a73);box-shadow:0 0 4px var(--key-led,transparent);
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal) button.broadcast-key:not(:disabled):active {
  transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 1px 0 #050708!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal) button.broadcast-key:disabled {
  opacity:.45;--key-led:#3b4541;
}
.broadcast-key.key-rec { --key-led:#ff4a3a; }
.broadcast-key.key-stop { --key-led:#ffb020; }
.broadcast-key.key-test { --key-led:#3fe08a; }
.broadcast-key.key-info { --key-led:#6ec3ff; }
.broadcast-key.key-watch { --key-led:#3fe08a; }

/* 도전과제: TIP 버튼과 수령 버튼은 같은 작은 크기(36×18). TIP은 커뮤니티 방송 키처럼 매끈한 콘솔 키(파란 LED) */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #challengeMount button.chal-hint-btn,
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #challengeMount button.chal-claim-btn {
  box-sizing:border-box;width:36px!important;height:18px!important;min-width:0!important;min-height:0!important;
  display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;
  font-size:9px!important;line-height:1!important;white-space:nowrap;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #challengeMount button.chal-claim-btn { padding:0!important; }
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #challengeMount button.chal-hint-btn {
  position:relative;margin:0!important;padding:0 0 0 7px!important;
  background:linear-gradient(#2b3134,#161b1d)!important;border:1px solid #4b5559!important;border-image:none!important;border-radius:4px!important;
  color:#e3ebe5!important;font-weight:700!important;letter-spacing:.04em;text-shadow:0 1px 1px #000!important;
  box-shadow:inset 0 1px #ffffff1c,0 2px 0 #050708,0 3px 4px #0008!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #challengeMount button.chal-hint-btn::before {
  content:"";position:absolute;left:5px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;
  background:#6ec3ff;box-shadow:0 0 4px #6ec3ff;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #challengeMount button.chal-hint-btn:active {
  transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 1px 0 #050708!important;
}

/* 다른 수조 제목 옆 정렬 토글(최근·인기): 작은 콘솔 키, 켜진 쪽은 초록 LED */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal .community-panel
  .community-section-title button.community-sort-btn:not(.lab-menu-tab):not(.lab-menu-dismiss) {
  flex:0 0 auto;width:auto!important;min-width:0!important;min-height:0!important;padding:3px 8px 3px 13px!important;position:relative;
  background:linear-gradient(#2b3134,#161b1d)!important;border:1px solid #4b5559!important;border-image:none!important;border-radius:4px!important;
  color:#c9d3cc!important;font-size:9px!important;font-weight:700!important;box-shadow:inset 0 1px #ffffff1c,0 2px 0 #050708!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal .community-panel .community-section-title button.community-sort-btn::before {
  content:"";position:absolute;left:5px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#3b4541;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal .community-panel .community-section-title button.community-sort-btn.active {
  color:#eafff1!important;border-color:#4fae7d!important;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal .community-panel .community-section-title button.community-sort-btn.active::before {
  background:#3fe08a;box-shadow:0 0 4px #3fe08a;
}

/* 페이지 번호: 작은 콘솔 키, 지금 페이지는 초록 */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal)
  button.community-page-num.broadcast-key:not(.lab-menu-tab):not(.lab-menu-dismiss) {
  width:26px!important;padding:4px 0!important;text-align:center;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal) button.community-page-num::before { display:none; }
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal) button.community-page-num.active.broadcast-key:not(.lab-menu-tab) {
  color:#eafff1!important;border-color:#4fae7d!important;box-shadow:inset 0 0 6px #3fe08a55,0 2px 0 #050708!important;
}

/* 상세 창 키: 이모지가 LED 자리를 대신하고, 오른쪽 칸 너비를 채운다. */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #communityTankDetailModal
  button.broadcast-key:not(.lab-menu-tab):not(.lab-menu-dismiss) {
  width:100%!important;padding:7px 8px!important;font-size:11px!important;display:flex;align-items:center;justify-content:center;gap:6px;
}
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #communityTankDetailModal button.broadcast-key::before { display:none; }
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #communityTankDetailModal button.broadcast-key.key-watch { border-color:#4fae7d!important; }
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal #communityTankDetailModal button.broadcast-key.key-report { border-color:#b8574a!important; }
.broadcast-key-emoji { font-size:12px; line-height:1; }

/* 페이지 화살표(맨 앞·이전·다음·맨 뒤): 번호 키보다 조금 넓고 세모 글자를 작게 */
html[data-ui-theme="coral-bronze"] #aquariumCard #labCenterModal :is(.community-panel,#communityTankDetailModal)
  button.community-page-num.community-page-arrow.broadcast-key:not(.lab-menu-tab):not(.lab-menu-dismiss) {
  width:28px!important;font-size:8px!important;letter-spacing:-.05em;color:#bfe9cf!important;
}