/* A quiet gallery around a traditional, stepped-glass pixel aquarium. */
#fih-arena { --brand-line: #2d2c28; --brand-line-soft: #22221f; --brand-muted: #b1afa6; --brand-faint: #929087; }
#fih-arena #pond-gate {
  background: radial-gradient(ellipse at 73% 38%, #181a15 0, #0c0d0b 38%, #080908 72%) !important;
  background-size: auto !important;
}
#fih-arena .pond-gate::before,
#fih-arena .artifact-hero::after { display: none !important; }
#fih-arena .pond-broadcast { background: #090a09 !important; box-shadow: none !important; border-bottom: 1px solid #252621 !important; }
#fih-arena :is(.pond-broadcast-links > button, .nav-item) {
  font: 550 12px/1.2 "Instrument Sans", sans-serif !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
}
#fih-arena .pond-broadcast-links { gap: 26px; }
#fih-arena .pond-broadcast-links .pond-connect { min-height: 44px; font-size: 12px !important; }
#fih-arena .artifact-copy h1 { font-size: clamp(76px, 7.6vw, 110px) !important; line-height: .91 !important; }
#fih-arena .artifact-thesis { font: 600 11px/1.5 "Instrument Sans", sans-serif !important; letter-spacing: .1em !important; color: var(--brand-metal-pale) !important; }
#fih-arena .artifact-copy > .pond-pitch { font-size: 15px !important; line-height: 1.65 !important; max-width: 49ch; }
#fih-arena .pond-signal { font-size: 10px !important; letter-spacing: .04em !important; }
#fih-arena .artifact-copy .enter-pond { font: 650 14px/1 "Instrument Sans", sans-serif !important; letter-spacing: .01em !important; text-transform: none !important; box-shadow: none !important; }
#fih-arena .enter-arrow { color: currentColor !important; }
#fih-arena .artifact-copy .enter-pond:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px #0004 !important; }
#fih-arena .landing-truth { border: 0 !important; border-top: 1px solid var(--brand-line) !important; background: transparent !important; box-shadow: none !important; }
#fih-arena .landing-truth > span { border: 0 !important; }
#fih-arena .landing-truth small { color: var(--brand-faint) !important; font-size: 8px !important; }
#fih-arena .landing-truth strong { color: var(--brand-ivory) !important; font-size: 9px !important; }
#fih-arena .survival-rule { border: 0 !important; border-left: 1px solid var(--brand-sell) !important; padding: 6px 10px !important; background: transparent !important; }
#fih-arena .survival-rule__value { font: 650 10px/1.4 "Instrument Sans", sans-serif !important; letter-spacing: .03em; }

