/* FIH pixel-survival override: loaded after the contemporary skin. */
#fih-arena {
  --px-void: #02070d;
  --px-deep: #061522;
  --px-panel: #092234;
  --px-panel-raised: #0e3046;
  --px-line: #28718a;
  --px-line-bright: #55dbf2;
  --px-ink: #e7fbff;
  --px-dim: #94c7d1;
  --px-cyan: #4ee5ff;
  --px-gold: #ffd463;
  --px-coral: #ff6f88;
  --px-pink: #ff75c8;
  --px-green: #79f5aa;
  --px-shadow: rgba(0, 0, 0, .52);
  color: var(--px-ink);
  background:
    linear-gradient(rgba(78, 229, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 229, 255, .035) 1px, transparent 1px),
    radial-gradient(circle at 50% -18%, #0e3950 0, var(--px-deep) 38%, var(--px-void) 88%);
  background-size: 24px 24px, 24px 24px, auto;
  font-family: "Silkscreen", "JetBrains Mono", ui-monospace, monospace;
  image-rendering: pixelated;
}

#fih-arena *,
#fih-arena *::before,
#fih-arena *::after { box-sizing: border-box; }

#fih-arena :where(button, input, select, textarea) { font: inherit; border-radius: 0 !important; }
#fih-arena :where(button, [role="button"], input, select, textarea):focus-visible {
  outline: 2px solid var(--px-gold) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(2, 7, 13, .96), 0 0 0 7px var(--px-cyan) !important;
}
#fih-arena ::selection { color: var(--px-void); background: var(--px-gold); }
#fih-arena :where(button, [role="button"]) { min-height: 36px; cursor: pointer; }

/* Remove the soft organic layer without touching its data or interaction hooks. */
#fih-arena .monster-world-canvas,
#fih-arena .living-market::before,
#fih-arena .living-market::after,
#fih-arena .pond-gate::before,
#fih-arena .pond-gate::after { opacity: 0 !important; }
#fih-arena .monster-fish { filter: none !important; }
#fih-arena .monster-fish :is(path, circle, ellipse) { filter: none !important; }

#fih-arena .topbar,
#fih-arena .statusbar,
#fih-arena .arena-shell,
#fih-arena .trade-terminal,
#fih-arena .view-section,
#fih-arena .leaderboard-shell,
#fih-arena .memorial-shell,
#fih-arena .evolution-shell,
#fih-arena .about-shell {
  background-color: var(--px-void) !important;
  color: var(--px-ink);
}

#fih-arena .topbar,
#fih-arena .statusbar {
  border-color: var(--px-line) !important;
  box-shadow: 0 2px 0 var(--px-shadow);
}
#fih-arena .brand,
#fih-arena .topbar h1,
#fih-arena .tank-title,
#fih-arena .view-title,
#fih-arena .terminal-symbol strong {
  color: var(--px-gold) !important;
  font-family: "Bungee", "Silkscreen", ui-monospace, monospace !important;
  letter-spacing: .03em !important;
  text-shadow: 2px 2px 0 #092234;
}
#fih-arena .brand-mark { border-radius: 0 !important; background: var(--px-gold) !important; color: var(--px-void) !important; }
#fih-arena .hud-type,
#fih-arena .statusbar,
#fih-arena .tank-subtitle,
#fih-arena .tank-meta,
#fih-arena .terminal-truth,
#fih-arena .terminal-quote-stats,
#fih-arena .metric-label { font-family: "Silkscreen", "JetBrains Mono", monospace !important; }

#fih-arena .nav-tab,
#fih-arena .hud-button,
#fih-arena .wallet-action,
#fih-arena .pond-action,
#fih-arena .tab-button,
#fih-arena .button-row button {
  border: 1px solid var(--px-line) !important;
  background: #061a29 !important;
  color: var(--px-ink) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .34);
}
#fih-arena .nav-tab:is([aria-selected="true"], [data-active="true"]),
#fih-arena .hud-button:hover,
#fih-arena .button-row button:hover,
#fih-arena .wallet-action:hover,
#fih-arena .pond-action:hover {
  border-color: var(--px-cyan) !important;
  background: #0d3c52 !important;
  color: #fff !important;
}

/* Compact arcade cockpit. The tank remains the dominant panel on wide screens. */
#fih-arena .arena-shell {
  display: grid !important;
  grid-template-columns: minmax(170px, .65fr) minmax(0, 2.55fr) minmax(190px, .85fr);
  gap: 8px !important;
  min-height: calc(100svh - 124px);
  padding: 8px !important;
  overflow: clip;
}
#fih-arena .arena-controls,
#fih-arena .agent-panel,
#fih-arena .arena-status,
#fih-arena .tank-stage,
#fih-arena .event-feed,
#fih-arena .leaderboard-panel,
#fih-arena .memorial-card,
#fih-arena .trait-card,
#fih-arena .about-grid article {
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0a293d, #061725) !important;
  box-shadow: inset 0 0 0 1px rgba(78, 229, 255, .06), 2px 2px 0 var(--px-shadow);
}
#fih-arena .arena-controls,
#fih-arena .agent-panel { padding: 12px !important; min-width: 0; }
#fih-arena .panel-heading,
#fih-arena .agent-card h2,
#fih-arena .event-feed h2 { color: var(--px-cyan) !important; letter-spacing: .07em; }
#fih-arena .arena-status { padding: 8px !important; background: #04131f !important; }
#fih-arena .arena-status-title,
#fih-arena .section-kicker,
#fih-arena .view-code { color: var(--px-gold) !important; }

#fih-arena .tank-stage {
  min-width: 0;
  padding: 0 !important;
  overflow: hidden;
  background:
    repeating-linear-gradient(0deg, rgba(78, 229, 255, .035) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, #0b3852 0, #061c2d 40%, #020b14 100%) !important;
}
#fih-arena .tank-header,
#fih-arena .tank-readout,
#fih-arena .arena-hud {
  border-color: var(--px-line) !important;
  background: rgba(2, 11, 20, .92) !important;
  backdrop-filter: none !important;
}
#fih-arena .tank-header { padding: 10px 12px !important; }
#fih-arena .tank-title { font-size: clamp(18px, 2vw, 30px) !important; }
#fih-arena .arcade-score { color: var(--px-gold) !important; text-shadow: 1px 1px 0 #442a00; }
#fih-arena .water-grid { stroke: rgba(78, 229, 255, .24) !important; stroke-width: 1 !important; }
#fih-arena .water-current { stroke: var(--px-cyan) !important; filter: none !important; }
#fih-arena .water-bubbles circle { fill: var(--px-cyan) !important; opacity: .5; }
#fih-arena #fish-layer { isolation: isolate; }

/* Fish are hard-edged game sprites even if a later renderer supplies SVG paths. */
#fih-arena .fish-agent,
#fih-arena .landing-agent,
#fih-arena [data-liquid-agent] {
  border-radius: 0 !important;
  background: transparent !important;
  filter: none !important;
}
#fih-arena .fish-agent:is(:hover, :focus-visible, [data-selected="true"]) .pixel-fish {
  filter: drop-shadow(2px 2px 0 #02070d) drop-shadow(0 0 5px var(--px-gold)) !important;
}
#fih-arena .pixel-fish,
#fih-arena .pixel-fish * {
  image-rendering: pixelated !important;
  shape-rendering: crispEdges !important;
  stroke-linejoin: miter !important;
}
#fih-arena .pixel-fish { filter: drop-shadow(2px 2px 0 #02070d) !important; }
#fih-arena .fish-tag,
#fih-arena .fish-pnl { background: #020b14 !important; border: 1px solid var(--px-line) !important; border-radius: 0 !important; color: var(--px-ink) !important; }
#fih-arena .fish-pnl { color: var(--px-gold) !important; }
#fih-arena .fish-agent[data-alive="false"] { opacity: .45; filter: grayscale(1) !important; }

/* Survival telemetry supplied by the current markup or the parent update. */
#fih-arena .survival-rule,
#fih-arena .death-line-card,
#fih-arena [data-survival-rule],
#fih-arena [data-survival-status],
#fih-arena [data-survival-line] {
  border: 1px solid var(--px-coral) !important;
  border-radius: 0 !important;
  background: #28101c !important;
  color: #ffe9ee !important;
  box-shadow: inset 0 0 0 1px rgba(255, 111, 136, .13);
}
#fih-arena .survival-rule,
#fih-arena .death-line-card { padding: 10px !important; }
#fih-arena .survival-rule__value,
#fih-arena [data-survival-value] { color: var(--px-gold) !important; font-weight: 700; }
#fih-arena [data-survival-state="critical"],
#fih-arena [data-survival-status="critical"] { border-color: var(--px-pink) !important; color: #fff !important; }
#fih-arena [data-survival-state="safe"],
#fih-arena [data-survival-status="safe"] { border-color: var(--px-green) !important; background: #06251f !important; }

/* Trading stays an operational interface: square, high-contrast, and compact. */
#fih-arena .trade-terminal {
  --terminal-ground: var(--px-void);
  --terminal-surface: #061725;
  --terminal-raised: #0a293d;
  --terminal-line: rgba(78, 229, 255, .24);
  --terminal-line-strong: var(--px-line);
  --terminal-ink: var(--px-ink);
  --terminal-muted: var(--px-dim);
  --terminal-buy: var(--px-green);
  --terminal-sell: var(--px-coral);
  border-top: 2px solid var(--px-line-bright) !important;
  background: var(--px-void) !important;
}
#fih-arena .trade-terminal :is(.terminal-watchlist, .terminal-market, .terminal-ticket, .terminal-bottom, .terminal-chart, .terminal-tape, .terminal-quote-header, .terminal-current-note) {
  border-color: var(--px-line) !important;
  border-radius: 0 !important;
  background: #061725 !important;
  box-shadow: none !important;
}
#fih-arena .terminal-section-title,
#fih-arena .terminal-panel-head,
#fih-arena .terminal-bottom-tabs { border-color: var(--px-line) !important; background: #092234 !important; }
#fih-arena .watchlist-row,
#fih-arena .interval-picker button,
#fih-arena .ticket-side button,
#fih-arena .terminal-bottom-tabs button,
#fih-arena .chart-toolbar button {
  border-color: var(--px-line) !important;
  background: #04131f !important;
  color: var(--px-ink) !important;
}
#fih-arena .watchlist-row:is(:hover, [data-active="true"]),
#fih-arena .interval-picker button[data-active="true"],
#fih-arena .ticket-side button[data-active="true"],
#fih-arena .terminal-bottom-tabs button[aria-selected="true"] { background: #0e4057 !important; color: var(--px-cyan) !important; }
#fih-arena .terminal-ticket :is(input, select, textarea) { border: 1px solid var(--px-line) !important; background: #020b14 !important; color: var(--px-ink) !important; }
#fih-arena .ticket-submit { border: 1px solid #258e78 !important; background: var(--px-green) !important; color: #02110d !important; }
#fih-arena .ticket-submit:disabled { border-color: #36515a !important; background: #172b32 !important; color: #8aa2a7 !important; opacity: 1; }
#fih-arena .terminal-last strong,
#fih-arena [data-terminal-last],
#fih-arena .book-mid { color: var(--px-gold) !important; }
#fih-arena :is(.book-levels, [data-terminal-trades]) :is(.buy, [data-side="buy"]) { color: var(--px-green) !important; }
#fih-arena :is(.book-levels, [data-terminal-trades]) :is(.sell, [data-side="sell"]) { color: var(--px-coral) !important; }

#fih-arena .leaderboard-shell,
#fih-arena .memorial-shell,
#fih-arena .evolution-shell,
#fih-arena .about-shell { padding: clamp(14px, 3vw, 38px) !important; }
#fih-arena .league-row,
#fih-arena .memorial-card,
#fih-arena .trait-card { border-color: var(--px-line) !important; border-radius: 0 !important; }
#fih-arena .league-row:is(:hover, :focus-visible) { background: #0d3c52 !important; }

@media (max-width: 1180px) {
  #fih-arena .arena-shell { grid-template-columns: minmax(0, 1fr) minmax(210px, .78fr); }
  #fih-arena .arena-controls { display: contents; }
  #fih-arena .arena-status { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #fih-arena .tank-stage { min-height: min(62svh, 680px); }
}

