/* Walnut pixel cabinet: habitat controls become part of the machine. */
#fih-arena #pond-top .aquarium { grid-template-rows: 38px minmax(0,1fr) 190px; height: clamp(600px,75svh,740px) !important; }
#fih-arena #pond-top .aquarium::after { bottom: 190px; }
#fih-arena .arcade-cabinet {
  position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0,1fr) 132px;
  gap: 20px; padding: 18px 22px 16px; min-width: 0; color: #f5e5c8;
  background: linear-gradient(#a7754c 0 6px,#63412e 6px 14px,#745039 14px calc(100% - 14px),#3b281f calc(100% - 14px));
  border-top: 3px solid #eee9dc; border-bottom: 7px solid #221d18;
  box-shadow: inset 4px 0 #b1845866,inset -4px 0 #3b281f,0 18px 32px #0005;
}
#fih-arena .arcade-cabinet::before { content: ''; position: absolute; left: 12px; right: 12px; top: 13px; bottom: 13px; border: 1px solid #b38a6055; pointer-events: none; }
#fih-arena .arcade-cabinet::after { content: ''; position: absolute; left: 100%; width: 18px; top: -10px; bottom: -7px; background: #3e2b21; clip-path: polygon(0 10px,100% 0,100% calc(100% - 10px),0 100%); pointer-events: none; }
#fih-arena .cabinet-console { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; gap: 8px; }
#fih-arena .cabinet-fish { display: flex; align-items: center; gap: 12px; min-width: 0; }
#fih-arena .cabinet-avatar { display: grid; place-items: center; flex: 0 0 72px; height: 56px; background: #251f1a; border: 2px solid #ad8053; box-shadow: inset 0 3px #110f0d; }
#fih-arena .cabinet-avatar svg { width: 64px; height: 44px; }
#fih-arena #pond-top .arcade-cabinet .liquid-selection { position: static !important; display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-width: 0; width: auto !important; }
#fih-arena #pond-top .arcade-cabinet .liquid-selection > :not(strong) { display: none !important; }
#fih-arena #pond-top .arcade-cabinet .liquid-selection > strong { display: block; margin: 0 !important; font: 400 17px/1.3 'Silkscreen',monospace !important; color: #fff0d5 !important; overflow-wrap: anywhere; }
#fih-arena .arcade-cabinet .hero-play-controls { padding: 0; flex-wrap: nowrap; gap: 10px; }
#fih-arena .arcade-cabinet .hero-play-controls button { border: 2px solid #e2ba82 !important; border-radius: 2px !important; background: #e1bd82 !important; color: #30231a !important; box-shadow: 0 4px #39271c; min-height: 44px; padding: 0 16px; font-weight: 650 !important; }
#fih-arena .arcade-cabinet .hero-play-controls button:hover { background: #f2d4a5 !important; }
#fih-arena .arcade-cabinet .hero-play-controls button[data-fed='true'] { background: #b4d4ac !important; border-color: #d7efbf !important; }
#fih-arena .arcade-cabinet .hero-play-controls button:active { transform: translateY(3px); box-shadow: 0 1px #39271c; }
#fih-arena .arcade-cabinet .hero-feedback { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
#fih-arena .cabinet-bottom { display: flex; align-items: center; gap: 12px; height: 16px; font: 400 10px/1 'Silkscreen',monospace; color: #f3dcb7; }
#fih-arena .cabinet-speaker { width: 44px; height: 12px; background: repeating-linear-gradient(90deg,#38261c 0 3px,transparent 3px 6px); }
#fih-arena .cabinet-lights { display: flex; gap: 5px; margin-left: auto; }
#fih-arena .cabinet-lights i { width: 5px; height: 5px; background: #a5c39e; }
#fih-arena .cabinet-lights i:nth-child(2) { background: #dfb976; }
#fih-arena .cabinet-lights i:nth-child(3) { background: #d4957f; }
#fih-arena .capsule-machine { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3px; min-width: 0; padding: 0; border: 0; border-radius: 0 !important; background: transparent; color: #fff0d5; cursor: pointer; font: 600 12px/1 'Instrument Sans',sans-serif; }
#fih-arena .capsule-machine-art { width: 102px; height: 110px; overflow: visible; }
#fih-arena .capsule-knob { transform-origin: 50px 86px; }
#fih-arena .capsule-machine small { font: 400 8px/1.5 'Silkscreen',monospace; color: #f1d7b2; }
#fih-arena .capsule-machine:hover .capsule-knob { filter: brightness(1.15); }
#fih-arena .arcade-cabinet button:focus-visible { outline: 2px solid #fff1d5; outline-offset: 4px; }
#fih-arena .capsule-machine:disabled { opacity: .5; cursor: default; }
@media (min-width:801px) and (max-width:1100px) {
  #fih-arena .arcade-cabinet { grid-template-columns: minmax(0,1fr) 100px; gap: 12px; padding-inline: 14px; }
  #fih-arena .cabinet-avatar { flex-basis: 56px; }
  #fih-arena .cabinet-avatar svg { width: 52px; }
  #fih-arena #pond-top .arcade-cabinet .liquid-selection > strong { font-size: 13px !important; }
}
@media (max-width:800px) {
  #fih-arena #pond-top .aquarium { height: 590px !important; grid-template-rows: 30px minmax(0,1fr) 190px; }
  #fih-arena #pond-top .aquarium::after { bottom: 190px; }
  #fih-arena .arcade-cabinet { grid-template-columns: minmax(0,1fr) 92px; gap: 10px; padding-inline: 12px; }
  #fih-arena .arcade-cabinet::after { width: 12px; }
  #fih-arena .cabinet-fish { gap: 8px; }
  #fih-arena .cabinet-avatar { flex-basis: 48px; height: 44px; }
  #fih-arena .cabinet-avatar svg { width: 46px; height: 34px; }
  #fih-arena #pond-top .arcade-cabinet .liquid-selection > strong { font-size: 12px !important; }
  #fih-arena .arcade-cabinet .hero-play-controls { gap: 8px; }
  #fih-arena .arcade-cabinet .hero-play-controls button { padding-inline: 9px; gap: 5px; }
  #fih-arena .capsule-machine-art { width: 88px; height: 100px; }
  #fih-arena .cabinet-speaker { width: 26px; }
  #fih-arena .cabinet-bottom { gap: 8px; }
}
@media (max-width:360px) {
  #fih-arena .arcade-cabinet .hero-play-controls button { min-width: 56px; }
  #fih-arena .arcade-cabinet .hero-play-controls button svg { display: none; }
}