@font-face {
  font-family: "Instrument Sans";
  src: url("./instrument-sans-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

html, body { background: #061119; }
#fih-arena {
  --fog: #061119;
  --paper: #0b1a23;
  --ink: #f4fbfa;
  --ink-dim: #a9bec2;
  --ink-faint: #789098;
  --silver: #38515a;
  --cyan: #1ddcc5;
  --current: #1ddcc5;
  --deep-current: #6b9cff;
  --coral: #ff6b5e;
  --survival: #b9e85a;
  --mutation: #9e87ff;
  --red: #e64958;
  --line: rgba(211, 238, 235, .16);
  --line-soft: rgba(211, 238, 235, .08);
  min-height: 100svh;
  border: 0;
  color: var(--ink);
  color-scheme: dark;
  font-family: "Instrument Sans", "Segoe UI", sans-serif;
  image-rendering: auto;
  background: radial-gradient(circle at 76% 8%, rgba(29, 220, 197, .07), transparent 32%), linear-gradient(180deg, #07151e 0%, var(--fog) 44%, #040c12 100%);
  box-shadow: none;
}
#fih-arena::before { display: none; }
#fih-arena ::selection { color: var(--paper); background: var(--deep-current); }
#fih-arena :focus-visible { outline: 2px solid var(--deep-current); outline-offset: 3px; }
#fih-arena button, #fih-arena a { -webkit-tap-highlight-color: transparent; }
#fih-arena .hud-type { font-family: "Instrument Sans", "Segoe UI", sans-serif; font-variant-numeric: tabular-nums; }
#fih-arena .fih-current-mark { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

#fih-arena .pond-gate {
  --artifact-black: var(--fog);
  --artifact-white: var(--ink);
  --artifact-dim: var(--ink-dim);
  --artifact-faint: #718087;
  --artifact-line: rgba(7, 21, 28, .14);
  --artifact-cyan: var(--current);
  inset: 0;
  z-index: 100;
  color: var(--ink);
  background: var(--fog);
  font-family: "Instrument Sans", "Segoe UI", sans-serif;
  scroll-behavior: smooth;
  scrollbar-color: var(--silver) transparent;
  scrollbar-width: thin;
}
#fih-arena .pond-gate::before {
  display: block;
  position: fixed;
  inset: 0;
  opacity: .18;
  background-image: radial-gradient(rgba(7,21,28,.22) .55px, transparent .55px);
  background-size: 5px 5px;
  mix-blend-mode: multiply;
  pointer-events: none;
}
#fih-arena .pond-gate::after { background: var(--ink); }
#fih-arena[data-submerging="true"] .living-market { filter: contrast(1.35) saturate(.3); transform: scale(1.025); }
#fih-arena[data-submerging="true"] .liquid-selection { clip-path: inset(0 0 100% 0); }
#fih-arena .pond-gate :focus-visible { outline: 2px solid var(--deep-current); outline-offset: 4px; }

#fih-arena .artifact-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  transform: none;
  min-height: 88px;
  padding: 20px clamp(24px, 4.2vw, 72px);
  border: 0;
  background: transparent;
}
#fih-arena .pond-wordmark { gap: 13px; color: var(--ink); text-decoration: none; }
#fih-arena .pond-wordmark svg { width: 44px; height: 44px; color: var(--ink); }
#fih-arena .pond-wordmark > span { display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 5px; color: var(--ink); font: 600 16px/1 "Instrument Sans", sans-serif; letter-spacing: -.02em; }
#fih-arena .pond-wordmark > span strong { font-weight: 700; }
#fih-arena .pond-wordmark small { grid-column: 1 / -1; margin-top: 6px; color: var(--ink-dim); font: 570 9px/1 "Instrument Sans", sans-serif; letter-spacing: .14em; }
#fih-arena .pond-broadcast-links { gap: 24px; }
#fih-arena .pond-broadcast-links button { min-height: 44px; padding: 0; border: 0; color: var(--ink-dim); background: transparent; font: 590 13px/1 "Instrument Sans", sans-serif; letter-spacing: -.01em; }
#fih-arena .pond-broadcast-links button:hover { color: var(--ink); }
#fih-arena .pond-broadcast-links .pond-connect { min-height: 48px; margin-left: 8px; padding: 0 20px; border: 1px solid var(--ink); border-radius: 999px; color: var(--paper); background: var(--ink); box-shadow: 0 10px 30px rgba(7,21,28,.15); }
#fih-arena .pond-broadcast-links .pond-connect:hover { color: var(--paper); border-color: #16323d; background: #16323d; transform: translateY(-1px); }

#fih-arena .artifact-hero {
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(390px, .88fr) minmax(530px, 1.12fr);
  align-items: center;
  gap: clamp(24px, 4vw, 72px);
  padding: 112px clamp(24px, 4.2vw, 72px) 48px;
  isolation: isolate;
  background: transparent;
  overflow: hidden;
}
#fih-arena .artifact-hero::after { display: block; content: ""; position: absolute; right: -7vw; bottom: -18vw; width: 48vw; aspect-ratio: 1; border: 1px solid rgba(7,21,28,.08); border-radius: 50%; pointer-events: none; }
#fih-arena .artifact-copy { position: relative; z-index: 3; left: auto; bottom: auto; width: auto; max-width: 660px; color: var(--ink); pointer-events: auto; }
#fih-arena .pond-signal { display: flex; align-items: center; gap: 7px; margin: 0 0 22px; color: var(--ink-dim); font: 630 11px/1.2 "Instrument Sans", sans-serif; letter-spacing: .06em; }
#fih-arena .live-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--current); box-shadow: 0 0 0 5px rgba(29,220,197,.13); }
#fih-arena .artifact-copy h1 { max-width: 8ch; margin: 0; color: var(--ink); font: 640 clamp(70px, 7.2vw, 96px)/.86 "Instrument Sans", sans-serif; letter-spacing: -.04em; text-transform: uppercase; text-wrap: balance; text-shadow: none; }
#fih-arena .artifact-thesis { margin: 26px 0 0; color: var(--ink); font: 650 13px/1.3 "Instrument Sans", sans-serif; letter-spacing: .02em; }
#fih-arena .artifact-copy > .pond-pitch { max-width: 56ch; margin: 14px 0 0; color: var(--ink-dim); font-size: 16px; line-height: 1.55; }
#fih-arena .artifact-copy .pond-actions { display: flex; align-items: center; gap: 22px; margin: 30px 0 0; }
#fih-arena .artifact-copy .enter-pond, #fih-arena .pond-final-call .enter-pond { min-height: 58px; padding: 0 58px 0 22px; border: 1px solid var(--ink); border-radius: 999px; color: var(--paper); background: var(--ink); font: 620 14px/1 "Instrument Sans", sans-serif; letter-spacing: -.01em; box-shadow: 0 14px 36px rgba(7,21,28,.18); transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
#fih-arena .artifact-copy .enter-pond:hover, #fih-arena .pond-final-call .enter-pond:hover { color: var(--paper); background: #17313c; transform: translateY(-2px); box-shadow: 0 18px 44px rgba(7,21,28,.22); }
#fih-arena .enter-arrow { right: 19px; width: 19px; color: var(--current); }
#fih-arena .artifact-copy .pond-actions > a { min-height: 44px; display: inline-flex; align-items: center; color: var(--ink); font: 590 13px/1 "Instrument Sans", sans-serif; text-underline-offset: 5px; }