@media (max-width: 800px) {
  #fih-arena { background-size: 18px 18px, 18px 18px, auto; }
  #fih-arena .topbar { position: relative !important; }
  #fih-arena .arena-shell { display: flex !important; flex-direction: column; min-height: auto; gap: 8px !important; padding: 8px !important; }
  #fih-arena .tank-stage { order: -1; min-height: 58svh; width: 100%; }
  #fih-arena .arena-controls,
  #fih-arena .agent-panel { width: 100%; }
  #fih-arena .arena-status { grid-template-columns: 1fr; }
  #fih-arena .tank-header { align-items: flex-start !important; gap: 8px; }
  #fih-arena .tank-title { font-size: 20px !important; }
  #fih-arena .tank-meta { font-size: 10px !important; }
  #fih-arena .trade-terminal { min-width: 0; overflow: clip; }
  #fih-arena .terminal-quote-header { grid-template-columns: 1fr !important; gap: 10px; }
  #fih-arena .terminal-quote-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #fih-arena .terminal-workspace { min-width: 0; grid-template-columns: minmax(0, 1fr) !important; }
  #fih-arena .terminal-chart-wrap { min-width: 0; overflow: hidden; }
  #fih-arena .mobile-ticket-toggle { border-radius: 0 !important; background: var(--px-gold) !important; color: #241700 !important; }
  #fih-arena:has(.terminal-ticket[data-mobile-open="true"]) > main { z-index: 30; }
  #fih-arena .terminal-ticket[data-mobile-open="true"] {
    padding-top: 0 !important;
    scroll-padding-top: 112px;
  }
  #fih-arena .terminal-ticket[data-mobile-open="true"] .terminal-section-title {
    position: sticky !important;
    z-index: 4;
    top: 0 !important;
    min-height: 56px;
    margin: 0 calc(clamp(18px, 5vw, 32px) * -1) !important;
    padding: 8px clamp(18px, 5vw, 32px) !important;
    border-bottom: 1px solid var(--px-line) !important;
    background: #092234 !important;
  }
  #fih-arena .terminal-ticket[data-mobile-open="true"] .ticket-side {
    position: sticky;
    z-index: 3;
    top: 56px;
    margin: 0 calc(clamp(18px, 5vw, 32px) * -1) 12px;
    padding: 8px clamp(18px, 5vw, 32px) 10px;
    border-bottom: 1px solid var(--px-line);
    background: #061725;
  }
  #fih-arena .terminal-ticket[data-mobile-open="true"] .mobile-ticket-close { display: inline-flex !important; }
}

@media (max-width: 480px) {
  #fih-arena .topbar { padding-inline: 8px !important; }
  #fih-arena .topbar-nav { max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
  #fih-arena .nav-tab { flex: 0 0 auto; min-height: 40px; }
  #fih-arena .tank-readout { grid-template-columns: 1fr !important; }
  #fih-arena .arena-hud { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #fih-arena .fish-tag { max-width: 88px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #fih-arena .terminal-bottom-tabs { overflow-x: auto; }
  #fih-arena .terminal-bottom-tabs button { flex: 0 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
  #fih-arena *,
  #fih-arena *::before,
  #fih-arena *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  #fih-arena .monster-world-canvas { display: none !important; }
}

/* Current-DOM finish pass: restore the actual FIH broadcast, not only its tokens. */
#fih-arena #pond-gate {
  isolation: isolate;
  color: var(--px-ink);
  background:
    linear-gradient(rgba(78, 229, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 229, 255, .035) 1px, transparent 1px),
    radial-gradient(circle at 78% 26%, rgba(32, 129, 158, .22), transparent 34%),
    linear-gradient(180deg, #04111b 0%, #02070d 82%) !important;
  background-size: 24px 24px, 24px 24px, auto, auto !important;
}
#fih-arena[data-pond-entered="true"] #pond-gate { display: none !important; }
#fih-arena #pond-gate::before {
  opacity: .2 !important;
  background: repeating-linear-gradient(180deg, transparent 0 3px, rgba(0, 0, 0, .16) 3px 4px) !important;
}
#fih-arena[data-submerging="true"] #pond-gate {
  pointer-events: none;
  backface-visibility: hidden;
  will-change: transform, opacity;
}
#fih-arena[data-submerging="true"] .living-market { filter: none !important; }
#fih-arena[data-submerging="true"] #pond-gate :is(.landing-agent, .landing-current, .pixel-tail) {
  animation-play-state: paused !important;
}
#fih-arena #pond-gate::after {
  content: "";
  position: fixed;
  z-index: 30;
  inset: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(.82);
  transform-origin: var(--dive-origin-x, 72vw) var(--dive-origin-y, 50vh);
  opacity: 0 !important;
  background:
    radial-gradient(circle at var(--dive-origin-x, 72vw) var(--dive-origin-y, 50vh), transparent 0 12%, rgba(78, 229, 255, .07) 34%, rgba(2, 7, 13, .8) 100%),
    repeating-radial-gradient(circle at var(--dive-origin-x, 72vw) var(--dive-origin-y, 50vh), transparent 0 34px, rgba(78, 229, 255, .13) 35px 37px, transparent 38px 76px) !important;
  transition: opacity 90ms ease-out;
}
#fih-arena[data-submerging="true"] #pond-gate::after {
  opacity: 1 !important;
  animation: fih-pond-speed-tunnel var(--pond-entry-duration, 760ms) linear both;
  will-change: transform, opacity;
}
@keyframes fih-pond-speed-tunnel {
  0% { transform: translate3d(0, 0, 0) scale(.82); }
  14% { transform: translate3d(0, 0, 0) scale(.76); }
  38% { transform: translate3d(0, 0, 0) scale(1.02); }
  100% { transform: translate3d(0, 0, 0) scale(2.65); }
}
#fih-arena[data-pond-entered="true"][data-entry-motion="momentum"] .arena-shell {
  animation: fih-pond-arrival 320ms cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes fih-pond-arrival {
  0% { transform: translate3d(0, 12px, 0) scale(.985); opacity: .78; }
  68% { transform: translate3d(0, -2px, 0) scale(1.002); opacity: 1; }
  100% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }
}
#fih-arena .artifact-nav {
  width: 100%;
  min-height: 76px;
  padding: 12px clamp(18px, 4vw, 60px) !important;
  border-bottom: 1px solid rgba(78, 229, 255, .22) !important;
  background: rgba(2, 7, 13, .94) !important;
  backdrop-filter: none !important;
}
#fih-arena .pond-wordmark { color: var(--px-ink) !important; }
#fih-arena .pond-wordmark .fih-current-mark,
#fih-arena .brand-mark .fih-current-mark { width: 52px; height: 40px; color: var(--px-void); }
#fih-arena .pond-wordmark > .fih-current-mark,
#fih-arena .brand-mark { border: 1px solid #fff0ad !important; background: var(--px-gold) !important; box-shadow: 3px 3px 0 #143547; }
#fih-arena .pond-wordmark > span {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  color: var(--px-ink) !important;
  font-family: "Bungee", Impact, sans-serif !important;
}
#fih-arena .pond-wordmark small { flex: 0 0 100%; color: var(--px-cyan) !important; }
#fih-arena .pond-broadcast-links > button {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  color: var(--px-dim) !important;
  font: 700 8px/1 "Silkscreen", monospace !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#fih-arena .pond-broadcast-links > button:hover { border-bottom-color: var(--px-cyan) !important; color: #fff !important; }
#fih-arena .pond-broadcast-links .pond-connect {
  min-height: 44px;
  padding-inline: 18px !important;
  border: 1px solid var(--px-gold) !important;
  background: var(--px-gold) !important;
  color: var(--px-void) !important;
  box-shadow: 3px 3px 0 #133246;
}
#fih-arena .artifact-hero {
  min-height: 100svh;
  grid-template-columns: minmax(480px, .9fr) minmax(520px, 1.1fr) !important;
  align-items: center !important;
  gap: clamp(34px, 4vw, 72px) !important;
  padding: 112px clamp(22px, 4.2vw, 64px) 76px !important;
  background: transparent !important;
}
#fih-arena .artifact-copy { max-width: 660px !important; }
#fih-arena .artifact-copy h1 {
  max-width: 7ch !important;
  margin: 0 !important;
  color: var(--px-ink) !important;
  font: 400 clamp(76px, 7.8vw, 118px)/.82 "Bungee", Impact, sans-serif !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase;
  text-shadow: 5px 5px 0 #0c3a50, 8px 8px 0 rgba(0, 0, 0, .45) !important;
}
#fih-arena .artifact-thesis {
  margin-top: 28px !important;
  color: var(--px-gold) !important;
  font: 700 9px/1.5 "Silkscreen", monospace !important;
}
#fih-arena .artifact-copy > .pond-pitch { color: var(--px-dim) !important; font: 16px/1.55 "Trebuchet MS", sans-serif !important; }
#fih-arena .survival-rule {
  display: grid !important;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 10px 14px;
  margin-top: 18px;
  padding: 12px !important;
  border-width: 2px !important;
  background: #220b16 !important;
  font: 13px/1.4 "Trebuchet MS", sans-serif !important;
}
#fih-arena .survival-rule__value { font: 700 13px/1.2 "Silkscreen", monospace !important; white-space: nowrap; }
#fih-arena .artifact-copy .pond-actions { gap: 20px !important; margin-top: 24px !important; }
#fih-arena .artifact-copy .enter-pond,
#fih-arena .pond-final-call .enter-pond {
  min-height: 58px;
  padding: 0 58px 0 24px !important;
  border: 2px solid #fff0ad !important;
  background: var(--px-gold) !important;
  color: #1c1200 !important;
  font: 700 10px/1 "Silkscreen", monospace !important;
  box-shadow: 5px 5px 0 #123a4d !important;
  text-transform: uppercase;
}
#fih-arena .artifact-copy .enter-pond:hover,
#fih-arena .pond-final-call .enter-pond:hover { transform: translate(-2px, -2px) !important; box-shadow: 7px 7px 0 #123a4d !important; }
#fih-arena .artifact-copy .pond-actions > a { color: var(--px-cyan) !important; font: 700 9px/1 "Silkscreen", monospace !important; }
#fih-arena .landing-truth {
  border: 1px solid var(--px-line) !important;
  background: #04121d !important;
}
#fih-arena .landing-truth > span {
  padding: 14px !important;
  border-color: rgba(78, 229, 255, .18) !important;
}
#fih-arena .landing-truth small { color: #648f99 !important; }
#fih-arena .landing-truth strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

#fih-arena .living-market {
  width: 100% !important;
  height: clamp(520px, 68svh, 650px) !important;
  min-height: 0 !important;
  border: 2px solid var(--px-line-bright) !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background:
    linear-gradient(rgba(78, 229, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 229, 255, .04) 1px, transparent 1px),
    radial-gradient(circle at 50% 42%, rgba(14, 93, 119, .38), transparent 48%),
    linear-gradient(180deg, #0b3046 0%, #061925 72%, #020a12 100%) !important;
  background-size: 20px 20px, 20px 20px, auto, auto !important;
  box-shadow: inset 0 0 0 3px #03101a, 8px 8px 0 rgba(0, 0, 0, .55) !important;
}
#fih-arena .living-market::before {
  content: "AI FISH SURVIVAL TANK // LIVE CURRENT" !important;
  display: block !important;
  inset: 12px auto auto 14px !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  border: 0 !important;
  color: rgba(143, 230, 243, .66) !important;
  font: 700 7px/1 "Silkscreen", monospace !important;
  letter-spacing: .09em;
}
#fih-arena [data-liquid-canvas] { display: none !important; }
#fih-arena .liquid-agent-targets { inset: 0 !important; }
#fih-arena .liquid-agent-targets button {
  width: 104px !important;
  height: 78px !important;
  display: grid !important;
  place-items: center;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid transparent !important;
}
#fih-arena .liquid-agent-targets button:hover,
#fih-arena .liquid-agent-targets button[aria-pressed="true"] { border-color: var(--px-gold) !important; background: rgba(2, 7, 13, .56) !important; }
#fih-arena .liquid-agent-targets button .pixel-fish { width: 78px !important; height: 54px !important; }
#fih-arena .liquid-agent-targets button::after {
  content: attr(data-agent-name);
  position: absolute;
  top: calc(50% + 25px);
  left: 50%;
  translate: -50% 0;
  max-width: 105px;
  overflow: hidden;
  color: #90c6cf;
  font: 700 6px/1 "Silkscreen", monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#fih-arena .liquid-selection {
  left: 16px !important;
  right: auto !important;
  bottom: 16px !important;
  width: min(390px, calc(100% - 32px)) !important;
  min-height: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--px-line-bright) !important;
  border-radius: 0 !important;
  background: rgba(2, 12, 20, .94) !important;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, .5) !important;
}
#fih-arena .liquid-selection > strong { color: var(--px-gold) !important; font-family: "Bungee", sans-serif !important; }
#fih-arena .liquid-selection dl { gap: 10px !important; }

