#stage .detail.fishShowcase{position:relative;display:block;height:100%;padding:0;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 40% 35%,#35546188,#071c29)}
#stage .fishShowcase>img:not(.newDiscovery){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px 16px 95px;filter:drop-shadow(0 15px 16px #0007)}
#stage .fishShowcase>div:not(.missingFish){position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:14px 20px;background:#071d2dd6;backdrop-filter:blur(8px);border-top:1px solid #d4c38c55}
#stage .fishShowcase h2{font-size:30px;margin:0}#stage .fishShowcase small{font-size:20px;color:#d8d5c4}#stage .fishShowcase p{font-size:21px;line-height:1.35;margin:0}#stage .fishShowcase strong{font-size:32px}#stage .fishShowcase .notice{font-size:16px;flex-basis:100%;color:#b9c9ce}
#stage .fishShowcase .newDiscovery{z-index:2;top:8px;left:8px}#stage .fishShowcase>.missingFish{width:100%;height:65%}
#stage .fishCard img{height:120px}#stage .catalogGrid .fishCard img{height:112px}
/* Reference layout: large transparent fish, identity top left, catch bottom right. */
#stage .dialog:has(.fishShowcase){position:relative;padding:24px 30px;background:#0e2a36}
#stage .dialog:has(.fishShowcase)>header{position:absolute;left:auto;right:26px;top:22px;width:auto;z-index:5;margin:0}
#stage .dialog:has(.fishShowcase)>header>div{display:none}
#stage .detail.fishShowcase{background:none;border-radius:0}
#stage .fishShowcase>img:not(.newDiscovery){padding:45px 0 20px;transform:scale(1.2);object-fit:contain;filter:drop-shadow(0 14px 12px #0004)}
#stage .detail.fishShowcase>.fishIdentity{position:absolute;top:0;left:0;bottom:auto;right:100px;display:block;padding:0;background:none;border:0;backdrop-filter:none;pointer-events:none}
#stage .fishShowcase .fishIdentity h2{font-size:48px;line-height:1.2;margin:0 0 8px}
#stage .fishShowcase .fishIdentity small{font-size:24px}
#stage .detail.fishShowcase>.fishCapture{position:absolute;bottom:0;right:0;left:auto;display:flex;gap:22px;padding:8px 12px;background:#0e2a36b3;border:0;backdrop-filter:none;pointer-events:none}
#stage .fishCapture p{font-size:23px}#stage .fishCapture strong{font-size:34px;font-weight:400}
#stage .fishShowcase .newDiscovery{top:100px;left:12px}
#stage .dialog:has(.fishShowcase) #modalFooter.fishNavigation{display:grid;grid-template-columns:1fr auto 1fr;width:100%;gap:16px}
#stage .fishNavigation .fishPrevious{justify-self:start}#stage .fishNavigation .fishNext{justify-self:end}