#fih-arena .landing-truth { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); max-width: 620px; margin-top: 34px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#fih-arena .landing-truth > span { min-width: 0; padding: 14px 14px 14px 0; border-right: 1px solid var(--line); }
#fih-arena .landing-truth > span:not(:first-child) { padding-left: 14px; }
#fih-arena .landing-truth > span:last-child { border-right: 0; }
#fih-arena .landing-truth small { display: block; margin-bottom: 7px; color: var(--ink-faint); font-size: 9px; letter-spacing: .1em; }
#fih-arena .landing-truth strong { display: block; overflow: hidden; color: var(--ink); font-size: 10px; font-weight: 680; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
#fih-arena .landing-truth > span:first-child strong { color: #087c70; }

#fih-arena .living-market { position: relative; left: auto; right: auto; grid-column: 2; justify-self: stretch; width: 100%; min-width: 0; height: clamp(530px, 68svh, 690px); overflow: hidden; border: 1px solid rgba(7,21,28,.14); border-radius: 42% 58% 46% 54% / 55% 44% 56% 45%; background: radial-gradient(ellipse at 48% 42%, rgba(255,255,255,.92), rgba(184,196,199,.36) 47%, rgba(40,100,255,.06) 76%, rgba(7,21,28,.05)), var(--paper); box-shadow: 0 40px 90px rgba(36,65,74,.14), inset 0 0 70px rgba(255,255,255,.8); transition: filter 300ms ease, transform 500ms cubic-bezier(.2,.8,.2,1); touch-action: manipulation; }
#fih-arena .living-market::before, #fih-arena .living-market::after { content: ""; position: absolute; border: 1px solid rgba(7,21,28,.12); border-radius: 50%; pointer-events: none; }
#fih-arena .living-market::before { width: 78%; aspect-ratio: 1; right: -28%; top: -36%; }
#fih-arena .living-market::after { width: 52%; aspect-ratio: 1; left: -29%; bottom: -24%; }
#fih-arena [data-liquid-canvas] { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
#fih-arena .liquid-agent-targets { position: absolute; z-index: 3; inset: 0; }
#fih-arena .liquid-agent-targets button { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; border: 1px solid transparent; border-radius: 50%; background: transparent; color: transparent; cursor: pointer; }
#fih-arena .liquid-agent-targets button:hover { border-color: rgba(7,21,28,.22); background: rgba(255,255,255,.2); }
#fih-arena .liquid-agent-targets button:focus-visible { color: var(--ink); border-color: var(--deep-current); background: rgba(255,255,255,.82); }
#fih-arena .liquid-selection { position: absolute; z-index: 4; left: 30px; bottom: 28px; width: min(360px, calc(100% - 60px)); padding: 20px 22px 18px; border: 1px solid rgba(7,21,28,.13); border-radius: 20px; color: var(--ink); background: rgba(255,254,250,.9); box-shadow: 0 18px 48px rgba(7,21,28,.12); transition: clip-path 280ms ease; }
#fih-arena .liquid-selection > span { color: var(--ink-faint); font-size: 10px; font-weight: 650; line-height: 1.35; letter-spacing: .08em; }
#fih-arena .liquid-selection > strong { display: block; margin-top: 6px; font-size: 25px; line-height: 1; letter-spacing: -.03em; }
#fih-arena .liquid-selection > p { margin: 8px 0 14px; color: var(--ink-dim); font-size: 13px; }
#fih-arena .liquid-selection dl { display: grid; grid-template-columns: 1.2fr .8fr .8fr .8fr; gap: 10px; margin: 0; }
#fih-arena .liquid-selection dl div { min-width: 0; }
#fih-arena .liquid-selection dt { color: var(--ink-faint); font-size: 10px; letter-spacing: .06em; }
#fih-arena .liquid-selection dd { overflow: hidden; margin: 4px 0 0; color: var(--ink); font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
#fih-arena .liquid-instruction { position: absolute; z-index: 2; top: 28px; left: 30px; right: 30px; display: flex; justify-content: space-between; color: rgba(7,21,28,.48); font-size: 10px; font-weight: 580; }
#fih-arena .pond-scroll-cue { right: 50%; bottom: 18px; z-index: 5; color: var(--ink-dim); font: 570 10px/1 "Instrument Sans", sans-serif; letter-spacing: .03em; transform: translateX(50%); }

#fih-arena .pond-details { padding: 0 clamp(24px, 4.2vw, 72px) 120px; color: var(--ink); background: var(--paper); }
#fih-arena .pond-details-inner { width: min(1280px, 100%); }
#fih-arena .artifact-discovery { min-height: 0; display: grid; grid-template-columns: .86fr 1.14fr; gap: clamp(50px, 9vw, 150px); padding: 150px 0; }
#fih-arena .artifact-discovery-visual { position: sticky; top: 100px; height: min(66svh, 620px); display: grid; place-items: center; border-radius: 36px; background: var(--fog); overflow: hidden; }
#fih-arena .artifact-discovery-visual::before { display: none; }
#fih-arena .current-orbit { position: relative; width: min(360px, 78%); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }
#fih-arena .current-orbit::before, #fih-arena .current-orbit::after, #fih-arena .current-orbit > span { content: ""; position: absolute; border: 1px solid rgba(7,21,28,.14); border-radius: 50%; }
#fih-arena .current-orbit::before { inset: 14%; }
#fih-arena .current-orbit::after { inset: 29%; }
#fih-arena .current-orbit > span { width: 18px; height: 18px; border: 0; background: var(--current); box-shadow: 0 0 28px rgba(29,220,197,.38); }
#fih-arena .current-orbit > span:nth-child(1) { top: 12%; left: 29%; }
#fih-arena .current-orbit > span:nth-child(2) { right: 8%; bottom: 32%; background: var(--coral); box-shadow: 0 0 28px rgba(255,107,94,.28); }
#fih-arena .current-orbit > span:nth-child(3) { left: 19%; bottom: 17%; background: var(--mutation); box-shadow: 0 0 28px rgba(158,135,255,.3); }
#fih-arena .current-orbit strong { font-size: 76px; font-weight: 620; letter-spacing: -.05em; }
#fih-arena .current-orbit small { position: absolute; bottom: 23%; color: var(--ink-dim); font-size: 11px; }
#fih-arena .artifact-chapters { min-width: 0; }
#fih-arena .artifact-chapter { min-height: 74svh; justify-content: center; border-top: 1px solid var(--line); }
#fih-arena .artifact-chapter:first-child { border-top: 0; }
#fih-arena .artifact-chapter .pond-step-id { margin-bottom: 26px; color: #087c70; font: 650 10px/1 "Instrument Sans", sans-serif; letter-spacing: .12em; }
#fih-arena .artifact-chapter h2 { max-width: 12ch; color: var(--ink); font: 570 clamp(50px, 5.2vw, 76px)/.94 "Instrument Sans", sans-serif; letter-spacing: -.04em; text-transform: none; }
#fih-arena .artifact-chapter h2 span { color: var(--ink); }
#fih-arena .artifact-chapter p { max-width: 52ch; margin-top: 26px; color: var(--ink-dim); font-size: 17px; line-height: 1.62; }

