/* ===== The Arcade, stage 4 (js/am-fish.js): the Fish Table ===== */
.amf-mach{width:100%;max-width:440px;margin-left:auto;margin-right:auto}
.amf-tank{position:relative;width:100%;height:260px;background:linear-gradient(180deg,#0b4f6c,#08354d 55%,#05202f);border:3px solid #b8862b;border-radius:12px;box-shadow:inset 0 0 22px rgba(0,0,0,.6);overflow:hidden}
.amf-tank.over{filter:grayscale(.7) brightness(.7)}
.amm-skin-fish .amf-tank{background:linear-gradient(180deg,#071a2e,#0a1030 55%,#020611);box-shadow:inset 0 0 30px rgba(80,220,255,.35)}
.amf-fish{position:absolute;left:0;border:0;background:none;padding:2px;font-size:26px;line-height:1;cursor:crosshair;animation:amfSwim linear forwards;display:flex;flex-direction:column;align-items:center;color:#e8f6ff;min-width:44px;min-height:44px;justify-content:center}
.amf-fish small{font:700 11px/1 "Barlow Condensed",sans-serif;color:#ffe9a8;text-shadow:0 0 3px #000}
.amf-s0,.amf-s1{font-size:22px}.amf-s5,.amf-s6{font-size:34px}.amf-s7{font-size:38px;filter:drop-shadow(0 0 6px #ffd24a)}
.amf-fish:hover,.amf-fish:focus-visible{outline:2px dashed #ffd24a;outline-offset:2px;border-radius:50%}
.amf-tank{container-type:inline-size}
@keyframes amfSwim{from{transform:translateX(-50px)}to{transform:translateX(calc(100cqw + 50px))}}
.amf-king{position:absolute;right:8%;bottom:10%;border:0;background:none;font-size:52px;line-height:1;cursor:crosshair;animation:amfBob 2.4s ease-in-out infinite alternate;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 8px #c86bff)}
.amf-king small{font:700 12px/1 "Barlow Condensed",sans-serif;color:#fff;text-shadow:0 0 3px #000}
@keyframes amfBob{from{transform:translateY(0)}to{transform:translateY(-30px) translateX(-40px)}}
.amf-splash{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:700 30px/1 "Barlow Condensed",sans-serif;opacity:0;pointer-events:none}
.amf-splash.hit{color:#ffd24a;text-shadow:0 0 10px #000}.amf-splash.miss{color:#9cc;font-size:20px}
.amf-splash.go{animation:amfPop .8s ease-out}
@keyframes amfPop{0%{opacity:1;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-110%) scale(1.2)}}
.amf-crew{text-align:center;font-size:13px;margin-top:6px;color:#cfe9ff}
@media (prefers-reduced-motion:reduce){.amf-king{animation:none}}