#fih-arena .pond-details { background: #02070d !important; }
#fih-arena .pond-details-inner { max-width: 1320px !important; }
#fih-arena .artifact-discovery-visual,
#fih-arena .specimen-agent,
#fih-arena .pond-operating-model,
#fih-arena .pond-token,
#fih-arena .pond-faq,
#fih-arena .pond-final-call {
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: #061521 !important;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, .38) !important;
}
#fih-arena .artifact-chapter { border-color: rgba(78, 229, 255, .22) !important; }
#fih-arena .artifact-chapter h2,
#fih-arena .artifact-school .field-guide-copy h2,
#fih-arena .pond-details h2 { color: var(--px-ink) !important; font-family: "Bungee", sans-serif !important; }
#fih-arena .artifact-chapter h2 span,
#fih-arena .pond-details h2 span { color: var(--px-cyan) !important; }

/* Main arcade shell. */
#fih-arena .topbar { z-index: 20; min-height: 74px; padding: 10px 16px !important; }
#fih-arena .brand { min-width: 255px; }
#fih-arena .brand-mark { width: 48px !important; height: 46px !important; display: grid; place-items: center; }
#fih-arena .brand-copy span { color: var(--px-cyan) !important; }
#fih-arena .nav-strip {
  align-self: stretch;
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: #05131f !important;
  scrollbar-width: thin;
}
#fih-arena .nav-item {
  min-width: max-content;
  padding-inline: 16px !important;
  border: 0 !important;
  border-right: 1px solid rgba(78, 229, 255, .12) !important;
  background: transparent !important;
  color: var(--px-dim) !important;
  font: 700 8px/1 "Silkscreen", monospace !important;
}
#fih-arena .nav-item[data-active="true"] { background: var(--px-gold) !important; color: var(--px-void) !important; }
#fih-arena .wallet-connect { border: 1px solid var(--px-cyan) !important; border-radius: 0 !important; background: var(--px-cyan) !important; color: var(--px-void) !important; box-shadow: 3px 3px 0 #11384b !important; }
#fih-arena .arena-shell {
  grid-template-columns: 198px minmax(0, 1fr) 260px !important;
  min-height: calc(100svh - 118px) !important;
  height: calc(100svh - 118px) !important;
}
#fih-arena .side-panel {
  min-width: 0;
  padding: 14px !important;
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: #071722 !important;
  box-shadow: none !important;
}
#fih-arena .tank-stage { border: 1px solid var(--px-line) !important; }
#fih-arena .tank-chrome {
  position: absolute;
  z-index: 6;
  top: 14px;
  left: 18px;
  right: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  pointer-events: none;
}
#fih-arena .tank-header {
  position: relative !important;
  z-index: auto !important;
  inset: auto !important;
  width: 100%;
  min-height: 0 !important;
  gap: 18px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#fih-arena .tank-header > div:first-child { min-width: 0; }
#fih-arena .tank-subtitle { max-width: 42ch !important; }
#fih-arena .tank-meta { flex: 0 0 auto; align-items: center; padding-top: 3px; }
#fih-arena .arcade-score { display: none !important; }
#fih-arena .arena-hud {
  position: relative !important;
  z-index: auto !important;
  inset: auto !important;
  width: min(390px, 100%) !important;
  grid-template-columns: .62fr .68fr 1.15fr 1fr !important;
  box-shadow: none !important;
}
#fih-arena .arena-hud > span { padding: 6px 9px !important; }
#fih-arena .arena-hud > .hud-runtime { display: none !important; }
#fih-arena .arena-death-line {
  position: static !important;
  width: max-content !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 5px 8px !important;
  border: 1px solid rgba(78, 229, 255, .34) !important;
  background: rgba(2, 11, 20, .82) !important;
  box-shadow: none !important;
}
#fih-arena .arena-death-line > small { color: var(--px-dim) !important; font: 700 6px/1 "Silkscreen", monospace; }
#fih-arena .arena-death-line > strong { color: var(--px-gold); font: 700 8px/1 "Silkscreen", monospace; white-space: nowrap; }
#fih-arena .selected-survival {
  display: grid !important;
  grid-template-columns: 1fr auto;
  gap: 5px 10px;
  padding: 9px !important;
}
#fih-arena .selected-survival > span { color: #dfa7b2; font: 700 7px/1.25 "Silkscreen", monospace; }
#fih-arena .selected-survival > strong { color: var(--px-gold); font: 700 11px/1 "Silkscreen", monospace; }
#fih-arena .selected-survival dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 3px 0 0;
  border-top: 1px solid rgba(255, 111, 136, .22);
}
#fih-arena .selected-survival dl div { min-width: 0; padding: 7px 5px 0; border-left: 1px solid rgba(255, 111, 136, .18); }
#fih-arena .selected-survival dl div:first-child { border-left: 0; padding-left: 0; }
#fih-arena .selected-survival dt { color: #bd818d; font: 700 6px/1 "Silkscreen", monospace; }
#fih-arena .selected-survival dd { margin: 4px 0 0; color: #fff0f3; font: 700 7px/1.25 "Silkscreen", monospace; overflow-wrap: anywhere; }
#fih-arena .side-panel.right .leaderboard { margin-top: 10px !important; }
#fih-arena .statusbar { min-height: 44px !important; }
#fih-arena .status-pill { border-radius: 0 !important; }
#fih-arena .death-status { border-color: var(--px-coral) !important; color: var(--px-gold) !important; }
#fih-arena .death-line-card[data-runner-survival] { margin-top: 12px; }
#fih-arena .death-line-card[data-runner-survival] > span { color: #e5a2ae; font: 700 7px/1 "Silkscreen", monospace; }
#fih-arena .death-line-card[data-runner-survival] > strong { display: block; margin-top: 7px; color: var(--px-gold); font: 700 9px/1.35 "Silkscreen", monospace; }
#fih-arena .death-line-card[data-runner-survival] > p { margin: 8px 0 0; color: #d8adb5; font-size: 12px; line-height: 1.4; }

/* Leaderboard, Memorial, Evolution, and Lore return to the same arcade cabinet. */
#fih-arena .project-view {
  min-height: calc(100svh - 118px) !important;
  padding: clamp(34px, 5vw, 70px) clamp(20px, 6vw, 88px) 76px !important;
  overflow: auto;
  background:
    linear-gradient(rgba(78, 229, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 229, 255, .028) 1px, transparent 1px),
    #030a10 !important;
  background-size: 24px 24px !important;
}
#fih-arena .view-hero {
  min-height: 310px !important;
  padding: clamp(30px, 4vw, 54px) !important;
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: radial-gradient(circle at 82% 18%, rgba(78, 229, 255, .12), transparent 28%), #071722 !important;
  box-shadow: 7px 7px 0 rgba(0, 0, 0, .45) !important;
}
#fih-arena[data-pond-entered="true"] .view-code,
#fih-arena[data-pond-entered="true"] .section-kicker { display: inline-flex !important; color: var(--px-cyan) !important; font: 700 8px/1 "Silkscreen", monospace !important; letter-spacing: .11em; }
#fih-arena .view-title {
  margin-top: 18px !important;
  color: var(--px-gold) !important;
  font: 400 clamp(58px, 7vw, 104px)/.82 "Bungee", Impact, sans-serif !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase;
  text-shadow: 5px 5px 0 #123a4d !important;
}
#fih-arena .view-title span {
  color: var(--px-cyan) !important;
  font-family: "Bungee", Impact, sans-serif !important;
  font-weight: 400 !important;
}
#fih-arena .view-intro { max-width: 690px !important; margin-top: 22px !important; color: var(--px-dim) !important; font-size: 14px !important; line-height: 1.6 !important; }
#fih-arena .coin-crest,
#fih-arena .hero-stamp,
#fih-arena .generation-dial {
  border: 1px solid var(--px-line-bright) !important;
  border-radius: 0 !important;
  background: #04121d !important;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .38) !important;
}
#fih-arena .league-board,
#fih-arena .evolution-loop,
#fih-arena .trait-lab,
#fih-arena .memorial-grid,
#fih-arena .about-grid,
#fih-arena .trust-deck {
  margin-top: 28px !important;
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: #05131f !important;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .34) !important;
}
#fih-arena .section-heading-row h2,
#fih-arena .trait-lab h2 { color: var(--px-ink) !important; font-family: "Bungee", sans-serif !important; }
#fih-arena .league-head { border-color: var(--px-line) !important; background: #092234 !important; color: var(--px-dim) !important; }
#fih-arena .league-row { border-color: rgba(78, 229, 255, .18) !important; border-radius: 0 !important; background: #061722 !important; }
#fih-arena .league-row:nth-child(odd) { background: #082132 !important; }
#fih-arena .league-row:hover { background: #0e3d52 !important; }
#fih-arena .memorial-grid { padding: 14px !important; gap: 12px !important; }
#fih-arena .memorial-card {
  border: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: #071722 !important;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, .35) !important;
}
#fih-arena .memorial-card[data-death-entry] { border-color: rgba(255, 111, 136, .58) !important; }
#fih-arena .evolution-steps { border: 1px solid var(--px-line) !important; border-radius: 0 !important; overflow: visible !important; }
#fih-arena .evolution-steps article { border-radius: 0 !important; background: #061722 !important; }
#fih-arena .evolution-steps h3 { color: var(--px-gold) !important; font-family: "Bungee", sans-serif !important; }
#fih-arena .trait-lab { background: #071722 !important; }
#fih-arena .trait-grid span { border: 1px solid rgba(78, 229, 255, .22) !important; border-radius: 0 !important; background: #04121d !important; }
#fih-arena .about-grid { padding: 0 !important; background: #05131f !important; }
#fih-arena .about-grid article,
#fih-arena .about-grid article:nth-child(2),
#fih-arena .about-grid article:nth-child(3) {
  min-height: 230px !important;
  margin: 0 !important;
  padding: 28px !important;
  border-right: 1px solid var(--px-line) !important;
  border-radius: 0 !important;
  background: #061722 !important;
}
#fih-arena .about-grid article:last-child { border-right: 0 !important; }
#fih-arena .about-grid h2 { color: var(--px-gold) !important; font-family: "Bungee", sans-serif !important; }
#fih-arena .trust-deck > div { border-radius: 0 !important; background: #061722 !important; }
#fih-arena .trust-deck strong { color: var(--px-gold) !important; }

@media (max-width: 1180px) {
  #fih-arena .artifact-hero { grid-template-columns: minmax(390px, .9fr) minmax(420px, 1.1fr) !important; padding-inline: 30px !important; }
  #fih-arena .artifact-copy h1 { font-size: clamp(68px, 8vw, 94px) !important; }
}

@media (min-width: 1101px) and (max-width: 1180px) {
  #fih-arena .arena-shell { grid-template-columns: 190px minmax(0, 1fr) 250px !important; }
}

@media (min-width: 821px) and (max-width: 1100px) {
  #fih-arena .arena-shell { grid-template-columns: minmax(0, 1fr) 238px !important; }
}

@media (max-width: 820px) {
  #fih-arena .arena-shell { grid-template-columns: 1fr !important; }
}

@media (max-width: 900px) {
  #fih-arena .tank-subtitle { max-width: 26ch !important; }
  #fih-arena .tank-meta .regime,
  #fih-arena .arena-death-line > small { display: none !important; }
}

@media (max-width: 800px) {
  #fih-arena .artifact-nav { min-height: 72px; padding: 10px 14px !important; }
  #fih-arena .pond-broadcast-links > button:not(.pond-connect) { display: none !important; }
  #fih-arena .artifact-hero { min-height: auto; grid-template-columns: 1fr !important; gap: 34px !important; padding: 110px 14px 44px !important; }
  #fih-arena .artifact-copy h1 { font-size: clamp(58px, 16vw, 86px) !important; }
  #fih-arena .living-market { height: 500px !important; }
  #fih-arena .survival-rule { grid-template-columns: 1fr; }
  #fih-arena .landing-truth { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #fih-arena .landing-truth > span:nth-child(2) { border-right: 0 !important; }
  #fih-arena .landing-truth > span:nth-child(n + 3) { border-top: 1px solid rgba(78, 229, 255, .18) !important; }
  #fih-arena .arena-shell { height: auto !important; min-height: 0 !important; }
  #fih-arena .tank-chrome { left: 12px; right: 12px; }
  #fih-arena .project-view { padding: 22px 14px 74px !important; }
  #fih-arena .view-hero { min-height: 0 !important; padding: 26px 20px !important; }
  #fih-arena .view-title { font-size: clamp(52px, 15vw, 76px) !important; }
  #fih-arena .about-grid article { border-right: 0 !important; border-bottom: 1px solid var(--px-line) !important; }
  #fih-arena .about-grid article:last-child { border-bottom: 0 !important; }
}