#fih-arena .artifact-school { margin-top: 20px; padding: 120px 0 0; border-top: 1px solid var(--line); }
#fih-arena .artifact-school .field-guide-copy { grid-template-columns: 1.15fr .85fr; align-items: end; gap: 70px; }
#fih-arena .artifact-school .field-guide-copy h2 { max-width: 10ch; color: var(--ink); font: 590 clamp(58px, 7vw, 96px)/.88 "Instrument Sans", sans-serif; letter-spacing: -.04em; text-transform: none; }
#fih-arena .artifact-school .field-guide-copy p { color: var(--ink-dim); font-size: 17px; line-height: 1.55; }
#fih-arena .artifact-school .field-guide-copy strong { color: var(--ink); }
#fih-arena .specimen-agent { min-height: 640px; margin-top: 70px; border: 1px solid var(--line); border-radius: 32px; background: var(--fog); }
#fih-arena .specimen-agent-stage .pixel-fish { filter: drop-shadow(0 24px 32px rgba(7,21,28,.16)); }
#fih-arena .specimen-agent-readout { padding: 60px; border-left: 1px solid var(--line); }
#fih-arena .specimen-agent-readout h3 { color: var(--ink); font: 620 clamp(44px, 5vw, 70px)/.92 "Instrument Sans", sans-serif; letter-spacing: -.04em; }
#fih-arena .specimen-agent-readout > p:not(.pond-signal) { color: var(--ink-dim); font-size: 16px; }
#fih-arena .specimen-agent-readout dl div { border-color: var(--line); }
#fih-arena .specimen-agent-readout dt, #fih-arena .specimen-agent-readout dd { font-family: "Instrument Sans", sans-serif; }
#fih-arena .specimen-agent-readout dt { color: var(--ink-faint); }
#fih-arena .specimen-agent-readout dd { color: var(--ink); }
#fih-arena .specimen-agent-controls { gap: 10px; background: transparent; }
#fih-arena .specimen-agent-controls button { min-height: 48px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--paper); font: 620 11px/1 "Instrument Sans", sans-serif; }
#fih-arena .specimen-agent-controls button:hover { color: var(--paper); background: var(--ink); }

#fih-arena .pond-proof-tape { margin-top: 100px; border-color: var(--line); }
#fih-arena .pond-proof-tape > span { border-color: var(--line); }
#fih-arena .pond-proof-tape small { color: var(--ink-faint); font-size: 9px; }
#fih-arena .pond-proof-tape strong { color: var(--ink); font-size: 11px; }
#fih-arena .pond-proof-tape > span:first-child strong { color: #087c70; }
#fih-arena .pond-operating-model, #fih-arena .pond-token, #fih-arena .pond-faq { margin-top: 150px; gap: clamp(60px, 10vw, 140px); }
#fih-arena .pond-operating-model h2, #fih-arena .pond-token h2, #fih-arena .pond-faq h2, #fih-arena .pond-final-call h2 { color: var(--ink); font: 590 clamp(52px, 6vw, 82px)/.92 "Instrument Sans", sans-serif; letter-spacing: -.04em; text-transform: none; }
#fih-arena .pond-operating-model h2 span, #fih-arena .pond-token h2 span, #fih-arena .pond-faq h2 span, #fih-arena .pond-final-call h2 span { color: var(--ink); }
#fih-arena .pond-operating-model p, #fih-arena .pond-token > div:first-child p, #fih-arena .pond-faq details p { color: var(--ink-dim); font-size: 16px; line-height: 1.6; }
#fih-arena .pond-trust span { color: var(--ink); border-color: var(--line); background: transparent; font-family: "Instrument Sans", sans-serif; }
#fih-arena .pond-operating-model li { border-color: var(--line); }
#fih-arena .pond-operating-model li strong { color: #087c70; font-family: "Instrument Sans", sans-serif; }
#fih-arena .pond-operating-model li span { color: var(--ink); }
#fih-arena .token-console { padding: 42px; border: 1px solid var(--line); border-radius: 24px; color: var(--ink); background: var(--fog); box-shadow: 0 24px 70px rgba(7,21,28,.08); }
#fih-arena .token-console > span { color: var(--ink-faint); }
#fih-arena .token-console > strong { color: var(--ink); }
#fih-arena .token-console button { border-color: var(--line); color: var(--ink-faint); background: transparent; }
#fih-arena .pond-faq details, #fih-arena .pond-faq details:last-child { border-color: var(--line); }
#fih-arena .pond-faq summary { min-height: 60px; color: var(--ink); font-size: 16px; }
#fih-arena .pond-faq summary::after { color: #087c70; }
#fih-arena .pond-final-call { margin-top: 170px; padding-top: 80px; border-color: var(--line); }
#fih-arena .pond-final-call p { color: var(--ink-dim); }

