/* Final material guardrail: card chrome may refract the backdrop, but it must
 * never paint a white, grey, or translucent frame of its own. */
.cell,
.map:not(.is-focus) .cell,
.focus-cells .cell,
.cell:hover,
.cell.is-active,
.map:not(.is-focus) .cell:hover,
.map:not(.is-focus) .cell.is-active,
.focus-cells .cell:hover,
.focus-cells .cell.is-active {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow:
    0 9px 20px rgba(39, 53, 72, 0.035),
    0 2px 5px rgba(39, 53, 72, 0.018) !important;
}

.cell::before,
.map:not(.is-focus) .cell::before,
.focus-cells .cell::before {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(64, 80, 104, 0.001) !important;
  box-shadow: none !important;
}

.cell::after,
.map:not(.is-focus) .cell::after,
.focus-cells .cell::after,
body.theme-blackhole .cell::after,
body.theme-blackhole .focus-cells .cell::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.cell .obj,
.cell:hover .obj,
.cell.is-active .obj {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

body.theme-blackhole .cell,
body.theme-blackhole .focus-cells .cell,
body.theme-blackhole .cell:hover,
body.theme-blackhole .cell.is-active {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow:
    0 10px 23px rgba(0, 0, 0, 0.13),
    0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

body.theme-blackhole .cell::before,
body.theme-blackhole .focus-cells .cell::before {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(0, 0, 0, 0.001) !important;
  box-shadow: none !important;
}

body.theme-blackhole .cell .obj,
body.theme-blackhole .cell:hover .obj,
body.theme-blackhole .cell.is-active .obj {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(0, 0, 0, 0.24) !important;
  box-shadow: none !important;
}

body.memory-overview-mode .cell,
body.memory-overview-mode .cell:hover,
body.memory-overview-mode .cell.is-active {
  box-shadow: none !important;
}

/*
 * Recall mode must win over the dark-theme readability rules above.
 * The black-hole theme normally paints English white, but hidden English is
 * genuinely transparent until the user explicitly reveals that card/panel.
 */
body.theme-blackhole.mp-hide-english .cell .en,
body.theme-blackhole.mp-hide-english .cell:hover .en,
body.theme-blackhole.mp-hide-english .cell.is-active .en,
body.theme-blackhole.mp-hide-english .glass-panel .gp-en {
  color: transparent !important;
  text-shadow: none !important;
  -webkit-text-fill-color: transparent !important;
}

body.theme-blackhole.mp-hide-english .cell.is-english-revealed .en,
body.theme-blackhole.mp-hide-english .cell.is-english-revealed:hover .en,
body.theme-blackhole.mp-hide-english .cell.is-english-revealed.is-active .en,
body.theme-blackhole.mp-hide-english.mp-panel-english-revealed .glass-panel .gp-en {
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.70) !important;
  -webkit-text-fill-color: #fff !important;
}

body.theme-blackhole.mp-hide-english .cell .en::after {
  border-bottom-color: rgba(255, 255, 255, 0.54) !important;
}

body.theme-blackhole.mp-hide-english .cell.is-english-revealed .en::after,
body.theme-blackhole.mp-hide-english.mp-panel-english-revealed .glass-panel .gp-en::after {
  display: none !important;
}