@media (max-width: 480px) {
  #fih-arena .pond-wordmark .fih-current-mark { width: 42px; height: 34px; }
  #fih-arena .pond-wordmark > span { font-size: 16px !important; }
  #fih-arena .pond-wordmark small { max-width: 140px; font-size: 5px !important; }
  #fih-arena .pond-broadcast-links .pond-connect { min-height: 40px; max-width: 118px; padding-inline: 10px !important; font-size: 7px !important; }
  #fih-arena .artifact-hero { gap: 8px !important; padding-top: 80px !important; }
  #fih-arena .artifact-copy h1 { font-size: clamp(52px, 15vw, 68px) !important; }
  #fih-arena .artifact-copy > .pond-pitch { display: block !important; font-size: 13px !important; }
  #fih-arena .artifact-thesis { margin-top: 16px !important; font-size: 7px !important; }
  #fih-arena .survival-rule { margin-top: 12px !important; font-size: 12px !important; }
  #fih-arena .survival-rule__value { font-size: 10px !important; }
  #fih-arena .artifact-copy .pond-actions { align-items: stretch !important; margin-top: 18px !important; }
  #fih-arena .artifact-copy .enter-pond { min-height: 54px; }
  #fih-arena .artifact-copy .landing-truth { display: none !important; }
  #fih-arena .living-market { height: 420px !important; }
  #fih-arena .liquid-agent-targets button { width: 74px !important; height: 58px !important; }
  #fih-arena .liquid-agent-targets button .pixel-fish { width: 58px !important; height: 42px !important; }
  #fih-arena .liquid-agent-targets button::after { display: none; }
  #fih-arena .liquid-selection {
    top: auto !important;
    left: 10px !important;
    bottom: 10px !important;
    width: min(210px, calc(100% - 20px)) !important;
    padding: 9px 10px !important;
  }
  #fih-arena .liquid-selection > span { font-size: 6px !important; }
  #fih-arena .liquid-selection > strong { margin-top: 4px !important; font-size: 18px !important; }
  #fih-arena .liquid-selection > p,
  #fih-arena .liquid-selection dl { display: none !important; }
  #fih-arena .tank-chrome { top: 10px; left: 10px; right: 10px; }
  #fih-arena .tank-subtitle { display: none; }
  #fih-arena .tank-meta { padding-top: 0; }
  #fih-arena .arena-hud {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #fih-arena .arena-hud > span { padding: 4px 7px !important; }
  #fih-arena .fish-agent { width: 78px !important; min-height: 58px !important; }
  #fih-arena .fish-label { max-width: 78px !important; justify-content: center; }
  #fih-arena .fish-tag { max-width: 78px; font-size: 7px !important; }
  #fih-arena .fish-pnl { display: none !important; }
}

/* Night-dive broadcast: one quiet ocean layer, one action, fewer instruments. */
#fih-arena #pond-gate {
  background:
    linear-gradient(108deg, transparent 0 61%, rgba(126, 235, 255, .035) 62% 63%, transparent 64%),
    linear-gradient(74deg, transparent 0 72%, rgba(78, 229, 255, .025) 73% 74%, transparent 75%),
    repeating-linear-gradient(180deg, transparent 0 91px, rgba(78, 229, 255, .035) 92px 93px),
    linear-gradient(rgba(78, 229, 255, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 229, 255, .02) 1px, transparent 1px),
    radial-gradient(ellipse at 76% 12%, rgba(37, 151, 184, .24), transparent 38%),
    linear-gradient(180deg, #061925 0%, #03111a 54%, #01060b 100%) !important;
  background-size: auto, auto, auto, 32px 32px, 32px 32px, auto, auto !important;
}

#fih-arena .artifact-hero {
  min-height: 100svh;
  gap: clamp(30px, 3.4vw, 58px) !important;
  padding-top: 96px !important;
  padding-bottom: 38px !important;
}

#fih-arena .artifact-thesis { margin-top: 20px !important; }
#fih-arena .artifact-copy > .pond-pitch {
  max-width: 59ch;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
}

#fih-arena .survival-rule {
  min-height: 34px;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 12px;
  margin-top: 14px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 111, 136, .38) !important;
  border-bottom: 1px solid rgba(255, 111, 136, .2) !important;
  color: #c9e9ef !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
#fih-arena .survival-rule__value {
  color: var(--px-gold) !important;
  font-size: 10px !important;
}
#fih-arena .artifact-copy .pond-actions { margin-top: 18px !important; }

#fih-arena .landing-truth {
  margin-top: 15px !important;
  border: 0 !important;
  border-top: 1px solid rgba(78, 229, 255, .24) !important;
  border-bottom: 1px solid rgba(78, 229, 255, .12) !important;
  background: transparent !important;
}
#fih-arena .landing-truth > span {
  min-width: 0;
  padding: 8px 12px !important;
  border-color: rgba(78, 229, 255, .12) !important;
}
#fih-arena .landing-truth small {
  margin-bottom: 3px !important;
  font-size: 7px !important;
  line-height: 1 !important;
}
#fih-arena .landing-truth strong { font-size: 8px !important; line-height: 1.2 !important; }
#fih-arena .pond-parody-note { margin-top: 8px !important; font-size: 8px !important; }

#fih-arena .living-market {
  height: clamp(500px, 66svh, 620px) !important;
  background:
    linear-gradient(108deg, transparent 0 54%, rgba(171, 243, 255, .055) 55% 57%, transparent 58%),
    linear-gradient(72deg, transparent 0 69%, rgba(78, 229, 255, .035) 70% 71%, transparent 72%),
    repeating-linear-gradient(180deg, transparent 0 83px, rgba(78, 229, 255, .055) 84px 85px),
    radial-gradient(ellipse at 52% 36%, rgba(25, 119, 151, .34), transparent 48%),
    linear-gradient(rgba(78, 229, 255, .027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 229, 255, .027) 1px, transparent 1px),
    linear-gradient(180deg, #0b3248 0%, #071f2f 53%, #020b13 100%) !important;
  background-size: auto, auto, auto, auto, 28px 28px, 28px 28px, auto !important;
  box-shadow: inset 0 0 0 3px #020b13, inset 0 -70px 100px rgba(0, 0, 0, .26), 7px 7px 0 rgba(0, 0, 0, .45) !important;
}
#fih-arena .living-market::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: auto 0 0 !important;
  width: auto !important;
  height: 30px !important;
  aspect-ratio: auto !important;
  opacity: .66 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(#0d3a3a 0 0) 7% 100% / 8% 14px no-repeat,
    linear-gradient(#092b35 0 0) 22% 100% / 5% 9px no-repeat,
    linear-gradient(#0b3036 0 0) 46% 100% / 10% 12px no-repeat,
    linear-gradient(#0b3839 0 0) 76% 100% / 7% 16px no-repeat,
    linear-gradient(#08242f 0 0) 91% 100% / 5% 11px no-repeat,
    linear-gradient(#03131c 0 0) 0 100% / 100% 7px no-repeat !important;
  pointer-events: none;
}

/* The Arena is a tank first; secondary narratives stay in their dedicated views. */
#fih-arena .arena-shell { grid-template-columns: 174px minmax(0, 1fr) 236px !important; }
#fih-arena .side-panel { padding: 12px !important; background: #04131d !important; }
#fih-arena .side-panel.left .button-row { grid-template-columns: 1fr !important; gap: 7px !important; }
#fih-arena .side-panel.left .hud-button { min-height: 40px; }
#fih-arena .arena-status { display: none !important; }
#fih-arena .display-tuning {
  margin-top: 8px;
  border-top: 1px solid rgba(78, 229, 255, .14);
  border-bottom: 1px solid rgba(78, 229, 255, .1);
}
#fih-arena .display-tuning > summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--px-dim);
  font: 700 7px/1 "Silkscreen", monospace;
  letter-spacing: .08em;
  list-style: none;
  cursor: pointer;
}
#fih-arena .display-tuning > summary::-webkit-details-marker { display: none; }
#fih-arena .display-tuning > summary::after { content: "OPEN"; color: var(--px-cyan); font-size: 6px; }
#fih-arena .display-tuning[open] > summary::after { content: "CLOSE"; }
#fih-arena .display-tuning:not([open]) > div { display: none !important; }
#fih-arena .display-tuning .control-group { padding: 8px 0 !important; }
#fih-arena .school-signal { margin-top: 12px !important; padding-top: 10px !important; }

#fih-arena .tank-stage {
  background:
    linear-gradient(110deg, transparent 0 58%, rgba(160, 241, 255, .045) 59% 61%, transparent 62%),
    repeating-linear-gradient(180deg, transparent 0 94px, rgba(78, 229, 255, .035) 95px 96px),
    radial-gradient(ellipse at 48% 30%, rgba(23, 123, 151, .3), transparent 52%),
    linear-gradient(180deg, #0b3046 0%, #071f2e 55%, #020a12 100%) !important;
  box-shadow: inset 0 0 0 3px #020b13, inset 0 -90px 120px rgba(0, 0, 0, .28) !important;
}
#fih-arena .tank-stage::before {
  display: block !important;
  opacity: .42 !important;
  background:
    linear-gradient(106deg, transparent 0 34%, rgba(162, 245, 255, .065) 35% 37%, transparent 38%),
    repeating-linear-gradient(180deg, transparent 0 108px, rgba(78, 229, 255, .04) 109px 110px) !important;
  animation: none !important;
}
#fih-arena .tank-stage::after {
  content: "";
  height: 30px;
  opacity: .7;
  border: 0;
  background:
    linear-gradient(#0d3a37 0 0) 7% 100% / 8% 14px no-repeat,
    linear-gradient(#092b34 0 0) 23% 100% / 5% 9px no-repeat,
    linear-gradient(#0b3034 0 0) 47% 100% / 10% 12px no-repeat,
    linear-gradient(#0b3837 0 0) 76% 100% / 7% 16px no-repeat,
    linear-gradient(#08242e 0 0) 92% 100% / 5% 11px no-repeat,
    linear-gradient(#03121a 0 0) 0 100% / 100% 7px no-repeat !important;
}
#fih-arena .bubble-field,
#fih-arena .pixel-reef,
#fih-arena .market-water,
#fih-arena .tank-readout { display: none !important; }

#fih-arena .tank-meta .regime { display: none !important; }
#fih-arena .arena-hud {
  width: min(330px, 100%) !important;
  border: 0 !important;
  border-top: 1px solid rgba(78, 229, 255, .18) !important;
  border-bottom: 1px solid rgba(78, 229, 255, .1) !important;
  border-radius: 0 !important;
  background: rgba(2, 11, 18, .38) !important;
}
#fih-arena .arena-hud > span { border-color: rgba(78, 229, 255, .1) !important; }

#fih-arena .fish-label {
  opacity: 0 !important;
  transition: opacity 120ms linear;
}
#fih-arena .fish-agent[data-selected="true"] .fish-label,
#fih-arena .fish-agent:hover .fish-label,
#fih-arena .fish-agent:focus-visible .fish-label { opacity: 1 !important; }

#fih-arena .side-panel.right .leaderboard,
#fih-arena .side-panel.right .tank-commentary,
#fih-arena .side-panel.right .selected-traits,
#fih-arena .agent-metric:has([data-selected-trades]),
#fih-arena .agent-metric:has([data-selected-winrate]) { display: none !important; }
#fih-arena .side-panel.right { overflow: hidden !important; }
#fih-arena .inspector-top { padding-bottom: 10px !important; }
#fih-arena .equity-block { padding-block: 12px !important; }
#fih-arena .agent-metrics { gap: 10px !important; padding-top: 12px !important; }

#fih-arena[data-pond-entered="true"] .market-strip {
  display: flex !important;
  flex: 0 1 auto;
  margin-left: auto;
}
#fih-arena[data-pond-entered="true"] .market-strip .market-quote { display: none !important; }
#fih-arena[data-pond-entered="true"] .feed-source {
  margin: 0 !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(78, 229, 255, .18) !important;
  border-radius: 0 !important;
  color: var(--px-green) !important;
  background: transparent !important;
  font-size: 7px !important;
}
#fih-arena .statusbar > span:nth-child(n + 2):nth-child(-n + 5) { display: none !important; }
#fih-arena .statusbar .status-spacer { margin-left: auto !important; }

@media (max-width: 1180px) {
  #fih-arena .artifact-hero { padding-top: 94px !important; padding-bottom: 32px !important; }
  #fih-arena[data-pond-entered="true"] .market-strip { display: none !important; }
  #fih-arena .arena-shell { grid-template-columns: minmax(0, 1fr) 228px !important; }
  #fih-arena .side-panel.left { display: none !important; }
}

@media (max-width: 800px) {
  #fih-arena .artifact-hero { padding-top: 104px !important; padding-bottom: 44px !important; }
  #fih-arena .living-market { height: 500px !important; }
  #fih-arena .survival-rule { grid-template-columns: 1fr; }
  #fih-arena .arena-shell { grid-template-columns: 1fr !important; }
  #fih-arena .side-panel.left { display: block !important; }
  #fih-arena .side-panel.right { overflow: visible !important; }
}

@media (max-width: 480px) {
  #fih-arena .living-market { height: 360px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #fih-arena .fish-label { transition: none; }
}

/* Bioluminescent current: monochrome operations, concentrated living color. */
#fih-arena {
  --px-void: #000;
  --px-deep: #070707;
  --px-panel: #0d0d0d;
  --px-panel-raised: #161616;
  --px-line: #3a3a3a;
  --px-line-bright: #fff;
  --px-ink: #fff;
  --px-dim: #aaa;
  --px-cyan: #fff;
  --px-gold: #fff;
  --px-coral: #fff;
  --px-pink: #fff;
  --px-green: #fff;
  --abyss: #000;
  --deep: #070707;
  --deep-2: #111;
  --panel: #0d0d0d;
  --line: #3a3a3a;
  --line-soft: rgba(255, 255, 255, .14);
  --ink: #fff;
  --ink-dim: #b8b8b8;
  --ink-faint: #858585;
  --cyan: #fff;
  --cyan-soft: rgba(255, 255, 255, .12);
  --gold: #fff;
  --green: #fff;
  --red: #fff;
  --pink: #fff;
  --violet: #aaa;
  --btc: #fff;
  --eth: #bdbdbd;
  --sol: #7d7d7d;
  --fog: #000;
  --paper: #fff;
  --artifact-black: #000;
  --artifact-white: #fff;
  --artifact-dim: #aaa;
  --artifact-faint: #707070;
  --artifact-line: rgba(255, 255, 255, .16);
  --artifact-cyan: #fff;
  --bio-teal: #2de2c5;
  --bio-violet: #9b7cff;
  --bio-coral: #ff705e;
  --bio-lime: #b9ef4f;
  --bio-blue: #5e8cff;
  --bio-amber: #f2b84b;
  border-color: #333 !important;
  background: #000 !important;
  color: #fff;
  accent-color: #fff;
}

#fih-arena :where(.pond-gate, .topbar, main, .statusbar, dialog) { filter: none; }
#fih-arena ::selection { color: #000 !important; background: #fff !important; }
#fih-arena :where(button, [role="button"], input, select, textarea):focus-visible {
  outline-color: #fff !important;
  box-shadow: 0 0 0 4px #000, 0 0 0 6px #fff !important;
}

#fih-arena #pond-gate {
  color: #fff !important;
  background:
    linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px),
    radial-gradient(ellipse at 78% 28%, rgba(45, 226, 197, .11), transparent 33%),
    radial-gradient(ellipse at 52% 74%, rgba(155, 124, 255, .07), transparent 38%),
    linear-gradient(180deg, #0b1012 0%, #040506 54%, #000 100%) !important;
  background-size: 32px 32px, 32px 32px, auto, auto, auto !important;
}
#fih-arena .pond-gate::before {
  opacity: .2 !important;
  background: repeating-linear-gradient(180deg, transparent 0 3px, rgba(255, 255, 255, .025) 3px 4px) !important;
}
#fih-arena .pond-gate::after { display: none !important; }
#fih-arena .pond-broadcast,
#fih-arena .landing-truth,
#fih-arena .pond-proof-tape,
#fih-arena .pond-operating-model,
#fih-arena .pond-token,
#fih-arena .pond-faq,
#fih-arena .pond-final-call,
#fih-arena .artifact-chapter,
#fih-arena .specimen-agent,
#fih-arena .living-market {
  border-color: #383838 !important;
  background-color: #070707 !important;
  color: #fff !important;
  box-shadow: none !important;
}
#fih-arena .living-market,
#fih-arena .tank-stage {
  background:
    linear-gradient(110deg, transparent 0 58%, rgba(120, 230, 255, .045) 59% 61%, transparent 62%),
    repeating-linear-gradient(180deg, transparent 0 94px, rgba(255, 255, 255, .026) 95px 96px),
    radial-gradient(ellipse at 18% 26%, rgba(45, 226, 197, .12), transparent 32%),
    radial-gradient(ellipse at 82% 64%, rgba(155, 124, 255, .1), transparent 38%),
    linear-gradient(180deg, #11191b 0%, #080a0d 58%, #010101 100%) !important;
  box-shadow: inset 0 0 0 3px #000 !important;
}
#fih-arena .tank-stage::before {
  background:
    linear-gradient(106deg, transparent 0 34%, rgba(255, 255, 255, .05) 35% 37%, transparent 38%),
    repeating-linear-gradient(180deg, transparent 0 108px, rgba(255, 255, 255, .03) 109px 110px) !important;
}
#fih-arena .living-market::after,
#fih-arena .tank-stage::after {
  filter: saturate(.72) brightness(.64) !important;
}
#fih-arena .pond-wordmark,
#fih-arena .artifact-thesis,
#fih-arena .pond-step-id,
#fih-arena .pond-trust,
#fih-arena .feed-source,
#fih-arena .status-pill,
#fih-arena .tank-subtitle,
#fih-arena .tank-meta { color: #fff !important; }
#fih-arena .pond-signal,
#fih-arena [data-feed-state="live"],
#fih-arena .feed-source[data-feed-state="live"] { color: var(--bio-teal) !important; }
#fih-arena .pond-pitch,
#fih-arena .pond-parody-note,
#fih-arena .pond-details-lede,
#fih-arena .artifact-chapter p,
#fih-arena .pond-operating-model p,
#fih-arena .pond-faq p { color: #b8b8b8 !important; }