#fih-arena[data-pond-entered="true"] { --panel: #fffefa; --panel-2: #e9efec; --line: rgba(7,21,28,.16); --line-soft: rgba(7,21,28,.08); background: #e7ece9; }
#fih-arena .topbar { min-height: 70px; padding: 10px 16px; gap: 14px; overflow: visible; border-bottom: 1px solid var(--line); color: var(--ink); background: rgba(255,254,250,.96); box-shadow: 0 10px 34px rgba(7,21,28,.07); }
#fih-arena .brand { min-width: 202px; gap: 12px; padding: 0 4px; border: 0; }
#fih-arena .brand-mark { width: 46px; min-width: 46px; min-height: 46px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: var(--fog); }
#fih-arena .brand-mark svg { width: 31px; height: 31px; }
#fih-arena .brand-copy strong { color: var(--ink); font: 680 13px/1 "Instrument Sans", sans-serif; }
#fih-arena .brand-copy span { margin-top: 5px; color: var(--ink-dim); font: 570 9px/1 "Instrument Sans", sans-serif; letter-spacing: .06em; }
#fih-arena .nav-strip { gap: 4px; padding: 4px; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--fog); }
#fih-arena .nav-item { min-height: 44px; padding: 0 14px; border: 0; border-radius: 999px; color: var(--ink-dim); background: transparent; font: 600 12px/1 "Instrument Sans", sans-serif; }
#fih-arena .nav-item[data-active="true"] { border: 0; color: var(--ink); background: var(--paper); box-shadow: 0 5px 14px rgba(7,21,28,.08); }
#fih-arena .nav-item:hover { color: var(--ink); background: rgba(255,255,255,.64); }
#fih-arena .market-strip { color: var(--ink); }
#fih-arena .market-quote { border-color: var(--line-soft); }
#fih-arena .market-price { color: var(--ink); }
#fih-arena .feed-source { color: #087c70; }
#fih-arena .wallet-connect { min-height: 46px; margin-left: auto; border-radius: 999px; color: var(--paper); background: var(--ink); box-shadow: 0 10px 24px rgba(7,21,28,.16); font: 620 12px/1 "Instrument Sans", sans-serif; }
#fih-arena .wallet-connect:hover { color: var(--paper); background: #17313c; }
#fih-arena .arena-shell { background: #e7ece9; }
#fih-arena .side-panel, #fih-arena .inspector-panel { color: var(--ink); border-color: var(--line); background: var(--paper); }
#fih-arena .section-title, #fih-arena .control-label, #fih-arena .slider-line, #fih-arena .rank-card, #fih-arena .agent-metrics, #fih-arena .standings-mini, #fih-arena .event-log { color: var(--ink); border-color: var(--line-soft); }
#fih-arena .control-pair button { border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--fog); }
#fih-arena .control-pair button:hover { border-color: var(--deep-current); color: var(--deep-current); background: #fff; }
#fih-arena .tank-stage { background: radial-gradient(ellipse at 50% 28%, rgba(255,255,255,.88), transparent 46%), linear-gradient(180deg, #cfdfdb 0%, #bdd2ce 72%, #a8c3bd 100%); }
#fih-arena .tank-stage::before { opacity: .12; }
#fih-arena .arena-hud { border: 1px solid rgba(7,21,28,.13); border-radius: 16px; color: var(--ink); background: rgba(255,254,250,.84); backdrop-filter: blur(9px); box-shadow: 0 12px 34px rgba(7,21,28,.08); }
#fih-arena .arena-hud > span { border-color: var(--line-soft); }
#fih-arena .fish-label { border: 1px solid rgba(7,21,28,.1); border-radius: 10px; color: var(--ink); background: rgba(255,254,250,.9); box-shadow: 0 8px 20px rgba(7,21,28,.1); }
#fih-arena .rank-card, #fih-arena .agent-metrics, #fih-arena .standings-mini, #fih-arena .event-log { background: transparent; }
#fih-arena .rank-number, #fih-arena [data-selected-name], #fih-arena .panel-heading { color: var(--ink); }
#fih-arena .statusbar { min-height: 40px; border-top: 1px solid var(--line); color: var(--ink-dim); background: var(--paper); }
#fih-arena .status-pill { border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--fog); }
#fih-arena .project-view { color: var(--ink); background: var(--fog); }
#fih-arena .view-hero { border-color: var(--line); color: var(--ink); background: var(--paper); }
#fih-arena .view-title { color: var(--ink); font-family: "Instrument Sans", sans-serif; font-weight: 620; letter-spacing: -.04em; text-shadow: none; }
#fih-arena .view-title span { color: var(--ink); }
#fih-arena .view-intro { color: var(--ink-dim); }
#fih-arena .leaderboard-table, #fih-arena .memorial-card, #fih-arena .evolution-card, #fih-arena .lore-card, #fih-arena .trust-deck > div { color: var(--ink); border-color: var(--line); border-radius: 18px; background: var(--paper); box-shadow: 0 14px 42px rgba(7,21,28,.06); }
#fih-arena .about-grid { border-color: var(--line); background: transparent; }
#fih-arena .live-console { color: var(--ink); background: var(--paper); box-shadow: 0 24px 100px rgba(7,21,28,.24); }
#fih-arena .live-console::backdrop { background: rgba(7,21,28,.54); backdrop-filter: blur(6px); }
#fih-arena .console-head, #fih-arena .console-panel, #fih-arena .connection-card, #fih-arena .account-strip { color: var(--ink); border-color: var(--line); background: var(--paper); }
#fih-arena .console-body input, #fih-arena .console-body select { color: var(--ink); border-color: var(--line); background: var(--fog); }

