/* The landing page is a playable specimen, not a second trading terminal. */
#fih-arena .beta-notice { color: #b9beb8; font: 400 12px/1.55 'Instrument Sans',sans-serif; }
#fih-arena .beta-notice > strong, #fih-arena .beta-notice--ticket > strong { display: block; color: #e4d4a4; font-weight: 600; margin-bottom: 4px; }
#fih-arena .pond-init .beta-notice--init { width: 100%; margin: 0; padding: 0; text-align: center; }
#fih-arena #live-console .beta-notice--console { padding: 16px 18px; margin: 0 0 18px; border: 1px solid #645c43; border-radius: 12px; background: #1c1c16; }
#fih-arena #live-console .beta-notice--console p { margin: 0; font: inherit; color: inherit; }
#fih-arena .terminal-ticket .beta-notice--ticket { text-align: left; font: 400 12px/1.5 'Instrument Sans',sans-serif; color: #b9beb8; margin: 12px 0 4px; }
#fih-arena .terminal-ticket [data-beta-details] { margin: 12px 0 !important; }
/* Shared insets keep the lower-page copy clear of its panel frame. */
#fih-arena #pond-details :is(.pond-operating-model,.pond-token,.pond-faq,.pond-final-call) { padding: clamp(24px,3.5vw,48px) !important; gap: clamp(28px,4vw,56px); }
#fih-arena #pond-details :is(.pond-operating-model,.pond-token,.pond-faq) { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; }
#fih-arena #pond-details :is(.pond-operating-model,.pond-token,.pond-faq,.pond-final-call) > * { min-width: 0; max-width: 100%; }
#fih-arena #pond-details :is(.pond-operating-model,.pond-token,.pond-faq,.pond-final-call) h2 { max-width: 100%; margin: 0 0 22px; font-size: clamp(32px,4.4vw,64px) !important; line-height: 1.04 !important; overflow-wrap: break-word; }
#fih-arena #pond-details .pond-operating-model p { margin: 0; font-size: 15px; line-height: 1.65; }
#fih-arena #pond-details .pond-operating-model .pond-trust { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; margin-top: 24px; font: 600 11px/1.45 'Instrument Sans',sans-serif !important; letter-spacing: .025em; }
#fih-arena #pond-details .pond-trust span { display: flex; align-items: baseline; }
#fih-arena #pond-details .pond-trust span::before { content: ''; display: inline-block; flex: 0 0 4px; width: 4px; height: 4px; margin-right: 8px; background: #a7b99a; }
#fih-arena #pond-details .pond-operating-model li { grid-template-columns: 76px minmax(0,1fr); gap: 16px; min-height: 90px; }
#fih-arena #pond-details .pond-operating-model li strong { font-size: 10px; }
#fih-arena #pond-details .pond-final-call .enter-pond { flex-shrink: 0; }
@media (max-width:900px) {
  #fih-arena #pond-details :is(.pond-operating-model,.pond-token,.pond-faq) { grid-template-columns: minmax(0,1fr); }
  #fih-arena #pond-details .pond-final-call { flex-direction: column; align-items: stretch; }
  #fih-arena #pond-details .pond-final-call .enter-pond { align-self: flex-start; }
}
@media (max-width:480px) {
  #fih-arena #pond-details .pond-operating-model .pond-trust { grid-template-columns: minmax(0,1fr); }
  #fih-arena #pond-details .pond-operating-model li { grid-template-columns: 64px minmax(0,1fr); gap: 12px; }
}
#fih-arena #pond-gate { --landing-background: #090b0a; background: var(--landing-background) !important; }
#fih-arena #pond-gate .pond-details { background: var(--landing-background) !important; }
#fih-arena[data-pond-entered='false'] > :is(main,.topbar,.statusbar) *,
#fih-arena #pond-gate .pond-details :is(.pixel-tail,.pixel-fin,.pixel-gill,.pixel-eye,.fish-wake__segment) { animation-play-state: paused !important; }
#fih-arena #pond-top { display: grid !important; grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr) !important; gap: 24px 48px !important; align-items: center !important; max-width: 1640px; min-height: 100svh !important; margin: auto; padding: 112px 5vw 60px !important; overflow: visible !important; }
#fih-arena #pond-top .artifact-copy { width: 100%; max-width: none !important; }
#fih-arena #pond-top .pond-signal { display: none !important; }
#fih-arena #pond-title { max-width: none !important; font: 400 clamp(70px,6.6vw,108px)/1.06 'Bungee',sans-serif !important; letter-spacing: -.035em !important; margin: 0 0 22px !important; }
#fih-arena #pond-title button { position: relative; display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; min-height: 44px; padding: 0; margin: 0; border: 0 !important; border-radius: 0 !important; background: none !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: #9b9f98 !important; text-transform: uppercase; cursor: pointer; transition: color 180ms ease-out; text-align: left; }
#fih-arena #pond-title button[aria-pressed='true'], #fih-arena #pond-title button:hover { color: #f3f1e7 !important; }
#fih-arena #pond-title button > span { color: #dbc898; font: 400 26px/1 'Instrument Sans',sans-serif; opacity: 0; transform: translate(-5px,5px); transition: opacity 180ms ease-out, transform 180ms ease-out; }
#fih-arena #pond-title button[aria-pressed='true'] > span { opacity: 1; transform: none; }
#fih-arena #pond-title button > span svg { width: 25px; height: 25px; }
#fih-arena #pond-gate .pond-connect { border-radius: 12px !important; }
#fih-arena #pond-title button:focus-visible { outline: 2px solid #e5d4a6; outline-offset: 5px; }
#fih-arena #pond-top .artifact-thesis { margin: 0 0 10px !important; font: 600 20px/1.3 'Instrument Sans',sans-serif !important; letter-spacing: -.02em !important; text-transform: none !important; color: #eceadf !important; }
#fih-arena #pond-top .pond-pitch { min-height: 76px; max-width: 40ch; margin: 0 !important; font: 400 15px/1.6 'Instrument Sans',sans-serif !important; color: #b6c0bb !important; }
#fih-arena #pond-top .survival-rule { margin: 8px 0 18px !important; padding: 0 !important; border: 0 !important; display: flex; flex-wrap: wrap; gap: 5px 10px; }
#fih-arena #pond-top .survival-rule__value { color: #e2c996 !important; }
#fih-arena #pond-top .survival-rule > span:last-child { font: 400 11px/1.4 'Instrument Sans',sans-serif !important; color: #b5b9ad !important; }
#fih-arena #pond-top .survival-rule { box-shadow: none !important; outline: none !important; }
#fih-arena #pond-top .pond-actions { margin: 0 !important; }
#fih-arena #pond-top .enter-pond { min-height: 62px !important; min-width: 238px; padding: 0 58px 0 24px !important; border-radius: 15px !important; color: #191b16 !important; background: #e4d4a4 !important; font-size: 17px !important; }
#fih-arena #pond-top .enter-arrow { position: absolute; inset: 20px 21px auto auto; width: 22px; height: 22px; }
#fih-arena .hero-companion { margin: 12px 0 0; color: #c3cabc; font: 500 11px/1.4 'Instrument Sans',sans-serif; }
#fih-arena #pond-top .landing-truth { margin-top: 26px !important; padding-top: 6px; max-width: 475px; }
#fih-arena #pond-top .landing-truth > span { padding-block: 9px !important; }
#fih-arena #pond-top .pond-parody-note { max-width: 44ch; font-size: 10px !important; color: #90998f !important; }
#fih-arena #pond-top .aquarium { grid-template-rows: 38px minmax(0,1fr) 28px 88px 48px 30px; height: clamp(535px,72svh,730px) !important; min-width: 0; transform: none !important; margin: 0 !important; padding: 18px 18px 0 0; }
#fih-arena #pond-top .aquarium::after { bottom: 196px; }
#fih-arena #pond-top .aquarium-lid { padding-inline: 16px; }
#fih-arena #pond-top .aquarium-lid > strong { font: 600 12px/1 'Instrument Sans',sans-serif; }
#fih-arena #pond-top .aquarium::before { background: linear-gradient(180deg,#fff 0 3px,#c8cdce 3px 15px,#727b7e 15px); }
#fih-arena #pond-top .aquarium::after { background: linear-gradient(90deg,#ffffff33 0 3px,#c9d3d544 3px 20px,#fff 20px 23px,#737f83 23px); }
#fih-arena #pond-top .aquarium-lid { background: linear-gradient(#fff 0 3px,#181c1d 3px calc(100% - 4px),#fff calc(100% - 4px) calc(100% - 2px),#c8cdce calc(100% - 2px)); }
#fih-arena #pond-top .aquarium > .living-market { border-left-color: #fff !important; border-right-color: #fff !important; }
#fih-arena #pond-top .aquarium-plinth { border-top-color: #fff; background: linear-gradient(#c8cdce 0 3px,#181c1d 3px 70%,#fff 70%); color: #f3f4f4; }
#fih-arena #pond-top .aquarium > .living-market { position: relative; grid-column: auto !important; height: 100% !important; min-height: 0 !important; border-radius: 0 !important; overflow: hidden; isolation: isolate; cursor: crosshair; touch-action: pan-y; background: radial-gradient(ellipse at 38% -30%,#3b83a4 0,transparent 70%),linear-gradient(#174b68,#0c2d44 74%,#092338) !important; }
#fih-arena #pond-top .living-market::after { inset: 0 !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient(116deg,transparent 12%,#b8ebf010 12.2%,transparent 28%,transparent 53%,#b8ebf008 53.2%,transparent 72%) !important; pointer-events: none; z-index: 0; }
#fih-arena #pond-top .liquid-agent-targets { position: absolute; inset: 0 !important; z-index: 4; pointer-events: none; }
#fih-arena #pond-top .liquid-agent-targets button { position: absolute; left: 0 !important; top: 0 !important; width: 74px !important; height: 62px !important; border-radius: 12px !important; transform: translate3d(var(--hero-x,0px),var(--hero-y,0px),0) translate(-50%,-50%) !important; pointer-events: auto; cursor: pointer; transition: border-color 150ms ease-out, background 150ms ease-out; }
#fih-arena #pond-top .liquid-agent-targets button .pixel-fish { width: 66px !important; height: 46px !important; transform: scaleX(var(--hero-facing,1)) !important; filter: drop-shadow(3px 6px 1px #03131e55); }
#fih-arena #pond-top .liquid-agent-targets button::after { font: 600 8px/1.2 'Instrument Sans',sans-serif !important; top: 50px; max-width: 108px; padding: 3px 6px; background: #081b2de6; border-radius: 4px; }
#fih-arena #pond-top .liquid-agent-targets button[aria-pressed='true'] { background: #d1e6df09 !important; border: 1px solid #ddcd9580 !important; }
#fih-arena #pond-top .liquid-agent-targets button[data-hero-eating='true'] .pixel-fish { filter: drop-shadow(0 3px 2px #e8d9ad88); }
#fih-arena #pond-top[data-hero-scene='trade'] .liquid-agent-targets button:not([aria-pressed='true']) { opacity: .55; }
#fih-arena #pond-top[data-hero-scene='trade'] .liquid-agent-targets button[aria-pressed='true'] .pixel-fish { width: 84px !important; height: 58px !important; }
#fih-arena .hero-water-caption { display: flex; justify-content: space-between; gap: 8px; position: absolute; inset: 30px 14px auto; z-index: 6; pointer-events: none; color: #c0dde3; font: 500 10px/1.4 'Instrument Sans',sans-serif; }
#fih-arena .hero-water-caption > span:last-child { opacity: .75; }
#fih-arena #pond-top .liquid-selection { padding: 13px 8px !important; }
#fih-arena #pond-top .liquid-selection > span { color: #a3b0a8 !important; }
#fih-arena #pond-top .liquid-selection > strong { font: 600 21px/1.1 'Instrument Sans',sans-serif !important; }
#fih-arena #pond-top .liquid-selection > p { color: #b6c1b8 !important; }
#fih-arena .hero-play-controls { display: flex; align-items: center; gap: 8px; padding: 0 6px; flex-wrap: wrap; }
#fih-arena .hero-play-controls button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid #343b31 !important; border-radius: 12px !important; background: #191e18 !important; color: #e7e9db !important; font: 500 12px/1 'Instrument Sans',sans-serif !important; cursor: pointer; }
#fih-arena .hero-play-controls button:hover { background: #2a3427 !important; }
#fih-arena .hero-play-controls button:focus-visible { outline: 2px solid #e5d4a6; outline-offset: 3px; }
#fih-arena .hero-play-controls button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
#fih-arena .hero-feedback { margin: 8px 8px 0; color: #c7d7bf; font: 500 11px/1.4 'Instrument Sans',sans-serif; }
#fih-arena .hero-food { position: absolute; left: 0; top: 0; width: 5px; height: 5px; background: #f4d392; border: 1px solid #fff2c8; z-index: 5; pointer-events: none; }
#fih-arena .hero-ripple { position: absolute; width: 28px; height: 12px; margin: -6px -14px; border: 1px solid #c7f1ed9c; border-radius: 50%; z-index: 3; pointer-events: none; }
#fih-arena .hero-deathline { position: absolute; bottom: 55px; left: 12px; right: 12px; display: flex; gap: 8px; justify-content: space-between; padding-top: 9px; border-top: 1px dashed #e7c1888c; z-index: 3; font: 500 10px/1.3 'Instrument Sans',sans-serif; color: #ead6b7; pointer-events: none; }
#fih-arena .hero-deathline[hidden] { display: none; }
#fih-arena .hero-deep-shark { position: absolute; width: 190px; height: 100px; right: -20px; bottom: 15px; color: #031626; opacity: 0; z-index: 1; transform: translateX(35px); transition: opacity 350ms ease-out, transform 550ms cubic-bezier(.16,1,.3,1); pointer-events: none; }
#fih-arena [data-hero-scene='survive'] .hero-deep-shark { opacity: .8; transform: none; }
#fih-arena #pond-top .pond-scroll-cue { position: absolute; bottom: 15px; left: 5vw !important; right: auto !important; width: auto !important; transform: none !important; font: 500 11px/1.5 'Instrument Sans',sans-serif !important; color: #a4b3a7 !important; letter-spacing: .02em !important; }
#fih-arena [data-hero-paused='true'] .pixel-fish * { animation-play-state: paused !important; }
#fih-arena #pond-top .pixel-fish * { animation: none !important; }
#fih-arena #pond-top[data-hero-motion='running'] .liquid-agent-targets button { will-change: transform; transition: transform 100ms linear, border-color 150ms ease-out, background 150ms ease-out; }
#fih-arena #pond-top[data-hero-paused='true'] .liquid-agent-targets button { transition: none; }
#fih-arena #pond-top[data-hero-paused='true'] .hero-deep-shark { transition: none; }
#fih-arena #pond-top .liquid-agent-targets button { contain: layout style; }
#fih-arena #pond-top .hero-fish-sprite { width: 66px; height: 46px; image-rendering: pixelated; pointer-events: none; }
#fih-arena #pond-top[data-hero-scene='trade'] [aria-pressed='true'] > .hero-fish-sprite { width: 84px; height: 58px; }
@media (max-width:800px) {
  #fih-arena #pond-top .hero-fish-sprite { width: 48px; height: 34px; }
  #fih-arena #pond-top[data-hero-scene='trade'] [aria-pressed='true'] > .hero-fish-sprite { width: 62px; height: 43px; }
}
@media (max-width:1100px) and (min-width:801px) {
  #fih-arena #pond-top { padding-inline: 28px !important; gap: 24px !important; grid-template-columns: .9fr 1.1fr !important; }
  #fih-arena #pond-title { font-size: 68px !important; }
}
@media (max-width:800px) {
  #fih-arena #pond-top { grid-template-columns: 1fr !important; gap: 24px !important; padding: 104px 20px 52px !important; }
  #fih-arena #pond-title { font-size: clamp(48px,12vw,88px) !important; line-height: 1.03 !important; margin-bottom: 18px !important; }
  #fih-arena #pond-title button > span { font-size: 21px; }
  #fih-arena #pond-top .artifact-thesis { font-size: 18px !important; }
  #fih-arena #pond-top .pond-pitch { min-height: 66px; max-width: 46ch; font-size: 14px !important; }
  #fih-arena #pond-top .survival-rule { margin-top: 4px !important; margin-bottom: 16px !important; }
  #fih-arena #pond-top .survival-rule > span:last-child { font-size: 10px !important; }
  #fih-arena #pond-top .enter-pond { min-height: 54px !important; width: 100%; }
  #fih-arena #pond-top .enter-arrow { top: 16px; }
  #fih-arena #pond-top .pond-parody-note { margin-top: 9px; font-size: 9px !important; }
  #fih-arena #pond-top .aquarium { width: 100%; grid-column: 1 !important; height: 525px !important; grid-template-rows: 30px minmax(0,1fr) 24px 74px 48px 32px; padding: 14px 12px 0 0; }
  #fih-arena #pond-top .aquarium::after { bottom: 178px; }
  #fih-arena #pond-top .aquarium-lid { padding-inline: 10px; }
  #fih-arena #pond-top .aquarium-lid > strong { font-size: 10px; }
  #fih-arena #pond-top .aquarium-lid > span { font-size: 9px; }
  #fih-arena #pond-top .liquid-agent-targets button { width: 58px !important; height: 46px !important; }
  #fih-arena #pond-top .liquid-agent-targets button .pixel-fish { width: 48px !important; height: 34px !important; }
  #fih-arena .hero-water-caption { inset: 24px 10px auto; font-size: 9px; }
  #fih-arena .hero-water-caption > span:last-child { display: none; }
  #fih-arena .hero-play-controls { gap: 6px; padding: 0 4px; }
  #fih-arena .hero-play-controls button { padding-inline: 10px; font-size: 11px !important; }
  #fih-arena #pond-top[data-hero-scene='trade'] .liquid-agent-targets button[aria-pressed='true'] .pixel-fish { width: 62px !important; height: 43px !important; }
  #fih-arena .hero-feedback { margin-inline: 4px; font-size: 10px; }
  #fih-arena .hero-deathline { font-size: 8px; bottom: 44px; }
}
@media (prefers-reduced-motion:reduce) {
  #fih-arena #pond-top *, #fih-arena #pond-top *::before, #fih-arena #pond-top *::after { animation: none !important; transition: none !important; }
}