#fih-arena .enter-pond,
#fih-arena .pond-connect,
#fih-arena [data-wallet-connect],
#fih-arena .nav-item[data-active="true"],
#fih-arena .hud-button.primary {
  color: #000 !important;
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 4px 4px 0 #454545 !important;
}
#fih-arena .enter-pond:hover,
#fih-arena .pond-connect:hover,
#fih-arena [data-wallet-connect]:hover {
  color: #fff !important;
  background: #161616 !important;
  border-color: #fff !important;
}
#fih-arena .pond-broadcast-links button:not(.pond-connect),
#fih-arena .nav-item:not([data-active="true"]),
#fih-arena .hud-button:not(.primary) {
  color: #c7c7c7 !important;
  border-color: #333 !important;
  background: #090909 !important;
}
#fih-arena .survival-rule,
#fih-arena [data-runner-survival],
#fih-arena .terminal-risk,
#fih-arena .memorial-entry {
  color: #fff !important;
  border-color: #fff !important;
  background: #0a0a0a !important;
}
#fih-arena .survival-rule__value { color: #fff !important; }

/* Fish are paper-white organisms with black fins and markings; color lives in their current. */
#fih-arena :where([data-liquid-agent], [data-fish-id], .fish-agent, .selected-avatar, .terminal-agent-dock, .specimen-agent-stage, .artifact-school-echo) {
  --fish-secondary: #000;
  --fish-highlight: #d7d7d7;
  color: #fff;
}
#fih-arena .fish-label,
#fih-arena .liquid-agent-label { color: #fff !important; border-color: #fff !important; background: #000 !important; }

#fih-arena .pond-wordmark [data-fih-mark],
#fih-arena .brand-mark [data-fih-mark] {
  color: var(--bio-teal) !important;
  filter: drop-shadow(3px 3px 0 rgba(155, 124, 255, .46));
}
#fih-arena .brand-mark {
  color: var(--bio-teal) !important;
  border-color: color-mix(in srgb, var(--bio-violet) 72%, #fff) !important;
  background: #050607 !important;
  box-shadow: 3px 3px 0 rgba(45, 226, 197, .22) !important;
}
#fih-arena .pond-connect,
#fih-arena [data-wallet-connect] {
  border-color: color-mix(in srgb, var(--bio-teal) 48%, #fff) !important;
}
#fih-arena .live-pulse { color: var(--bio-teal) !important; background: var(--bio-teal) !important; }
#fih-arena .side-panel { background: #0b0b0b !important; }

#fih-arena .fish-agent {
  filter: none !important;
}
#fih-arena .fish-agent .pixel-fish {
  position: relative;
  z-index: 1;
  filter: drop-shadow(3px 3px 0 #000) !important;
}
#fih-arena .fish-agent:is(:hover, :focus-visible, [data-selected="true"]) .pixel-fish {
  filter: drop-shadow(3px 3px 0 #000) drop-shadow(4px 5px 0 color-mix(in srgb, var(--fish-wake-color) 34%, transparent)) !important;
}
#fih-arena .fish-agent[data-selected="true"]::after { border-color: var(--fish-wake-color) !important; }

#fih-arena .pixel-fin,
#fih-arena .pixel-gill,
#fih-arena .pixel-eye {
  transform-box: fill-box;
}
#fih-arena .pixel-fin--dorsal {
  transform-origin: 50% 100%;
  animation: fih-fin-flutter var(--fish-cadence, 400ms) steps(3, end) infinite alternate;
}
#fih-arena .pixel-fin--ventral {
  transform-origin: 50% 0;
  animation: fih-fin-flutter var(--fin-secondary-duration, 472ms) steps(3, end) var(--fin-offset, -220ms) infinite alternate-reverse;
}
#fih-arena .pixel-gill {
  transform-origin: 50% 50%;
  animation: fih-gill-breathe var(--gill-duration, 960ms) steps(4, end) infinite;
}
#fih-arena .pixel-eye {
  transform-origin: 50% 50%;
  animation: fih-eye-blink var(--blink-duration, 4400ms) steps(1, end) infinite;
}

#fih-arena .fish-wake {
  position: absolute;
  z-index: 0;
  top: 12px;
  left: 0;
  width: 42px;
  height: 28px;
  border: 0;
  opacity: .78;
  filter: none;
  transform: none;
  pointer-events: none;
  color: var(--fish-wake-color, #fff);
}
#fih-arena .fish-wake__segment {
  position: absolute;
  display: block;
  height: 4px;
  border-top: 2px solid currentColor;
  transform-origin: 100% 50%;
  opacity: 0;
  animation: fih-wake-pulse var(--wake-duration) steps(6, end) infinite;
}
#fih-arena .fish-wake__segment:nth-child(1) { top: 5px; right: 1px; width: 24px; }
#fih-arena .fish-wake__segment:nth-child(2) { top: 13px; right: 9px; width: 19px; animation-delay: var(--wake-delay-two, -408ms); color: var(--fish-wake-soft, #aaa); }
#fih-arena .fish-wake__segment:nth-child(3) { top: 21px; right: 17px; width: 13px; animation-delay: var(--wake-delay-three, -816ms); color: var(--fish-wake-highlight, #fff); }
#fih-arena .fish-agent[data-facing="left"] .fish-wake {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}
#fih-arena .fish-agent:is(:hover, :focus-visible, [data-selected="true"]) .fish-wake { opacity: 1; }

@keyframes fih-fin-flutter {
  from { transform: scaleY(.55) skewX(-5deg); }
  to { transform: scaleY(1.16) skewX(6deg); }
}
@keyframes fih-gill-breathe {
  0%, 100% { opacity: .38; transform: translateX(0); }
  50% { opacity: 1; transform: translateX(-2px); }
}
@keyframes fih-eye-blink {
  0%, 88%, 100% { transform: scaleY(1); }
  90%, 94% { transform: scaleY(.18); }
}
@keyframes fih-wake-pulse {
  0% { opacity: 0; transform: translateX(9px) scaleX(.24); }
  22% { opacity: .7; }
  62% { opacity: .34; transform: translateX(-5px) scaleX(1); }
  100% { opacity: 0; transform: translateX(-13px) scaleX(.58); }
}

/* Hyperliquid-inspired operating density: one dominant tank, one compact command dock. */
#fih-arena .arena-shell {
  grid-template-columns: minmax(0, 1fr) 236px !important;
}
#fih-arena .arena-command-bar {
  position: relative;
  z-index: 8;
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: stretch;
  overflow: visible;
  border: 1px solid #343434;
  background: rgba(5, 6, 7, .9);
  pointer-events: auto;
}
#fih-arena .arena-command,
#fih-arena .arena-display-menu > summary {
  min-width: max-content;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid #2d2d2d;
  border-radius: 0;
  color: #bcbcbc;
  background: #090a0b;
  box-shadow: none;
  font: 700 7px/1 "Silkscreen", "JetBrains Mono", monospace;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
}
#fih-arena .arena-command:is(:hover, :focus-visible),
#fih-arena .arena-display-menu > summary:is(:hover, :focus-visible) {
  color: #fff;
  background: #17191a;
}
#fih-arena .arena-command--primary {
  color: #001714 !important;
  background: var(--bio-teal) !important;
  border-color: color-mix(in srgb, var(--bio-teal) 68%, #fff) !important;
}
#fih-arena .arena-command[aria-pressed="true"] {
  color: #000;
  background: #fff;
}
#fih-arena .arena-display-menu {
  position: relative;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  border: 0;
}
#fih-arena .arena-display-menu > summary {
  height: 100%;
  border-right: 0;
  list-style: none;
}
#fih-arena .arena-display-menu > summary::-webkit-details-marker,
#fih-arena .arena-display-menu > summary::after { display: none !important; }
#fih-arena .arena-display-panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  right: 0;
  width: 248px;
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #555;
  background: #050607;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .52);
}
#fih-arena .arena-display-menu:not([open]) > .arena-display-panel { display: none !important; }
#fih-arena .arena-display-panel .control-label { margin: 0; }
#fih-arena .arena-display-panel input[type="range"] { width: 100%; margin: 0 0 4px; }
#fih-arena .selected-survival[data-attention="true"] {
  outline: 2px solid var(--bio-teal);
  outline-offset: 3px;
}