#fih-arena[data-pond-entered="true"] :where(button, input, select, output, h1, h2, h3, p, span, small, strong, label, li, dt, dd) { font-family: "Instrument Sans", "Segoe UI", sans-serif !important; }
#fih-arena[data-pond-entered="true"] .tank-title { margin: 0; color: var(--ink); font-size: 24px; font-weight: 620; line-height: 1; letter-spacing: -.03em; text-shadow: none; text-transform: none; }
#fih-arena[data-pond-entered="true"] .tank-subtitle { margin-top: 7px; color: var(--ink-dim); font-size: 10px; font-weight: 520; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .panel-heading { margin-bottom: 14px; color: var(--ink); font-size: 11px; font-weight: 680; letter-spacing: .04em; }
#fih-arena[data-pond-entered="true"] .side-panel { padding: 16px 14px; }
#fih-arena[data-pond-entered="true"] .hud-button { min-height: 44px; border: 1px solid var(--line) !important; border-radius: 12px !important; color: var(--ink) !important; background: var(--fog) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 620 !important; letter-spacing: 0 !important; }
#fih-arena[data-pond-entered="true"] .hud-button:hover { border-color: var(--deep-current) !important; color: var(--deep-current) !important; background: #fff !important; }
#fih-arena[data-pond-entered="true"] .control-label { color: var(--ink-dim); font-size: 11px; font-weight: 540; letter-spacing: 0; text-transform: none; }
#fih-arena[data-pond-entered="true"] input[type="range"] { accent-color: var(--current); }
#fih-arena[data-pond-entered="true"] .arena-status { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
#fih-arena[data-pond-entered="true"] .arena-status-title { color: var(--ink); font-size: 11px; font-weight: 680; letter-spacing: .04em; }
#fih-arena[data-pond-entered="true"] .arena-status dt { color: var(--ink-faint); font-size: 9px; letter-spacing: .04em; }
#fih-arena[data-pond-entered="true"] .arena-status dd { color: var(--ink); font-size: 10px; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .school-signal { color: #087c70; font-size: 9px; letter-spacing: .05em; }
#fih-arena[data-pond-entered="true"] .school-signal strong { margin-top: 7px; color: var(--ink); font-size: 10px; line-height: 1.45; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .tank-header { padding: 14px 18px 10px; }
#fih-arena[data-pond-entered="true"] .tank-meta span { border-radius: 999px; font-size: 9px; letter-spacing: 0; box-shadow: none; }
#fih-arena[data-pond-entered="true"] .arena-hud small { color: var(--ink-faint); font-size: 10px; font-weight: 650; letter-spacing: .05em; }
#fih-arena[data-pond-entered="true"] .arena-hud strong { color: var(--ink); font-size: 10px; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .pixel-reef { display: none; }
#fih-arena[data-pond-entered="true"] .water-grid { opacity: .14; }
#fih-arena[data-pond-entered="true"] .tank-readout { border-radius: 14px 14px 0 0; color: var(--ink); background: rgba(255,254,250,.8); backdrop-filter: blur(8px); }
#fih-arena[data-pond-entered="true"] .tank-readout span { font-size: 9px; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .rank-line { color: var(--ink-faint); font-size: 10px; letter-spacing: .04em; }
#fih-arena[data-pond-entered="true"] .selected-name { color: var(--ink); font-size: 22px; font-weight: 680; letter-spacing: -.02em; text-shadow: none; }
#fih-arena[data-pond-entered="true"] .selected-strategy { color: var(--ink-dim); font-size: 10px; letter-spacing: 0; text-transform: none; }
#fih-arena[data-pond-entered="true"] .metric-label, #fih-arena[data-pond-entered="true"] .telemetry-truth { color: var(--ink-faint); font-size: 10px; line-height: 1.35; letter-spacing: .04em; }
#fih-arena[data-pond-entered="true"] .equity-value { color: var(--ink); font-size: 24px; letter-spacing: -.02em; }
#fih-arena[data-pond-entered="true"] .equity-delta { font-size: 9px; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .selected-traits span { border-color: var(--line); border-radius: 999px; color: var(--ink-dim); background: var(--fog); font-size: 10px; letter-spacing: .02em; }
#fih-arena[data-pond-entered="true"] .standings-row, #fih-arena[data-pond-entered="true"] .event-line { color: var(--ink); font-size: 10px; line-height: 1.35; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .fish-tag, #fih-arena[data-pond-entered="true"] .fish-pnl { font-size: 10px; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .statusbar { font-size: 10px; letter-spacing: 0; }

@media (max-width: 1500px) {
  #fih-arena .market-strip { display: none; }
}

#fih-arena[data-pond-entered="true"] .project-view { overflow-y: auto; padding: 58px clamp(28px, 7.5vw, 110px) 92px; scrollbar-width: thin; scrollbar-color: var(--silver) transparent; }
#fih-arena[data-pond-entered="true"] .view-code,
#fih-arena[data-pond-entered="true"] .section-kicker { display: none !important; }
#fih-arena[data-pond-entered="true"] .view-hero { min-height: 280px; grid-template-columns: minmax(0, 1fr); padding: clamp(38px, 4vw, 56px); border: 0; border-radius: 32px; color: var(--paper); background: var(--ink); box-shadow: 0 28px 72px rgba(7,21,28,.16); }
#fih-arena[data-pond-entered="true"] .view-hero > div:first-child { align-self: end; }
#fih-arena[data-pond-entered="true"] .view-title { max-width: 10ch; margin: 0; color: var(--paper); font-size: clamp(54px, 5.4vw, 78px); font-weight: 590; line-height: .88; letter-spacing: -.04em; text-transform: uppercase; }
#fih-arena[data-pond-entered="true"] .view-title span { color: var(--current); }
#fih-arena[data-pond-entered="true"] .view-intro { max-width: 62ch; margin: 22px 0 0; color: #b8c4c7; font-size: 16px; line-height: 1.55; }
#fih-arena[data-pond-entered="true"] .coin-crest { display: none; }
#fih-arena[data-pond-entered="true"] .hero-stamp { position: absolute; right: 58px; bottom: 54px; border-color: rgba(255,255,255,.2); color: var(--current); background: transparent; transform: none; box-shadow: none; }
#fih-arena[data-pond-entered="true"] .generation-dial { position: absolute; right: 58px; bottom: 46px; width: 154px; height: 154px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: var(--paper); background: transparent; box-shadow: none; }
#fih-arena[data-pond-entered="true"] .generation-dial strong { color: var(--current); font-size: 58px; letter-spacing: -.05em; }
#fih-arena[data-pond-entered="true"] .lore-card { position: absolute; right: 50px; bottom: 48px; width: min(420px, 36%); padding: 26px; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; color: var(--paper); background: rgba(255,255,255,.04); box-shadow: none; }
#fih-arena[data-pond-entered="true"] .lore-card blockquote { color: var(--paper); font-size: 18px; line-height: 1.35; }
#fih-arena[data-pond-entered="true"] .lore-card > span { color: var(--silver); }