#fih-arena .arcade-tank-cabinet.aquarium {
  height: clamp(520px, 65svh, 610px);
  padding: 18px 22px 0 0;
  grid-template-rows: 38px minmax(0, 1fr) 30px 96px;
  border: 0;
  overflow: visible;
  clip-path: none;
  background: transparent;
  filter: none;
  margin: 0;
}
#fih-arena .aquarium::before {
  display: block;
  left: 8px; right: 0; top: 6px; bottom: auto;
  width: auto; height: 34px;
  opacity: 1;
  background: linear-gradient(180deg, #77786a 0 3px, #373a31 3px 15px, #171a15 15px);
  clip-path: polygon(12px 0, 100% 0, 100% 22px, calc(100% - 22px) 34px, 0 34px, 0 12px, 12px 12px);
  z-index: 0;
}
#fih-arena .aquarium::after {
  top: 40px; bottom: 118px; left: auto; right: 0;
  width: 24px; opacity: 1; z-index: 0;
  background: linear-gradient(90deg, #4a524433 0 3px, #1f2a2244 3px 20px, #72796b77 20px 23px, #111710 23px);
  clip-path: polygon(0 16px, 10px 16px, 10px 8px, 100% 0, 100% calc(100% - 14px), 12px calc(100% - 14px), 12px 100%, 0 100%);
}
#fih-arena .aquarium-lid {
  position: relative; z-index: 5;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 0 20px;
  background: linear-gradient(#33382e 0 3px, #181c16 3px calc(100% - 4px), #8e9380 calc(100% - 4px) calc(100% - 2px), #252b20 calc(100% - 2px));
  clip-path: polygon(6px 0, calc(100% - 6px) 0, calc(100% - 6px) 4px, 100% 4px, 100% 100%, 0 100%, 0 4px, 6px 4px);
}
#fih-arena .aquarium-lid > strong { color: var(--brand-ivory); font: 700 11px/1 "Silkscreen", monospace; }
#fih-arena .aquarium-lid > span { display: flex; align-items: center; gap: 5px; color: #c0c4b4; font: 500 10px/1 "Instrument Sans", sans-serif; }
#fih-arena .aquarium-lid i { width: 5px; height: 5px; background: #9aa988; margin-right: 3px; }
#fih-arena .aquarium > .living-market {
  margin: 0 8px !important;
  width: calc(100% - 16px) !important;
  border: 0 !important;
  border-left: 4px solid #727969 !important;
  border-right: 4px solid #454e3e !important;
  background:
    linear-gradient(115deg, transparent 0 12%, #e9f1ce06 12% 15%, transparent 15% 18%, #e9f1ce03 18% 24%, transparent 24% 76%, #e9f1ce06 76% 78%, transparent 78%),
    linear-gradient(180deg, #1b251e 0, #152018 8%, #101a14 55%, #0a100d 100%) !important;
  box-shadow: inset 4px 0 #adb29d1c, inset -3px 0 #e1edcc0e, inset 0 22px 32px #0003 !important;
}
#fih-arena .aquarium .living-market::before { display: none !important; }
#fih-arena .aquarium .living-market::after { background: linear-gradient(0deg, #151c14, transparent) !important; height: 40px !important; }
#fih-arena .aquarium-waterline { position: absolute; inset: 12px 0 auto; height: 9px; z-index: 2; border-top: 2px solid #b1bca34d; background: #8e9e7a0d; pointer-events: none; }
#fih-arena .aquarium-floor { position: absolute; left: 0; bottom: 0; width: 100%; height: 52px; z-index: 2; pointer-events: none; }
#fih-arena .aquarium .liquid-instruction { top: 28px !important; left: 18px !important; color: #a7af9e !important; font: 500 10px/1.3 "Instrument Sans", sans-serif !important; }
#fih-arena .aquarium .liquid-agent-targets button { margin: 0 !important; }
#fih-arena .aquarium .liquid-agent-targets button::after { opacity: 0; color: #e2e5d9; }
#fih-arena .aquarium .liquid-agent-targets button:is(:hover, :focus-visible, [aria-pressed="true"])::after { opacity: 1; }
#fih-arena .aquarium .liquid-agent-targets button:is(:hover, [aria-pressed="true"]) { border-color: #b9c09e66 !important; background: #0002 !important; }
#fih-arena .aquarium-plinth {
  z-index: 3; display: flex; align-items: center; justify-content: space-between;
  padding: 0 18px; border-top: 3px solid #707761;
  background: linear-gradient(#242a1f, #141811 70%, #090c08 70%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 6px), 0 calc(100% - 6px));
  box-shadow: 0 16px 26px #0005;
  color: #a4ac94; font: 600 7px/1 "Silkscreen", monospace; letter-spacing: .06em;
}
#fih-arena .aquarium > .liquid-selection {
  position: relative !important; inset: auto !important; width: 100% !important;
  display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; align-content: center;
  padding: 14px 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
#fih-arena .aquarium .liquid-selection > span { grid-column: 1 / -1; font: 500 8px/1.4 "Instrument Sans", sans-serif !important; color: var(--brand-faint) !important; letter-spacing: .05em !important; }
#fih-arena .aquarium .liquid-selection > strong { margin-top: 5px !important; font: 650 22px/1.1 "Bricolage Grotesque", sans-serif !important; color: var(--brand-ivory) !important; }
#fih-arena .aquarium .liquid-selection > p { grid-column: 1; margin: 5px 0 0 !important; font-size: 11px !important; }
#fih-arena .aquarium .liquid-selection dl { grid-column: 2; grid-row: 2 / 4; align-self: center; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
#fih-arena .aquarium .liquid-selection dl > div:nth-child(n+3) { display: none; }
#fih-arena .aquarium .liquid-selection dt { font-size: 8px !important; color: var(--brand-faint) !important; }
#fih-arena .aquarium .liquid-selection dd { font-size: 11px !important; color: var(--brand-ivory) !important; }

/* Shared product chrome: readable type and one quiet structural line. */
#fih-arena .topbar { box-shadow: none !important; }
#fih-arena .nav-strip { background: transparent !important; border: 0 !important; }
#fih-arena .nav-item { padding-inline: 18px !important; }
#fih-arena .status-pill { background: transparent !important; border: 0 !important; font: 550 9px/1.3 "Instrument Sans", sans-serif !important; color: var(--brand-muted) !important; }
#fih-arena .tank-subtitle { font: 500 10px/1.4 "Instrument Sans", sans-serif !important; letter-spacing: .04em !important; color: var(--brand-muted) !important; }
#fih-arena .tank-meta { font-family: "Instrument Sans", sans-serif !important; }
#fih-arena .arena-command { font: 600 10px/1.2 "Instrument Sans", sans-serif !important; letter-spacing: 0 !important; }
#fih-arena .arena-command-bar { gap: 3px; background: transparent !important; }
#fih-arena .arena-command:not(.arena-command--primary) { border-color: transparent !important; }
#fih-arena .arena-hud { border-radius: 0 !important; border: 0 !important; border-block: 1px solid var(--brand-line-soft) !important; }
#fih-arena .tank-stage { background: linear-gradient(180deg, #121710, #090c08) !important; }
#fih-arena .tank-stage::before { opacity: .15 !important; }
#fih-arena :is(.trust-deck > div, .lore-card, .evolution-card, .memorial-card, .leaderboard-table, .specimen-agent) { box-shadow: none !important; border-color: var(--brand-line-soft) !important; }
#fih-arena :is(.view-hero, .about-grid, .pond-proof-tape, .artifact-chapter) { box-shadow: none !important; background: transparent !important; }
#fih-arena .section-title, #fih-arena .panel-heading { font-family: "Instrument Sans", sans-serif !important; letter-spacing: .04em !important; }
#fih-arena .terminal-section-title { font-weight: 600 !important; }
#fih-arena .arena-trade-workspace .terminal-quote-header { background: #0c0e0b !important; }

@media (min-width: 801px) and (max-width: 1100px) {
  #fih-arena .artifact-hero { grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr) !important; gap: 24px !important; }
  #fih-arena .artifact-copy h1 { font-size: 76px !important; }
  #fih-arena .aquarium-lid { padding-inline: 12px; }
  #fih-arena .aquarium-lid > span { font-size: 8px; }
}
@media (max-width: 800px) {
  #fih-arena .arcade-tank-cabinet.aquarium { grid-column: 1; height: 510px; grid-template-rows: 34px minmax(0, 1fr) 26px 90px; }
  #fih-arena .artifact-copy h1 { font-size: clamp(60px, 15vw, 86px) !important; }
  #fih-arena .nav-item { padding-inline: 14px !important; }
}
@media (max-width: 480px) {
  #fih-arena .artifact-hero { padding-top: 92px !important; gap: 20px !important; }
  #fih-arena .artifact-copy h1 { font-size: 62px !important; }
  #fih-arena .artifact-copy > .pond-pitch { font-size: 13px !important; line-height: 1.55 !important; }
  #fih-arena .artifact-thesis { font-size: 9px !important; letter-spacing: .045em !important; margin-top: 14px !important; }
  #fih-arena .pond-broadcast-links .pond-connect { font-size: 10px !important; }
  #fih-arena .arcade-tank-cabinet.aquarium { height: 438px; padding: 14px 12px 0 0; grid-template-rows: 28px 310px 22px 64px; }
  #fih-arena .aquarium::before { top: 4px; height: 26px; }
  #fih-arena .aquarium::after { top: 32px; bottom: 80px; width: 15px; }
  #fih-arena .aquarium-lid { padding: 0 10px; }
  #fih-arena .aquarium-lid > strong { font-size: 8px; }
  #fih-arena .aquarium-lid > span { font-size: 8px; }
  #fih-arena .aquarium .liquid-instruction { font-size: 8px !important; top: 25px !important; }
  #fih-arena .aquarium .liquid-agent-targets button { width: 58px !important; height: 46px !important; }
  #fih-arena .aquarium .liquid-agent-targets button .pixel-fish { width: 48px !important; height: 34px !important; }
  #fih-arena .aquarium > .liquid-selection { padding: 10px 4px !important; grid-template-columns: 1fr; }
  #fih-arena .aquarium .liquid-selection > strong { font-size: 20px !important; }
  #fih-arena .aquarium .liquid-selection > span { font-size: 7px !important; }
  #fih-arena .aquarium .liquid-selection dl { display: none !important; }
  #fih-arena .aquarium-floor { height: 36px; }
}