/* Clear glass over charcoal: water is described by movement, not a blue wash. */
#fih-arena .tank-stage,
#fih-arena #pond-top .aquarium > .living-market {
  background: #0d0f0f !important;
}
#fih-arena .tank-stage::before,
#fih-arena .tank-stage::after,
#fih-arena #pond-top .living-market::before,
#fih-arena #pond-top .living-market::after { content: none !important; }
#fih-arena .tank-stage .tank-chrome { background: #111414 !important; }
#fih-arena .tank-chrome::after { content: none; }
#fih-arena .tank-market-rim,
#fih-arena .tank-stage .market-context-bar { background: #121515; border-color: #ffffff1c; }
#fih-arena .tank-stage .chart-toolbar button { background: #171b1bf2; color: #d3d9d6; }
#fih-arena .tank-stage .terminal-empty,
#fih-arena .hero-water-caption { color: #b9c3bf; }
#fih-arena .tank-stage [data-terminal-chart] { opacity: .9; }
#fih-arena .aquarium-waterline { border-top-color: #e4eee84d; background: #ffffff05; }
#fih-arena .aquarium-floor { opacity: .35; }
#fih-arena .ocean-habitat { opacity: .48; }

#fih-arena .clear-water {
  position: absolute; inset: 0; z-index: 0; overflow: hidden;
  pointer-events: none; user-select: none; contain: layout paint;
  --water-height: 600px;
}
#fih-arena .clear-water * { pointer-events: none; }
#fih-arena .clear-water::before {
  content: ''; position: absolute; inset: 0 0 auto; height: 16px;
  border-top: 1px solid #edf5f226;
  background: linear-gradient(#e7f2ec08, transparent);
}
#fih-arena .clear-bubble {
  position: absolute; bottom: -12px; left: var(--x);
  width: var(--size); height: var(--size); border-radius: 50%;
  border: 1px solid #dceae780; background: transparent;
  box-shadow: inset 1px 1px 0 #ffffff24;
  animation: clear-bubble-rise var(--duration) linear var(--delay) infinite;
  animation-play-state: paused; opacity: 0;
}
#fih-arena .clear-current {
  position: absolute; left: -36%; top: var(--y); width: 34%; height: 54px;
  animation: clear-current-drift var(--duration) linear var(--delay) infinite;
  animation-play-state: paused; opacity: 0;
}
#fih-arena .clear-current svg { width: 100%; height: 100%; fill: none; stroke: #d5e7df; stroke-width: .8; }
#fih-arena .clear-current path { vector-effect: non-scaling-stroke; }
#fih-arena .clear-water[data-water-motion='running'] > * { animation-play-state: running; }
@keyframes clear-bubble-rise {
  0% { transform: translate3d(0,0,0) scale(.75); opacity: 0; }
  9% { opacity: .55; }
  45% { transform: translate3d(var(--drift),calc(var(--water-height) * -.45),0) scale(.9); opacity: .4; }
  84% { opacity: .3; }
  100% { transform: translate3d(0,calc(var(--water-height) * -1 - 18px),0) scale(1.1); opacity: 0; }
}
@keyframes clear-current-drift {
  0% { transform: translate3d(0,0,0); opacity: 0; }
  20% { opacity: .16; }
  75% { opacity: .12; }
  100% { transform: translate3d(410%,-16px,0); opacity: 0; }
}
@media (max-width:800px) {
  #fih-arena .clear-bubble:nth-child(n+9) { display: none; }
  #fih-arena .clear-current { width: 48%; }
}
@media (prefers-reduced-motion:reduce) {
  #fih-arena .clear-bubble, #fih-arena .clear-current { animation: none; }
  #fih-arena .clear-bubble { bottom: var(--still-y); opacity: .22; }
  #fih-arena .clear-current { left: 25%; opacity: .07; }
}