#fih-arena[data-pond-entered="true"] .league-board,
#fih-arena[data-pond-entered="true"] .evolution-loop,
#fih-arena[data-pond-entered="true"] .trait-lab { margin-top: 48px; }
#fih-arena[data-pond-entered="true"] .section-heading-row { align-items: end; margin-bottom: 26px; }
#fih-arena[data-pond-entered="true"] .section-heading-row h2,
#fih-arena[data-pond-entered="true"] .trait-lab h2 { margin: 0; color: var(--ink); font-size: clamp(28px, 3vw, 42px); font-weight: 610; line-height: 1; letter-spacing: -.03em; text-transform: none; }
#fih-arena[data-pond-entered="true"] .section-heading-row .telemetry-truth { display: block; margin-top: 10px; color: var(--ink-dim); font-size: 10px; letter-spacing: .03em; }
#fih-arena[data-pond-entered="true"] .live-chip { min-height: 38px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid rgba(82,234,214,.3); border-radius: 999px; color: #52ead6; background: rgba(29,220,197,.08); box-shadow: none; font-size: 9px; letter-spacing: .03em; }
#fih-arena[data-pond-entered="true"] .league-head,
#fih-arena[data-pond-entered="true"] .league-row { grid-template-columns: 2fr 1.45fr .55fr .6fr .8fr .55fr; }
#fih-arena[data-pond-entered="true"] .league-head { min-height: 42px; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--line); color: var(--ink-faint); font-size: 9px; letter-spacing: .06em; }
#fih-arena[data-pond-entered="true"] .league-row { min-height: 66px; padding: 0 18px; border: 0; border-bottom: 1px solid var(--line-soft); color: var(--ink); background: transparent; box-shadow: none; font-size: 11px; letter-spacing: 0; }
#fih-arena[data-pond-entered="true"] .league-row:nth-child(odd) { background: rgba(255,254,250,.68); }
#fih-arena[data-pond-entered="true"] .league-row:first-child { color: var(--ink); background: rgba(40,100,255,.10); box-shadow: inset 3px 0 0 var(--deep-current); }
#fih-arena[data-pond-entered="true"] .league-row:first-child .league-rank,
#fih-arena[data-pond-entered="true"] .league-row:first-child .league-fish { color: var(--deep-current); }
#fih-arena[data-pond-entered="true"] .league-movement { margin-left: 10px; color: var(--ink-faint); font-size: 9px; font-weight: 620; }
#fih-arena[data-pond-entered="true"] .league-row:hover { color: var(--ink); background: rgba(40,100,255,.07); transform: none; }
#fih-arena[data-pond-entered="true"] .league-row strong { color: var(--ink); }
#fih-arena[data-pond-entered="true"] .board-note { margin-top: 20px; color: var(--ink-dim); font-size: 9px; letter-spacing: .04em; }

#fih-arena[data-pond-entered="true"] .memorial-grid { gap: 16px; margin-top: 48px; }
#fih-arena[data-pond-entered="true"] .memorial-card { min-height: 270px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; color: var(--ink); background: var(--paper); box-shadow: 0 16px 44px rgba(7,21,28,.06); }
#fih-arena[data-pond-entered="true"] .memorial-card h2 { color: var(--ink); font-size: 30px; letter-spacing: -.03em; text-shadow: none; }
#fih-arena[data-pond-entered="true"] .memorial-card p { color: var(--ink-dim); font-size: 14px; line-height: 1.5; }
#fih-arena[data-pond-entered="true"] .memorial-stats { border-color: var(--line); color: var(--ink); }
#fih-arena[data-pond-entered="true"] .grave-pixel { color: var(--coral); }

#fih-arena[data-pond-entered="true"] .evolution-steps { gap: 16px; }
#fih-arena[data-pond-entered="true"] .evolution-steps article { min-height: 250px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; color: var(--ink); background: var(--paper); box-shadow: 0 16px 44px rgba(7,21,28,.06); }
#fih-arena[data-pond-entered="true"] .evolution-steps h3 { color: var(--ink); font-size: 26px; letter-spacing: -.02em; text-shadow: none; }
#fih-arena[data-pond-entered="true"] .evolution-steps p { color: var(--ink-dim); font-size: 14px; line-height: 1.55; }
#fih-arena[data-pond-entered="true"] .step-number { color: #087c70; }
#fih-arena[data-pond-entered="true"] .trait-grid { gap: 10px; }
#fih-arena[data-pond-entered="true"] .trait-grid span { border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--paper); }

#fih-arena[data-pond-entered="true"] .about-grid { gap: 16px; margin-top: 48px; border: 0; }
#fih-arena[data-pond-entered="true"] .about-grid article { min-height: 250px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; color: var(--ink); background: var(--paper); box-shadow: 0 16px 44px rgba(7,21,28,.06); }
#fih-arena[data-pond-entered="true"] .about-grid h2 { color: var(--ink); font-size: 24px; letter-spacing: -.02em; text-shadow: none; }
#fih-arena[data-pond-entered="true"] .about-grid p,
#fih-arena[data-pond-entered="true"] .trust-deck p { color: var(--ink-dim); font-size: 14px; line-height: 1.55; }
#fih-arena[data-pond-entered="true"] .about-icon { color: #087c70; }
#fih-arena[data-pond-entered="true"] .trust-deck { gap: 16px; margin-top: 16px; }
#fih-arena[data-pond-entered="true"] .trust-deck > div { padding: 28px; border: 1px solid var(--line); border-radius: 22px; color: var(--ink); background: var(--paper); box-shadow: none; }
#fih-arena[data-pond-entered="true"] .trust-deck strong { color: var(--ink); }

@media (max-width: 820px) {
  #fih-arena[data-pond-entered="true"] .project-view { padding: 28px 16px 70px; }
  #fih-arena[data-pond-entered="true"] .view-hero { min-height: 320px; padding: 34px 26px; border-radius: 24px; }
  #fih-arena[data-pond-entered="true"] .view-title { font-size: clamp(52px, 14vw, 76px); }
  #fih-arena[data-pond-entered="true"] .hero-stamp,
  #fih-arena[data-pond-entered="true"] .generation-dial,
  #fih-arena[data-pond-entered="true"] .lore-card { display: none; }
}

