.fish-aquarium{position:relative;overflow:hidden;border:1px solid #7f9271;border-radius:22px;background:#12251c;color:#f2f0e4;isolation:isolate;box-shadow:0 14px 32px #18372712,inset 0 0 0 1px #ffffff10}
.fish-aquarium>svg{display:block;width:100%;height:auto;aspect-ratio:2/1;overflow:hidden;touch-action:pan-y}
.aquarium-caption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:#12251c;border-top:1px solid #8dab6b2e}
.aquarium-caption:before{content:'';position:absolute;top:0;left:22px;width:38px;height:2px;background:var(--aquarium-accent,#d4f56a)}
.aquarium-caption strong{font:400 25px/1.2 'Anton',Impact,sans-serif;letter-spacing:.01em}
.aquarium-caption span{font:10px/1.65 'IBM Plex Mono',monospace;color:#c6d0ba;text-align:right;max-width:55%}
.aquarium-swimmer{animation:aquarium-swim 13s ease-in-out infinite;transform-origin:0 0}
.aquarium-swimmer-2{animation-name:aquarium-swim-back;animation-duration:17s;animation-delay:-6s}
.aquarium-swimmer-3{animation-duration:19s;animation-delay:-11s}
.aquarium-tail{animation:aquarium-tail-fin 1.35s ease-in-out infinite;transform-origin:-47px 0}
.aquarium-fin{animation:aquarium-fin-wave 2.6s ease-in-out infinite;transform-origin:0 0}
.aquarium-pectoral{animation:aquarium-pectoral-wave 1.8s ease-in-out infinite;transform-origin:1px 2px}
.aquarium-reed{animation:aquarium-reed-sway 5.6s ease-in-out infinite;transform-origin:0 0}
.aquarium-bubble{animation:aquarium-bubble-rise 8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;opacity:0}
.aquarium-surface{animation:aquarium-water-shift 8s ease-in-out infinite}
.aquarium-lilies{animation:aquarium-lily-bob 6.5s ease-in-out infinite;transform-origin:center}
.aquarium-light{animation:aquarium-light-shift 11s ease-in-out infinite;transform-origin:520px 170px}
.aquarium-touch-ripple{animation:aquarium-touch 1.2s ease-out both;transform-origin:var(--ripple-x) var(--ripple-y);pointer-events:none}
.fish-aquarium[data-aquarium-active=false] .aquarium-animated{animation-play-state:paused!important}
@keyframes aquarium-swim{0%,100%{transform:translate(-25px,5px) rotate(-1deg)}48%{transform:translate(36px,-7px) rotate(1deg)}72%{transform:translate(10px,-2px) rotate(-1deg)}}
@keyframes aquarium-swim-back{0%,100%{transform:translate(20px,4px)}50%{transform:translate(-39px,-9px)}}
@keyframes aquarium-tail-fin{0%,100%{transform:scaleX(1) skewY(-5deg)}50%{transform:scaleX(.82) skewY(7deg)}}
@keyframes aquarium-fin-wave{0%,100%{transform:scaleY(.96)}50%{transform:scaleY(1.06)}}
@keyframes aquarium-pectoral-wave{0%,100%{transform:rotate(-7deg) scaleY(.8)}50%{transform:rotate(7deg) scaleY(1)}}
@keyframes aquarium-reed-sway{0%,100%{transform:skewX(-3deg)}50%{transform:skewX(4deg)}}
@keyframes aquarium-bubble-rise{0%{opacity:0;transform:translate(0,7px) scale(.7)}18%{opacity:.4}70%{opacity:.38}100%{opacity:0;transform:translate(9px,-100px) scale(1.15)}}
@keyframes aquarium-water-shift{0%,100%{transform:translate(-3px,0)}50%{transform:translate(5px,2px)}}
@keyframes aquarium-lily-bob{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,2px)}}
@keyframes aquarium-light-shift{0%,100%{opacity:.6;transform:skewX(-3deg)}50%{opacity:1;transform:skewX(4deg)}}
@keyframes aquarium-touch{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(3.4)}}
.profile-aquarium{max-width:720px;margin-top:28px;margin-bottom:30px}
body[data-aquarium-pond=golden-pond] .market-panel,body[data-aquarium-pond=golden-pond] .chart-panel{box-shadow:inset 0 0 0 3px #d9ac47}
body[data-aquarium-pond=silver-pond] .market-panel,body[data-aquarium-pond=silver-pond] .chart-panel{box-shadow:inset 0 0 0 3px #a4c4c5}
body[data-aquarium-pond=bronze-pond] .market-panel,body[data-aquarium-pond=bronze-pond] .chart-panel{box-shadow:inset 0 0 0 3px #bd896b}
body[data-aquarium-pond=reed-pond] .market-panel,body[data-aquarium-pond=reed-pond] .chart-panel{box-shadow:inset 0 0 0 3px #6d8e4f}
@media(hover:hover){.fish-aquarium:hover .aquarium-caption strong{color:var(--aquarium-accent,#d4f56a)}}
@media(max-width:500px){.fish-aquarium{border-radius:17px}.aquarium-caption{padding:15px 16px;gap:10px}.aquarium-caption:before{left:16px}.aquarium-caption strong{font-size:23px}.aquarium-caption span{font-size:9px;max-width:49%}}
@media(prefers-reduced-motion:reduce){.fish-aquarium .aquarium-animated{animation:none!important}.fish-aquarium .aquarium-bubble{opacity:.4}.aquarium-touch-water{display:none}}