@media (max-width: 1180px) {
  #fih-arena .arena-shell { grid-template-columns: minmax(0, 1fr) 228px !important; }
  #fih-arena .arena-command,
  #fih-arena .arena-display-menu > summary { padding-inline: 9px; font-size: 6px; }
}
@media (max-width: 800px) {
  #fih-arena .arena-shell { grid-template-columns: 1fr !important; }
  #fih-arena .arena-command-bar {
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
  }
  #fih-arena .arena-display-menu { margin-left: 0; }
  #fih-arena .arena-display-panel { position: fixed; top: auto; right: 12px; bottom: 12px; left: 12px; width: auto; }
}

/* Unified trading pond: the market, tank, agent, and ticket share one workspace. */
#fih-arena .arena-shell {
  grid-template-columns: minmax(0, 1fr) 236px !important;
  grid-template-rows: minmax(328px, 1.45fr) minmax(252px, .82fr) !important;
  align-content: stretch;
}
#fih-arena .tank-stage {
  grid-column: 1;
  grid-row: 1;
  min-height: 0 !important;
}
#fih-arena .side-panel.right {
  grid-column: 2;
  grid-row: 1;
}
#fih-arena .arena-trade-workspace {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) 258px;
  grid-template-rows: minmax(0, 1fr);
  border: 1px solid #3a3a3a;
  background: #050607;
}
#fih-arena .arena-trade-workspace .terminal-bottom { display: none !important; }
#fih-arena .arena-trade-workspace .terminal-section-title { min-height: 42px; padding-inline: 10px; }
#fih-arena .arena-trade-workspace .watchlist-row { min-height: 47px; padding: 7px 10px; }
#fih-arena .arena-trade-workspace .terminal-current-note { display: none; }
#fih-arena .arena-trade-workspace .terminal-quote-header {
  min-height: 56px;
  grid-template-columns: auto auto minmax(300px, 1fr) auto;
  gap: 12px;
  padding: 7px 10px;
}
#fih-arena .arena-trade-workspace .terminal-quote-stats { gap: 8px; }
#fih-arena .arena-trade-workspace .terminal-workspace { grid-template-columns: minmax(300px, 1fr) 214px; }
#fih-arena .arena-trade-workspace .chart-panel { grid-template-rows: 34px 25px minmax(0, 1fr); }
#fih-arena .arena-trade-workspace .terminal-tape { grid-template-rows: minmax(150px, 1fr); }
#fih-arena .arena-trade-workspace .trades-panel { display: none; }
#fih-arena .arena-trade-workspace .book-panel { grid-template-rows: 34px 20px minmax(42px, 1fr) 24px minmax(42px, 1fr); border-bottom: 0; }
#fih-arena .arena-trade-workspace .terminal-ticket { padding: 9px 11px; }
#fih-arena .arena-trade-workspace .terminal-ticket label { margin-top: 7px; }
#fih-arena .arena-trade-workspace .terminal-ticket select,
#fih-arena .arena-trade-workspace .ticket-input { min-height: 34px; margin-top: 4px; }
#fih-arena .arena-trade-workspace .ticket-input input { min-height: 32px; }
#fih-arena .arena-trade-workspace .ticket-side { margin-top: 8px; }
#fih-arena .arena-trade-workspace .ticket-side button { min-height: 34px; }
#fih-arena .arena-trade-workspace .ticket-check { min-height: 30px; }
#fih-arena .arena-trade-workspace .ticket-estimate { margin-top: 4px; padding: 4px 0; }
#fih-arena .arena-trade-workspace .ticket-estimate div { padding: 2px 0; }
#fih-arena .arena-trade-workspace .ticket-submit { min-height: 36px; margin-top: 7px; }
#fih-arena .arena-trade-workspace .ticket-risk { margin-top: 5px; font-size: 10px; line-height: 1.3; }
#fih-arena .arena-trade-workspace .terminal-agent-dock { display: none; }
#fih-arena :is(.terminal-market, .terminal-ticket)[data-focus="true"] {
  outline: 2px solid var(--bio-teal);
  outline-offset: -3px;
  animation: fih-surface-focus 700ms steps(2, end) 2;
}
@keyframes fih-surface-focus {
  50% { outline-color: #fff; }
}

@media (max-width: 1180px) {
  #fih-arena .arena-shell {
    grid-template-columns: minmax(0, 1fr) 220px !important;
    grid-template-rows: minmax(320px, 1.5fr) minmax(244px, .78fr) !important;
  }
  #fih-arena .arena-trade-workspace { grid-template-columns: minmax(0, 1fr) 244px; }
  #fih-arena .arena-trade-workspace .terminal-watchlist { display: none; }
  #fih-arena .arena-trade-workspace .terminal-quote-header { grid-template-columns: auto auto 1fr; }
  #fih-arena .arena-trade-workspace .terminal-truth { display: none; }
}

@media (max-width: 800px) {
  #fih-arena .arena-shell {
    height: auto !important;
    min-height: calc(100svh - 98px) !important;
    display: flex !important;
    flex-direction: column;
    overflow: visible;
  }
  #fih-arena .tank-stage { order: 1; flex: 0 0 auto; min-height: 78svh !important; }
  #fih-arena .arena-trade-workspace {
    order: 2;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  #fih-arena .side-panel.right { order: 3; }
  #fih-arena .arena-trade-workspace .terminal-market { flex: 0 0 auto; }
  #fih-arena .arena-trade-workspace .terminal-ticket {
    padding: 0 clamp(18px, 5vw, 32px) 32px;
  }
  #fih-arena .arena-trade-workspace .terminal-quote-header { grid-template-columns: 1fr auto; }
  #fih-arena .arena-trade-workspace .terminal-quote-stats { grid-column: 1 / -1; grid-template-columns: repeat(2, 1fr); }
  #fih-arena .arena-trade-workspace .terminal-workspace { display: block; }
  #fih-arena .arena-trade-workspace .chart-panel { min-height: 350px; grid-template-rows: auto 30px 280px; border-right: 0; }
  #fih-arena .arena-trade-workspace .terminal-tape { display: none; }
  #fih-arena .arena-trade-workspace .mobile-ticket-toggle { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  #fih-arena :is(.terminal-market, .terminal-ticket)[data-focus="true"] { animation: none; }
}

/* Entering the tank is a system handoff, not a camera zoom. */
#fih-arena .pond-init {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #fff;
  background: #000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 110ms linear, visibility 0s linear 110ms;
}
#fih-arena .pond-init[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}
#fih-arena .pond-init__core {
  width: min(360px, calc(100vw - 48px));
  display: grid;
  justify-items: center;
  gap: 24px;
}
#fih-arena .pond-init__mark {
  width: 112px;
  height: auto;
  color: var(--bio-teal);
  image-rendering: pixelated;
  filter: drop-shadow(8px 8px 0 color-mix(in srgb, var(--bio-violet) 42%, #111));
}
#fih-arena .pond-init__core > strong {
  color: #fff;
  font: 700 11px/1 "Silkscreen", "JetBrains Mono", monospace;
  letter-spacing: .18em;
}
#fih-arena .pond-init__track {
  width: 100%;
  height: 12px;
  overflow: hidden;
  border: 1px solid #fff;
  background: #080808;
  box-shadow: 0 0 0 3px #000, 0 0 0 4px #383838;
}
#fih-arena .pond-init__track > span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--bio-teal), #fff 52%, var(--bio-violet));
  will-change: transform;
}
#fih-arena[data-submerging="true"] .pond-gate {
  opacity: 0 !important;
  transform: none !important;
  transition: none !important;
}
#fih-arena[data-submerging="true"] .pond-gate::after { animation: none !important; }

#fih-arena[data-visible="false"] :is(.pixel-fin, .pixel-gill, .pixel-eye, .fish-wake__segment),
#fih-arena[data-swim-state="paused"] :is(.pixel-tail, .pixel-fin, .pixel-gill, .pixel-eye, .fish-wake__segment),
#fih-arena[data-swim-state="emergency"] :is(.pixel-tail, .pixel-fin, .pixel-gill, .pixel-eye, .fish-wake__segment) {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  #fih-arena .pond-init { transition: none; }
  #fih-arena .pond-init__track > span { will-change: auto; }
  #fih-arena :is(.pixel-fin, .pixel-gill, .pixel-eye, .fish-wake__segment) { animation: none !important; }
  #fih-arena .fish-wake__segment { opacity: .24; transform: none; }
}

/* Graphite current: warm precision for a serious terminal with an arcade pulse. */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("bricolage-grotesque-variable.ttf") format("truetype");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("instrument-sans-variable.ttf") format("truetype");
  font-weight: 400 700;
  font-display: swap;
}

#fih-arena {
  --brand-black: #050505;
  --brand-graphite: #0b0b0a;
  --brand-raised: #12110f;
  --brand-surface: #181713;
  --brand-line: #34312c;
  --brand-line-soft: rgba(230, 211, 163, .13);
  --brand-ivory: #f3efe6;
  --brand-muted: #aaa69c;
  --brand-faint: #74716a;
  --brand-metal: #c8a86b;
  --brand-metal-pale: #e6d3a3;
  --brand-buy: #89a18c;
  --brand-sell: #bd7a6d;
  --px-void: var(--brand-black);
  --px-deep: var(--brand-graphite);
  --px-panel: var(--brand-raised);
  --px-panel-raised: var(--brand-surface);
  --px-line: var(--brand-line);
  --px-line-bright: var(--brand-metal-pale);
  --px-ink: var(--brand-ivory);
  --px-dim: var(--brand-muted);
  --px-cyan: var(--brand-metal-pale);
  --px-gold: var(--brand-metal);
  --abyss: var(--brand-black);
  --deep: var(--brand-graphite);
  --deep-2: var(--brand-raised);
  --panel: var(--brand-raised);
  --line: var(--brand-line);
  --line-soft: var(--brand-line-soft);
  --ink: var(--brand-ivory);
  --ink-dim: var(--brand-muted);
  --ink-faint: var(--brand-faint);
  --cyan: var(--brand-metal-pale);
  --cyan-soft: rgba(200, 168, 107, .12);
  --gold: var(--brand-metal);
  --green: var(--brand-buy);
  --red: var(--brand-sell);
  --bio-teal: #78b5a5;
  --bio-violet: #9b8ab6;
  --bio-coral: #c67e70;
  --bio-lime: #a8b97a;
  --bio-blue: #8b91b5;
  --bio-amber: var(--brand-metal);
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
  color: var(--brand-ivory);
  accent-color: var(--brand-metal);
  font-family: "Instrument Sans", "Segoe UI", sans-serif;
}

#fih-arena ::selection {
  color: var(--brand-black) !important;
  background: var(--brand-metal-pale) !important;
}
#fih-arena,
#fih-arena * {
  scrollbar-color: var(--brand-metal) var(--brand-graphite);
  scrollbar-width: thin;
}
#fih-arena :where(button, [role="button"], input, select, textarea):focus-visible {
  outline: 1px solid var(--brand-metal-pale) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--brand-black), 0 0 0 4px var(--brand-metal) !important;
}