@media (max-width: 1100px) {
  #fih-arena .artifact-hero { grid-template-columns: .9fr 1.1fr; gap: 20px; padding-inline: 30px; }
  #fih-arena .artifact-copy h1 { font-size: clamp(64px, 8vw, 88px); }
  #fih-arena .living-market { height: min(62svh, 590px); }
  #fih-arena .liquid-selection { left: 22px; bottom: 22px; }
  #fih-arena .market-strip { display: none; }
}
@media (max-width: 820px) {
  #fih-arena .artifact-nav { min-height: 76px; padding: 14px 20px; }
  #fih-arena .pond-broadcast-links { gap: 14px; }
  #fih-arena .pond-broadcast-links button:not(.pond-connect) { display: none; }
  #fih-arena .artifact-hero { min-height: auto; grid-template-columns: 1fr; gap: 36px; padding: 104px 20px 72px; overflow: visible; }
  #fih-arena .artifact-copy { max-width: none; }
  #fih-arena .artifact-copy h1 { max-width: 8ch; font-size: clamp(66px, 13vw, 92px); }
  #fih-arena .artifact-copy > .pond-pitch { max-width: 60ch; }
  #fih-arena .living-market { grid-column: auto; height: min(70svh, 620px); min-height: 520px; }
  #fih-arena .pond-scroll-cue { display: none; }
  #fih-arena .artifact-discovery { grid-template-columns: 1fr; gap: 80px; padding: 100px 0; }
  #fih-arena .artifact-discovery-visual { position: relative; top: auto; height: 520px; }
  #fih-arena .artifact-chapter { min-height: 58svh; }
  #fih-arena .artifact-school .field-guide-copy, #fih-arena .specimen-agent { grid-template-columns: 1fr; }
  #fih-arena .specimen-agent-readout { border-top: 1px solid var(--line); border-left: 0; }
  #fih-arena .pond-operating-model, #fih-arena .pond-token, #fih-arena .pond-faq { grid-template-columns: 1fr; gap: 52px; }
  #fih-arena .brand { min-width: 0; }
  #fih-arena .brand-copy span { display: none; }
}
@media (max-width: 560px) {
  #fih-arena .artifact-nav { width: 100%; min-height: 72px; }
  #fih-arena .pond-wordmark svg { width: 38px; height: 38px; }
  #fih-arena .pond-wordmark > span { font-size: 14px; }
  #fih-arena .pond-wordmark small { font-size: 7px; }
  #fih-arena .pond-broadcast-links .pond-connect { min-height: 44px; padding: 0 14px; font-size: 11px; }
  #fih-arena .artifact-hero { gap: 18px; padding: 92px 14px 30px; }
  #fih-arena .pond-signal { margin-bottom: 14px; }
  #fih-arena .artifact-copy h1 { font-size: 50px; line-height: .88; }
  #fih-arena .artifact-thesis { margin-top: 14px; font-size: 10px; }
  #fih-arena .artifact-copy > .pond-pitch { display: none; }
  #fih-arena .artifact-copy .pond-actions { gap: 12px; margin-top: 16px; }
  #fih-arena .artifact-copy .enter-pond { min-height: 54px; padding-left: 18px; font-size: 12px; }
  #fih-arena .artifact-copy .pond-actions > a { font-size: 12px; }
  #fih-arena .landing-truth { grid-template-columns: 1fr 1fr; margin-top: 18px; }
  #fih-arena .landing-truth > span:nth-child(2) { border-right: 0; }
  #fih-arena .landing-truth > span:nth-child(n+3) { border-top: 1px solid var(--line); }
  #fih-arena .living-market { min-height: 380px; height: 380px; border-radius: 32% 68% 38% 62% / 44% 38% 62% 56%; }
  #fih-arena .liquid-selection { top: 12px; bottom: auto; left: 12px; width: 230px; padding: 12px 14px; border-radius: 14px; }
  #fih-arena .liquid-selection > span { font-size: 10px; }
  #fih-arena .liquid-selection > strong { font-size: 20px; }
  #fih-arena .liquid-selection > p { margin: 6px 0 0; font-size: 11px; }
  #fih-arena .liquid-selection dl { display: none; }
  #fih-arena .liquid-instruction { display: none; }
  #fih-arena .pond-details { padding-inline: 14px; }
  #fih-arena .artifact-discovery-visual { height: 390px; }
  #fih-arena .artifact-chapter { min-height: 54svh; padding: 0; }
  #fih-arena .artifact-chapter h2 { font-size: clamp(46px, 13vw, 62px); }
  #fih-arena .artifact-school .field-guide-copy { gap: 28px; }
  #fih-arena .artifact-school .field-guide-copy h2 { font-size: clamp(50px, 15vw, 68px); }
  #fih-arena .specimen-agent { min-height: 560px; }
  #fih-arena .specimen-agent-stage { min-height: 270px; }
  #fih-arena .specimen-agent-readout { padding: 28px 20px; }
  #fih-arena .pond-proof-tape { grid-template-columns: 1fr 1fr; }
  #fih-arena .pond-operating-model, #fih-arena .pond-token, #fih-arena .pond-faq { margin-top: 100px; }
  #fih-arena .pond-final-call { align-items: stretch; }
  #fih-arena .pond-final-call .enter-pond { width: 100%; }
  #fih-arena .topbar { min-height: 64px; padding: 8px 10px; }
  #fih-arena .brand-mark { width: 42px; min-width: 42px; min-height: 42px; }
  #fih-arena .brand-copy { display: none; }
  #fih-arena .wallet-connect { min-width: 44px; width: 44px; padding: 0; justify-content: center; }
  #fih-arena .wallet-connect span { display: none; }
  #fih-arena .nav-strip { order: 3; }
}
@media (prefers-reduced-motion: reduce) {
  #fih-arena .living-market, #fih-arena .liquid-selection, #fih-arena .enter-pond { transition: none; }
  #fih-arena .live-pulse { box-shadow: none; }
}

/* Dark-current edition: premium low-light surfaces with state-driven bioluminescence. */
#fih-arena .pond-gate {
  --artifact-faint: var(--ink-faint);
  --artifact-line: var(--line);
  background:
    radial-gradient(circle at 84% 12%, rgba(29, 220, 197, .08), transparent 28%),
    radial-gradient(circle at 14% 72%, rgba(107, 156, 255, .055), transparent 34%),
    var(--fog);
}
#fih-arena .pond-gate::before {
  opacity: .23;
  background-image: radial-gradient(rgba(219, 244, 241, .18) .55px, transparent .55px);
  mix-blend-mode: screen;
}
#fih-arena .pond-gate::after { background: #02080d; }
#fih-arena .artifact-hero::after,
#fih-arena .living-market::before,
#fih-arena .living-market::after,
#fih-arena .current-orbit::before,
#fih-arena .current-orbit::after,
#fih-arena .current-orbit > span { border-color: var(--line); }
#fih-arena .pond-broadcast-links .pond-connect,
#fih-arena .artifact-copy .enter-pond,
#fih-arena .pond-final-call .enter-pond {
  border-color: rgba(244, 251, 250, .78);
  color: #07151c;
  background: var(--ink);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .32);
}
#fih-arena .pond-broadcast-links .pond-connect:hover,
#fih-arena .artifact-copy .enter-pond:hover,
#fih-arena .pond-final-call .enter-pond:hover {
  color: #041015;
  border-color: #80f5e6;
  background: #80f5e6;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .38);
}
#fih-arena .landing-truth > span:first-child strong,
#fih-arena .pond-proof-tape > span:first-child strong,
#fih-arena .artifact-chapter .pond-step-id,
#fih-arena .pond-operating-model li strong,
#fih-arena .pond-faq summary::after,
#fih-arena[data-pond-entered="true"] .school-signal,
#fih-arena[data-pond-entered="true"] .step-number,
#fih-arena[data-pond-entered="true"] .about-icon,
#fih-arena .feed-source { color: #52ead6; }
#fih-arena .pond-parody-note {
  max-width: 620px;
  margin: 12px 0 0;
  color: var(--ink-faint);
  font-size: 10px;
  font-weight: 580;
  line-height: 1.4;
  letter-spacing: .04em;
}
#fih-arena .living-market {
  border-color: rgba(155, 217, 215, .2);
  background:
    radial-gradient(circle at 30% 22%, rgba(116, 255, 235, .11), transparent 18%),
    radial-gradient(circle at 74% 68%, rgba(107, 156, 255, .12), transparent 28%),
    linear-gradient(145deg, #102733 0%, #0a1c27 46%, #06131c 100%);
  box-shadow: 0 42px 100px rgba(0, 0, 0, .42), inset 0 0 90px rgba(126, 234, 225, .06);
}
#fih-arena .liquid-agent-targets button:hover { border-color: rgba(116, 255, 235, .32); background: rgba(116, 255, 235, .08); }
#fih-arena .liquid-agent-targets button:focus-visible { color: var(--ink); border-color: #8ab1ff; background: rgba(11, 26, 35, .92); }
#fih-arena .liquid-selection {
  border-color: rgba(207, 239, 236, .15);
  background: rgba(7, 22, 30, .9);
  box-shadow: 0 20px 56px rgba(0, 0, 0, .38);
  backdrop-filter: blur(16px);
}
#fih-arena .liquid-instruction { color: rgba(218, 239, 236, .48); }
#fih-arena .pond-details { background: #08141c; }
#fih-arena .artifact-discovery-visual,
#fih-arena .specimen-agent,
#fih-arena .token-console { background: #0a1922; }
#fih-arena .specimen-agent-stage .pixel-fish { filter: drop-shadow(0 18px 36px color-mix(in srgb, currentColor 24%, transparent)); }
#fih-arena .specimen-agent-controls button { background: #10222c; }
#fih-arena .specimen-agent-controls button:hover { color: #041015; background: #80f5e6; }

#fih-arena[data-pond-entered="true"] {
  --panel: #0b1a23;
  --panel-2: #0f222c;
  --line: rgba(211, 238, 235, .16);
  --line-soft: rgba(211, 238, 235, .08);
  background: #050f16;
}
#fih-arena .topbar { border-color: var(--line); background: rgba(6, 17, 25, .96); box-shadow: 0 12px 36px rgba(0, 0, 0, .28); }
#fih-arena .brand-mark,
#fih-arena .nav-strip,
#fih-arena .control-pair button,
#fih-arena[data-pond-entered="true"] .hud-button,
#fih-arena .status-pill { background: #0e2029 !important; }
#fih-arena .nav-item[data-active="true"] { background: #18303a; box-shadow: inset 0 0 0 1px rgba(132, 234, 222, .08); }
#fih-arena .nav-item:hover { background: rgba(128, 245, 230, .07); }
#fih-arena .wallet-connect { color: #041015; background: #80f5e6; box-shadow: 0 10px 28px rgba(0, 0, 0, .28); }
#fih-arena .wallet-connect:hover { color: #041015; background: #a7fff3; }
#fih-arena .arena-shell { background: #050f16; }
#fih-arena .side-panel,
#fih-arena .inspector-panel,
#fih-arena .statusbar { background: #081720; }
#fih-arena .tank-stage {
  background:
    radial-gradient(ellipse at 50% 22%, rgba(126, 238, 225, .12), transparent 42%),
    linear-gradient(180deg, #12303a 0%, #0b222c 68%, #071820 100%);
}
#fih-arena .tank-stage::before { opacity: .2; filter: invert(1); }
#fih-arena .arena-hud { border-color: var(--line); background: rgba(7, 22, 30, .86); box-shadow: 0 14px 38px rgba(0, 0, 0, .28); }
#fih-arena .fish-label { border-color: var(--line-soft); background: rgba(7, 22, 30, .9); box-shadow: 0 8px 24px rgba(0, 0, 0, .26); }
#fih-arena[data-pond-entered="true"] .tank-readout { background: rgba(6, 18, 25, .84); }
#fih-arena .project-view { background: #061119; }
#fih-arena .view-hero { background: #0b1a23; }
#fih-arena .leaderboard-table,
#fih-arena .memorial-card,
#fih-arena .evolution-card,
#fih-arena .lore-card,
#fih-arena .trust-deck > div,
#fih-arena[data-pond-entered="true"] .memorial-card,
#fih-arena[data-pond-entered="true"] .evolution-steps article,
#fih-arena[data-pond-entered="true"] .about-grid article,
#fih-arena[data-pond-entered="true"] .trust-deck > div { background: #0b1a23; box-shadow: 0 16px 44px rgba(0, 0, 0, .2); }
#fih-arena[data-pond-entered="true"] .view-hero { color: var(--ink); background: linear-gradient(145deg, #0c2530, #07151d 72%); box-shadow: 0 28px 76px rgba(0, 0, 0, .34); }
#fih-arena[data-pond-entered="true"] .view-title { color: var(--ink); }
#fih-arena[data-pond-entered="true"] .view-intro { color: var(--ink-dim); }
#fih-arena[data-pond-entered="true"] .league-row:nth-child(odd) { background: rgba(255, 255, 255, .025); }
#fih-arena[data-pond-entered="true"] .league-row:first-child { background: rgba(107, 156, 255, .12); }
#fih-arena[data-pond-entered="true"] .hud-button:hover { color: #9ff8ec !important; border-color: #52ead6 !important; background: #122a34 !important; }
#fih-arena .live-console,
#fih-arena .console-head,
#fih-arena .console-panel,
#fih-arena .connection-card,
#fih-arena .account-strip { background: #0b1a23; }
#fih-arena .console-body input,
#fih-arena .console-body select { background: #07151d; }

#fih-arena .parody-disclaimer {
  margin: 0;
  color: var(--ink-faint);
  font-size: 9px;
  font-weight: 580;
  line-height: 1.4;
  letter-spacing: .035em;
}
#fih-arena .arena-parody-note {
  position: absolute;
  z-index: 6;
  right: 16px;
  bottom: 42px;
  left: 16px;
  text-align: center;
  pointer-events: none;
}
#fih-arena .leaderboard-parody-note { margin: -14px 0 22px; }
#fih-arena .brand::after { content: none !important; }

@media (max-width: 560px) {
  #fih-arena .pond-parody-note { display: block; margin-top: 8px; font-size: 10px; line-height: 1.35; }
  #fih-arena .liquid-selection { top: 22px; left: 48px; width: min(230px, calc(100% - 96px)); }
  #fih-arena .arena-parody-note { right: 10px; bottom: 40px; left: 10px; font-size: 9px; }
}