#fih-arena .pond-gate {
  color: var(--brand-ivory) !important;
  background:
    linear-gradient(rgba(230, 211, 163, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(230, 211, 163, .022) 1px, transparent 1px),
    radial-gradient(ellipse at 76% 24%, rgba(200, 168, 107, .1), transparent 34%),
    radial-gradient(ellipse at 18% 76%, rgba(120, 181, 165, .045), transparent 34%),
    linear-gradient(180deg, #0d0c0a 0%, #080807 52%, var(--brand-black) 100%) !important;
  background-size: 40px 40px, 40px 40px, auto, auto, auto !important;
}

/* Landing cabinet: the living school is presented as a playable pixel aquarium. */
#fih-arena .arcade-tank-cabinet {
  position: relative;
  grid-column: 2;
  justify-self: stretch;
  align-self: center;
  width: 100%;
  min-width: 0;
  height: clamp(570px, 72svh, 680px);
  display: grid;
  grid-template-rows: 44px minmax(0, 1fr) 54px;
  padding: 8px 10px 10px;
  overflow: hidden;
  border: 2px solid var(--brand-metal-pale);
  background:
    linear-gradient(90deg, rgba(230, 211, 163, .08), transparent 12% 88%, rgba(230, 211, 163, .06)),
    var(--brand-raised);
  clip-path: polygon(
    12px 0, calc(100% - 12px) 0,
    calc(100% - 12px) 6px, 100% 6px,
    100% calc(100% - 16px), calc(100% - 8px) calc(100% - 16px),
    calc(100% - 8px) 100%, 68% 100%,
    68% calc(100% - 6px), 32% calc(100% - 6px),
    32% 100%, 8px 100%,
    8px calc(100% - 16px), 0 calc(100% - 16px),
    0 6px, 12px 6px
  );
  filter: drop-shadow(0 22px 28px rgba(0, 0, 0, .42));
  isolation: isolate;
}
#fih-arena .arcade-tank-cabinet::before,
#fih-arena .arcade-tank-cabinet::after {
  content: "";
  position: absolute;
  z-index: 6;
  top: 54px;
  bottom: 64px;
  width: 4px;
  background: repeating-linear-gradient(180deg, var(--brand-metal-pale) 0 8px, var(--brand-metal) 8px 12px, transparent 12px 18px);
  opacity: .68;
  pointer-events: none;
}
#fih-arena .arcade-tank-cabinet::before { left: 3px; }
#fih-arena .arcade-tank-cabinet::after { right: 3px; }

#fih-arena .arcade-tank-marquee {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 0 10px 6px;
  border-bottom: 2px solid var(--brand-metal);
  color: var(--brand-muted);
  background: var(--brand-raised);
  font: 700 7px/1 "Silkscreen", monospace;
  letter-spacing: .08em;
  white-space: nowrap;
}
#fih-arena .arcade-tank-marquee > strong {
  color: var(--brand-ivory);
  font: 700 13px/1 "Silkscreen", monospace;
  letter-spacing: .06em;
  text-shadow: 2px 2px 0 var(--brand-black);
}
#fih-arena .arcade-tank-marquee > span:last-child { justify-self: end; color: var(--brand-metal-pale); }
#fih-arena .arcade-live-lamp { display: inline-flex; align-items: center; gap: 7px; }
#fih-arena .arcade-live-lamp > i {
  width: 7px;
  height: 7px;
  display: inline-block;
  background: var(--brand-buy);
  box-shadow: 0 0 0 2px var(--brand-black), 2px 2px 0 rgba(0, 0, 0, .45);
}

#fih-arena .arcade-tank-cabinet > .living-market {
  grid-column: auto !important;
  align-self: stretch;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 2px solid var(--brand-line) !important;
  box-shadow:
    inset 0 0 0 3px var(--brand-black),
    inset 0 14px 34px rgba(230, 211, 163, .025),
    inset 0 -54px 70px rgba(0, 0, 0, .32) !important;
}

#fih-arena .arcade-tank-controls {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 7px 10px 4px;
  border-top: 2px solid var(--brand-metal);
  color: var(--brand-muted);
  background:
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(230, 211, 163, .025) 38px 39px),
    var(--brand-raised);
}
#fih-arena .arcade-stick {
  position: relative;
  width: 34px;
  height: 32px;
  display: block;
  border-bottom: 4px solid var(--brand-line);
}
#fih-arena .arcade-stick::before {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 3px;
  width: 4px;
  height: 17px;
  background: var(--brand-metal-pale);
}
#fih-arena .arcade-stick::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 16px;
  height: 10px;
  border: 2px solid var(--brand-metal-pale);
  background: var(--brand-black);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, .55);
}
#fih-arena .arcade-player-label { min-width: 0; display: grid; gap: 3px; }
#fih-arena .arcade-player-label small { color: var(--brand-faint); font: 700 6px/1 "Silkscreen", monospace; letter-spacing: .1em; }
#fih-arena .arcade-player-label strong { overflow: hidden; color: var(--brand-ivory); font: 700 8px/1 "Silkscreen", monospace; letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
#fih-arena .arcade-button-bank { display: flex; gap: 7px; }
#fih-arena .arcade-button-bank > i {
  width: 24px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 2px solid var(--brand-metal-pale);
  color: var(--brand-metal-pale);
  background: var(--brand-black);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, .55);
  font: 700 7px/1 "Silkscreen", monospace;
  font-style: normal;
}
#fih-arena .arcade-button-bank > i:last-child { border-color: var(--brand-sell); color: var(--brand-sell); }
#fih-arena .arcade-coin-slot {
  padding: 7px 8px;
  border: 1px solid var(--brand-line);
  color: var(--brand-metal-pale);
  background: var(--brand-black);
  font: 700 6px/1 "Silkscreen", monospace;
  letter-spacing: .06em;
  white-space: nowrap;
}

@media (max-width: 800px) {
  #fih-arena .arcade-tank-cabinet {
    grid-column: 1;
    height: 520px;
    grid-template-rows: 38px minmax(0, 1fr) 48px;
    padding: 6px 7px 8px;
  }
  #fih-arena .arcade-tank-marquee { padding-inline: 8px; }
  #fih-arena .arcade-tank-marquee > strong { font-size: 10px; }
  #fih-arena .arcade-tank-controls { grid-template-columns: 40px minmax(0, 1fr) auto; padding-inline: 8px; }
  #fih-arena .arcade-coin-slot { display: none; }
}

@media (max-width: 480px) {
  #fih-arena .arcade-tank-cabinet {
    height: 426px;
    grid-template-rows: 26px 360px 40px;
    margin-top: -30px;
    padding: 4px 5px 6px;
  }
  #fih-arena .arcade-tank-cabinet::before,
  #fih-arena .arcade-tank-cabinet::after { top: 34px; bottom: 48px; width: 3px; }
  #fih-arena .arcade-tank-marquee { gap: 6px; padding: 0 5px 3px; }
  #fih-arena .arcade-tank-marquee > strong { font-size: 8px; }
  #fih-arena .arcade-tank-marquee > span { font-size: 5px; }
  #fih-arena .arcade-tank-controls { grid-template-columns: 32px minmax(0, 1fr) auto; gap: 6px; padding: 3px 5px; }
  #fih-arena .arcade-stick { width: 28px; height: 26px; transform: scale(.8); transform-origin: left center; }
  #fih-arena .arcade-player-label strong { font-size: 6px; }
  #fih-arena .arcade-player-label small { font-size: 5px; }
  #fih-arena .arcade-button-bank { gap: 4px; }
  #fih-arena .arcade-button-bank > i { width: 20px; height: 17px; font-size: 6px; }
}

/* Copy cockpit: the order rail follows a fish, not a one-off trade. */
@media (min-width: 1181px) {
  #fih-arena .arena-trade-workspace { grid-template-columns: 132px minmax(0, 1fr) 286px !important; }
}
@media (min-width: 801px) and (max-width: 1180px) {
  #fih-arena .arena-trade-workspace { grid-template-columns: minmax(0, 1fr) 270px !important; }
}
#fih-arena .arena-trade-workspace .terminal-ticket {
  overflow-y: auto;
  padding: 0 12px 12px !important;
}
#fih-arena .arena-trade-workspace .terminal-ticket > .terminal-section-title {
  position: sticky;
  z-index: 5;
  top: 0;
  margin: 0 -12px;
  padding-inline: 12px;
  background: var(--brand-raised) !important;
}
#fih-arena .arena-trade-workspace .terminal-agent-dock.copy-fish-picker {
  min-height: 64px;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 5px 10px;
  align-items: center;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid var(--brand-line-soft);
  background: transparent !important;
}
#fih-arena .copy-fish-avatar {
  grid-row: 1 / 3;
  width: 48px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--brand-line);
  background: var(--brand-black);
}
#fih-arena .copy-fish-avatar .pixel-fish { width: 44px; height: auto; image-rendering: pixelated; }
#fih-arena .copy-fish-picker > label {
  min-width: 0;
  margin: 0 !important;
  color: var(--brand-muted);
  font: 650 9px/1.2 "Instrument Sans", sans-serif;
  letter-spacing: .01em;
  text-transform: none;
}
#fih-arena .copy-fish-picker select {
  width: 100%;
  min-height: 32px;
  margin-top: 4px;
  padding: 0 28px 0 8px;
  border: 1px solid var(--brand-line) !important;
  color: var(--brand-ivory) !important;
  background: var(--brand-black) !important;
  font: 650 11px/1 "Instrument Sans", sans-serif;
}
#fih-arena .copy-fish-identity {
  min-width: 0;
  display: flex;
  gap: 7px;
  align-items: baseline;
}
#fih-arena .copy-fish-identity strong {
  flex: 0 0 auto;
  color: var(--brand-metal-pale);
  font: 700 8px/1 "Silkscreen", monospace;
}
#fih-arena .copy-fish-identity span {
  min-width: 0;
  overflow: hidden;
  color: var(--brand-muted);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#fih-arena .copy-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 8px;
}
#fih-arena .arena-trade-workspace .copy-control-grid > label {
  min-width: 0;
  margin-top: 4px;
  color: var(--brand-muted);
  font: 650 9px/1.2 "Instrument Sans", sans-serif;
  letter-spacing: .01em;
  text-transform: none;
}
#fih-arena .copy-control-grid .ticket-input {
  min-width: 0;
  min-height: 28px !important;
  margin-top: 2px !important;
}
#fih-arena .copy-control-grid .ticket-input input {
  width: 100%;
  min-width: 0;
  min-height: 26px !important;
  padding-inline: 8px 4px;
  font-variant-numeric: tabular-nums;
}
#fih-arena .copy-control-grid .ticket-input span { padding-inline: 5px; font-size: 8px; }
#fih-arena .arena-trade-workspace .copy-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 10px;
  padding: 8px 0;
  border-top: 1px solid var(--brand-line-soft);
  border-bottom: 1px solid var(--brand-line-soft);
}
#fih-arena .arena-trade-workspace .copy-summary > div {
  min-width: 0;
  padding: 2px 0;
}
#fih-arena .arena-trade-workspace .copy-summary > div:nth-child(even) { text-align: right; }
#fih-arena .arena-trade-workspace .copy-summary .copy-summary-death {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  padding-top: 6px;
  border-top: 1px solid var(--brand-line-soft);
  text-align: left;
}
#fih-arena .copy-summary dt { color: var(--brand-faint); font-size: 9px; }
#fih-arena .copy-summary dd { margin: 2px 0 0; color: var(--brand-ivory); font: 700 11px/1.2 "JetBrains Mono", monospace; }
#fih-arena .copy-summary-death dd { color: var(--brand-sell); }
#fih-arena .copy-validation {
  min-height: 16px;
  margin: 5px 0 0;
  color: var(--brand-buy);
  font-size: 9px;
}
#fih-arena .copy-validation[data-state="invalid"] { color: var(--brand-sell); }
#fih-arena .arena-trade-workspace .ticket-submit { min-height: 32px; margin-top: 5px; }
#fih-arena .arena-trade-workspace .ticket-risk {
  margin-top: 8px;
  padding: 8px;
  border: 1px solid rgba(189, 122, 109, .36);
  color: var(--brand-muted) !important;
  background: rgba(189, 122, 109, .045) !important;
}
#fih-arena .ticket-risk strong { color: var(--brand-ivory); }
#fih-arena .copy-control-grid input[aria-invalid="true"] { border-color: var(--brand-sell) !important; }

@media (max-width: 800px) {
  #fih-arena .arena-trade-workspace .terminal-ticket { padding: 0 clamp(18px, 5vw, 32px) 32px !important; }
  #fih-arena .arena-trade-workspace .terminal-ticket > .terminal-section-title {
    margin-inline: calc(clamp(18px, 5vw, 32px) * -1);
    padding-inline: clamp(18px, 5vw, 32px);
  }
  #fih-arena .arena-trade-workspace .copy-fish-picker { position: sticky; z-index: 4; top: 42px; background: var(--brand-graphite) !important; }
}
#fih-arena .pond-gate::before {
  opacity: .13 !important;
  background: repeating-linear-gradient(180deg, transparent 0 4px, rgba(243, 239, 230, .035) 4px 5px) !important;
}
#fih-arena .pond-broadcast {
  border-color: var(--brand-line) !important;
  background: rgba(5, 5, 5, .88) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .32) !important;
}
#fih-arena :is(#pond-title, .pond-details h2, .tank-title, .view-title, .artifact-chapter h2, .pond-final-call h2) {
  color: var(--brand-ivory) !important;
  font-family: "Bricolage Grotesque", "Instrument Sans", sans-serif !important;
  font-weight: 680 !important;
  line-height: .9 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}
#fih-arena #pond-title { max-width: 8.5ch; }
#fih-arena .view-title span { font-family: inherit !important; }
#fih-arena .pond-pitch,
#fih-arena .pond-details-lede,
#fih-arena .artifact-chapter p,
#fih-arena .pond-operating-model p,
#fih-arena .pond-faq p { color: var(--brand-muted) !important; }
#fih-arena :is(.pond-trust, .pond-signal, .artifact-thesis, .tank-subtitle, .tank-meta, .status-pill, .feed-source) {
  color: var(--brand-metal-pale) !important;
}
#fih-arena :is(.pond-proof-tape, .pond-operating-model, .pond-token, .pond-faq, .pond-final-call, .artifact-chapter, .specimen-agent, .living-market, .landing-truth) {
  border-color: var(--brand-line) !important;
  background-color: var(--brand-graphite) !important;
  color: var(--brand-ivory) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .22) !important;
}

#fih-arena :is(.enter-pond, .pond-connect, [data-wallet-connect], .hud-button.primary) {
  color: var(--brand-black) !important;
  border-color: var(--brand-metal-pale) !important;
  background: var(--brand-metal-pale) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28) !important;
}
#fih-arena :is(.enter-pond, .pond-connect, [data-wallet-connect], .hud-button.primary):is(:hover, :focus-visible) {
  color: var(--brand-ivory) !important;
  border-color: var(--brand-metal) !important;
  background: var(--brand-surface) !important;
}
#fih-arena :is(.pond-broadcast-links button:not(.pond-connect), .nav-item, .hud-button:not(.primary)) {
  color: var(--brand-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
#fih-arena .nav-item[data-active="true"] {
  color: var(--brand-ivory) !important;
  border-bottom-color: var(--brand-metal) !important;
  background: var(--brand-raised) !important;
  box-shadow: inset 0 -1px var(--brand-metal) !important;
}

#fih-arena .fih-current-mark,
#fih-arena .pond-init__mark {
  overflow: visible;
  color: var(--brand-ivory) !important;
  filter: none !important;
}
#fih-arena .pond-wordmark [data-fih-mark],
#fih-arena .brand-mark [data-fih-mark] {
  color: var(--brand-ivory) !important;
  filter: none !important;
}
#fih-arena .fih-mark-body { fill: var(--brand-ivory); }
#fih-arena .fih-mark-accent { fill: var(--brand-metal); }
#fih-arena .fih-mark-cutout { fill: var(--brand-black); }
#fih-arena .brand-mark {
  width: 54px !important;
  height: 40px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#fih-arena .pond-wordmark > .fih-current-mark {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#fih-arena .pond-wordmark > span,
#fih-arena .brand-copy strong {
  color: var(--brand-ivory) !important;
  font-family: "Bricolage Grotesque", "Instrument Sans", sans-serif !important;
  font-weight: 680 !important;
  letter-spacing: -.02em !important;
}
#fih-arena .pond-wordmark small,
#fih-arena .brand-copy span { color: var(--brand-metal-pale) !important; }

#fih-arena .topbar {
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .24) !important;
}
#fih-arena > main,
#fih-arena .view-panel { background: var(--brand-black) !important; }
#fih-arena :is(.market-strip, .runtime-card, .statusbar) {
  border-color: var(--brand-line) !important;
  background: var(--brand-graphite) !important;
  color: var(--brand-muted) !important;
}

#fih-arena .arena-shell { gap: 1px !important; background: var(--brand-line) !important; }
#fih-arena .tank-stage,
#fih-arena .living-market {
  border-color: var(--brand-line) !important;
  background:
    linear-gradient(110deg, transparent 0 58%, rgba(230, 211, 163, .025) 59% 61%, transparent 62%),
    repeating-linear-gradient(180deg, transparent 0 94px, rgba(243, 239, 230, .018) 95px 96px),
    radial-gradient(ellipse at 18% 26%, rgba(120, 181, 165, .045), transparent 32%),
    radial-gradient(ellipse at 82% 68%, rgba(200, 168, 107, .05), transparent 38%),
    linear-gradient(180deg, #12120f 0%, #0b0b09 58%, var(--brand-black) 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(243, 239, 230, .04) !important;
}
#fih-arena .tank-stage::before {
  opacity: .56;
  background:
    linear-gradient(106deg, transparent 0 34%, rgba(230, 211, 163, .035) 35% 37%, transparent 38%),
    repeating-linear-gradient(180deg, transparent 0 108px, rgba(243, 239, 230, .018) 109px 110px) !important;
}
#fih-arena :is(.tank-chrome, .tank-header, .tank-readout, .arena-hud) {
  border-color: var(--brand-line-soft) !important;
  background-color: rgba(5, 5, 5, .86) !important;
  color: var(--brand-ivory) !important;
}
#fih-arena :is(.side-panel, .side-panel.right) {
  border-color: var(--brand-line) !important;
  background: var(--brand-graphite) !important;
  color: var(--brand-ivory) !important;
}
#fih-arena .side-panel.right :is(.selected-card, .leaderboard, .tank-commentary, .selected-traits, .selected-survival) {
  border-color: var(--brand-line-soft) !important;
  background: var(--brand-graphite) !important;
  box-shadow: none !important;
}
#fih-arena .selected-survival[data-attention="true"] {
  outline-color: var(--brand-sell) !important;
}
#fih-arena .arena-death-line {
  border-color: rgba(200, 168, 107, .5) !important;
  background: rgba(18, 17, 15, .88) !important;
}
#fih-arena .arena-death-line > strong { color: var(--brand-metal-pale) !important; }

#fih-arena .arena-command-bar {
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
}
#fih-arena :is(.arena-command, .arena-display-menu > summary) {
  color: var(--brand-muted) !important;
  border-color: var(--brand-line) !important;
  background: var(--brand-graphite) !important;
}
#fih-arena :is(.arena-command, .arena-display-menu > summary):is(:hover, :focus-visible) {
  color: var(--brand-ivory) !important;
  background: var(--brand-raised) !important;
}
#fih-arena .arena-command--primary {
  color: var(--brand-black) !important;
  border-color: var(--brand-metal) !important;
  background: var(--brand-metal-pale) !important;
}
#fih-arena .arena-command[aria-pressed="true"] {
  color: var(--brand-black) !important;
  background: var(--brand-ivory) !important;
}
#fih-arena .arena-display-panel {
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .42) !important;
}

#fih-arena :is(.trade-terminal, .arena-trade-workspace) {
  --terminal-ground: var(--brand-black);
  --terminal-surface: var(--brand-graphite);
  --terminal-raised: var(--brand-raised);
  --terminal-line: var(--brand-line-soft);
  --terminal-line-strong: var(--brand-line);
  --terminal-ink: var(--brand-ivory);
  --terminal-muted: var(--brand-muted);
  --terminal-buy: var(--brand-buy);
  --terminal-sell: var(--brand-sell);
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
  color: var(--brand-ivory) !important;
}
#fih-arena .trade-terminal :is(.terminal-watchlist, .terminal-market, .terminal-ticket, .terminal-bottom, .terminal-chart, .terminal-tape, .terminal-quote-header, .terminal-current-note) {
  border-color: var(--brand-line) !important;
  background: var(--brand-graphite) !important;
  color: var(--brand-ivory) !important;
  box-shadow: none !important;
}
#fih-arena :is(.terminal-section-title, .terminal-quote-header, .terminal-panel-head, .chart-toolbar, .book-head, .trade-head, .book-mid) {
  border-color: var(--brand-line-soft) !important;
  background: var(--brand-raised) !important;
  color: var(--brand-muted) !important;
}
#fih-arena :is(.terminal-section-title, .terminal-symbol, .terminal-last, .terminal-panel-head) strong,
#fih-arena :is(.terminal-section-title, .terminal-panel-head) h2 {
  color: var(--brand-ivory) !important;
}
#fih-arena :is(.terminal-workspace, .chart-panel, .terminal-chart-wrap, .terminal-tape, .book-panel, .trades-panel) {
  border-color: var(--brand-line-soft) !important;
  background: var(--brand-graphite) !important;
}
#fih-arena .trade-terminal .watchlist-row {
  border-color: var(--brand-line-soft) !important;
  background: transparent !important;
  color: var(--brand-muted) !important;
}
#fih-arena .trade-terminal .watchlist-row:is(:hover, [data-active="true"]) {
  color: var(--brand-ivory) !important;
  background: var(--brand-raised) !important;
  box-shadow: inset 2px 0 var(--brand-metal) !important;
}
#fih-arena .terminal-current-note,
#fih-arena .terminal-truth {
  color: var(--brand-muted) !important;
  border-color: var(--brand-line-soft) !important;
  background: transparent !important;
}
#fih-arena .trade-terminal :is(.interval-picker button, [data-chart-reset], .terminal-bottom-tabs button) {
  color: var(--brand-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
}
#fih-arena .trade-terminal :is(.interval-picker button, [data-chart-reset], .terminal-bottom-tabs button):is(:hover, [data-active="true"], [aria-selected="true"]) {
  color: var(--brand-ivory) !important;
  border-color: var(--brand-line) !important;
  background: var(--brand-surface) !important;
}
#fih-arena .trade-terminal .terminal-ticket :is(input, select, textarea),
#fih-arena .trade-terminal .ticket-input {
  color: var(--brand-ivory) !important;
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
}
#fih-arena .terminal-ticket :is(input, select, textarea)::placeholder { color: var(--brand-faint) !important; }
#fih-arena .ticket-side {
  border-color: var(--brand-line) !important;
  background: var(--brand-black) !important;
}
#fih-arena .trade-terminal .ticket-side button {
  color: var(--brand-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
}
#fih-arena .trade-terminal .ticket-side button[data-order-ticket-side="buy"][data-active="true"] {
  color: var(--brand-black) !important;
  background: var(--brand-buy) !important;
}
#fih-arena .trade-terminal .ticket-side button[data-order-ticket-side="sell"][data-active="true"] {
  color: var(--brand-black) !important;
  background: var(--brand-sell) !important;
}
#fih-arena .trade-terminal .ticket-submit {
  color: var(--brand-black) !important;
  border-color: var(--brand-metal) !important;
  background: var(--brand-metal-pale) !important;
  box-shadow: none !important;
}
#fih-arena .trade-terminal .ticket-submit:disabled {
  color: var(--brand-faint) !important;
  border-color: var(--brand-line) !important;
  background: var(--brand-raised) !important;
}
#fih-arena .ticket-risk,
#fih-arena :is(.survival-rule, [data-runner-survival], .terminal-risk, .memorial-entry) {
  color: var(--brand-muted) !important;
  border-color: rgba(189, 122, 109, .5) !important;
  background: rgba(189, 122, 109, .055) !important;
}
#fih-arena .book-level[data-side="ask"],
#fih-arena [data-terminal-change^="-"] { color: var(--brand-sell) !important; }
#fih-arena .book-level[data-side="bid"],
#fih-arena [data-terminal-change]:not([data-terminal-change^="-"]) { color: var(--brand-buy) !important; }
#fih-arena :is(.terminal-market, .terminal-ticket)[data-focus="true"] {
  outline-color: var(--brand-metal) !important;
}

#fih-arena .pond-init {
  color: var(--brand-ivory) !important;
  background: var(--brand-black) !important;
}
#fih-arena .pond-init__track {
  border-color: var(--brand-metal-pale) !important;
  background: var(--brand-graphite) !important;
  box-shadow: 0 0 0 3px var(--brand-black), 0 0 0 4px var(--brand-line) !important;
}
#fih-arena .pond-init__track > span {
  background: linear-gradient(90deg, var(--brand-metal), var(--brand-ivory) 56%, var(--brand-metal-pale)) !important;
}

@media (max-width: 800px) {
  #fih-arena .topbar { box-shadow: 0 10px 26px rgba(0, 0, 0, .3) !important; }
  #fih-arena .arena-shell { background: var(--brand-black) !important; }
  #fih-arena .arena-trade-workspace .terminal-ticket { background: var(--brand-graphite) !important; }
}

#fih-arena #pond-gate {
  color: var(--brand-ivory) !important;
  background:
    linear-gradient(rgba(230, 211, 163, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(230, 211, 163, .022) 1px, transparent 1px),
    radial-gradient(ellipse at 76% 24%, rgba(200, 168, 107, .1), transparent 34%),
    radial-gradient(ellipse at 18% 76%, rgba(120, 181, 165, .035), transparent 34%),
    linear-gradient(180deg, #0d0c0a 0%, #080807 52%, var(--brand-black) 100%) !important;
  background-size: 40px 40px, 40px 40px, auto, auto, auto !important;
}