@charset "UTF-8";:root{color-scheme:dark;--aquarium-ink: #dff8ff;--aquarium-muted: rgba(222, 247, 255, .68);--aquarium-edible: #6ef2b4;--aquarium-danger: #ff9c9c;--aquarium-player: #ffe875}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 52% -18%,rgba(78,211,255,.36),transparent 34%),linear-gradient(180deg,#06283b,#031524 45%,#01070d);color:var(--aquarium-ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ocean{position:fixed;inset:0;height:100dvh;isolation:isolate;overflow:hidden;cursor:crosshair;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(80% 52% at 50% 8%,rgba(48,181,230,.34),transparent 62%),radial-gradient(42% 34% at 18% 78%,rgba(32,194,176,.17),transparent 66%),radial-gradient(36% 44% at 82% 70%,rgba(64,109,214,.12),transparent 70%),linear-gradient(180deg,#062f45,#021623 47%,#01070d)}.ocean:focus-visible{box-shadow:inset 0 0 0 3px #aaf1ffd1}.ocean:before,.ocean:after{content:"";position:absolute;inset:0;pointer-events:none}.ocean:before{background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:84px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 58%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 58%);opacity:.1;z-index:2}.ocean:after{background:radial-gradient(72% 62% at 50% 42%,transparent 34%,rgba(0,0,0,.38) 100%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%,rgba(0,0,0,.18));z-index:118}.ocean__surface{position:absolute;top:-28px;left:-5vw;width:110vw;height:112px;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 16% 96%,rgba(172,241,255,.34),transparent 26%),radial-gradient(ellipse at 50% 92%,rgba(172,241,255,.23),transparent 30%),radial-gradient(ellipse at 82% 94%,rgba(172,241,255,.28),transparent 24%),linear-gradient(180deg,rgba(206,250,255,.24),transparent 74%);opacity:.8;animation:surface-drift 9s ease-in-out infinite}.ocean__rays,.marine-snow,.bubbles,.reef,.plants,.seafloor{position:absolute;inset:0;pointer-events:none}.ocean__rays{z-index:3;overflow:hidden}.ocean__rays span{position:absolute;top:-8vh;left:var(--x);width:var(--w);height:118vh;transform:rotate(10deg);transform-origin:top center;background:linear-gradient(180deg,rgba(160,232,255,.18),rgba(160,232,255,.035) 48%,transparent 78%);clip-path:polygon(42% 0,60% 0,100% 100%,0 100%);opacity:.15;animation:ray-sweep var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.marine-snow{z-index:6}.marine-snow span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#d2f4ff94;opacity:.58;animation:snow-drift var(--duration) linear infinite;animation-delay:var(--delay)}.bubbles{z-index:112;overflow:hidden}.bubble{position:absolute;bottom:-48px;left:var(--x);width:var(--s);height:var(--s);border:1px solid rgba(221,250,255,.72);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.86) 0 12%,transparent 14%),radial-gradient(circle at 58% 68%,rgba(129,221,255,.24),transparent 66%);box-shadow:inset 0 0 5px #ddfaff2e;opacity:.58;animation:bubble-rise var(--duration) linear infinite;animation-delay:var(--delay)}.bubble--large{opacity:.42}.seafloor{top:auto;bottom:0;height:142px;z-index:8;background:radial-gradient(110px 34px at 8% 76%,rgba(143,114,73,.24),transparent 72%),radial-gradient(180px 46px at 34% 82%,rgba(212,167,92,.18),transparent 76%),radial-gradient(150px 42px at 70% 80%,rgba(125,92,61,.18),transparent 74%),linear-gradient(180deg,transparent 0%,rgba(79,63,42,.22) 36%,rgba(116,93,58,.42) 100%)}.reef{z-index:16}.reef__rock{position:absolute;left:var(--x);bottom:-8px;width:var(--w);height:var(--h);border-radius:50% 48% 28% 35%;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.16),transparent 20%),linear-gradient(135deg,#647177c7,#222e36e0);box-shadow:inset -14px -8px 16px #0000003d;transform:translateY(calc(var(--tone) * 16px)) rotate(calc((var(--tone) - .5) * 10deg))}.reef__coral{position:absolute;left:var(--x);bottom:32px;width:14px;height:var(--h);border-radius:999px 999px 0 0;background:linear-gradient(180deg,#ff8574c7,#7a3584a8);box-shadow:18px 18px 0 -4px #ffac638a,-16px 28px 0 -5px #60cdbd7a;transform-origin:bottom center;animation:coral-sway 8s ease-in-out infinite;animation-delay:var(--delay)}.reef__coral:before,.reef__coral:after{content:"";position:absolute;bottom:38%;width:10px;height:54%;border-radius:999px;background:inherit}.reef__coral:before{right:7px;transform:rotate(-42deg);transform-origin:bottom center}.reef__coral:after{left:7px;height:42%;transform:rotate(48deg);transform-origin:bottom center}.plants{z-index:20}.plant{position:absolute;left:var(--x);bottom:18px;width:var(--w);height:var(--h);border-radius:999px 999px 14px 14px;transform-origin:bottom center;background:linear-gradient(90deg,transparent 0 25%,rgba(146,255,207,.42) 42%,rgba(22,123,98,.74) 58%,transparent 74%),linear-gradient(180deg,#25f2a042,#065f567a);opacity:.72;animation:plant-sway var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.plant:before,.plant:after{content:"";position:absolute;bottom:18%;width:120%;height:34%;border-radius:999px 999px 0;background:linear-gradient(90deg,#50e19e14,#59ffc46b);transform-origin:bottom center}.plant:before{right:34%;transform:rotate(-28deg)}.plant:after{left:34%;bottom:42%;transform:rotate(28deg)}.plant--ribbon{border-radius:100% 36% 100% 28%;background:linear-gradient(90deg,#065f463d,#43f2a69e,#054c4047)}.plant--kelp{opacity:.64}.fish{--face: 1;--fish-w: 92px;--fish-h: 44px;--sprite-scale: 1;--depth-opacity: 1;--group-accent: #67e8f9;--skill-glow: #67e8f9;position:absolute;top:0;left:0;width:var(--fish-w);height:var(--fish-h);contain:layout style;pointer-events:none;opacity:var(--depth-opacity);will-change:transform}.fish[hidden]{display:none!important}.fish__shadow{position:absolute;left:9%;top:76%;width:80%;height:24%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 70%);transform:scale(var(--sprite-scale));opacity:.28;z-index:0}.fish__sprite{position:absolute;inset:0;transform:scaleX(var(--face)) scale(var(--sprite-scale));transform-origin:50% 50%;z-index:1}.fish__body,.fish__tail,.fish__fin,.fish__barbel{position:absolute;display:block}.fish__body{left:23%;top:22%;width:70%;height:56%;overflow:hidden;border-radius:60% 42% 42% 60%/58% 48% 48% 58%;background:var(--body-bg, linear-gradient(90deg, #32d5ee, #8be7ff));box-shadow:inset 0 3px 7px #ffffff5c,inset -12px -8px 18px #00000038}.fish__body:after{content:"";position:absolute;inset:4% 6% auto 16%;height:34%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent);pointer-events:none}.fish__tail{left:0;top:18%;width:32%;height:64%;clip-path:polygon(100% 50%,3% 4%,20% 50%,3% 96%);border-radius:42% 12% 12% 42%;background:var(--tail-bg, linear-gradient(90deg, #26d3ee, #79f2ff));box-shadow:inset 6px 0 9px #ffffff40,inset -4px 0 10px #00000038;transform-origin:84% 50%;animation:tail-beat var(--tail-speed, .72s) ease-in-out infinite}.fish__fin{background:var(--fin-bg, linear-gradient(180deg, rgba(255, 255, 255, .58), rgba(67, 232, 255, .16)));opacity:.82}.fish__fin--dorsal{left:42%;top:5%;width:28%;height:28%;clip-path:polygon(8% 100%,50% 4%,100% 100%);transform-origin:bottom center}.fish__fin--pectoral{left:56%;top:50%;width:21%;height:31%;border-radius:100% 12% 100% 20%;transform:rotate(18deg);transform-origin:top left}.fish__fin--pelvic{left:38%;bottom:8%;width:26%;height:22%;clip-path:polygon(10% 0,92% 0,48% 100%);opacity:.58}.fish__eye{position:absolute;right:9%;top:31%;width:9%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 62% 34%,#ffffff 0 14%,transparent 16%),radial-gradient(circle,#07111a 0 42%,#dff8ff 45% 66%,#08111ae0 70%)}.fish__gill{position:absolute;right:22%;top:26%;width:8%;height:50%;border-right:1px solid rgba(5,18,26,.28);border-radius:50%;opacity:.7}.fish__mark{position:absolute;display:block;pointer-events:none}.fish__barbel{display:none}.fish__label{position:absolute;left:50%;top:calc(50% + var(--game-radius, 38px) + 5px);display:grid;width:max-content;min-width:0;max-width:min(180px,100vw - 24px);gap:1px;padding:6px 9px 7px;border:1px solid color-mix(in srgb,var(--group-accent) 44%,rgba(255,255,255,.14));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--group-accent) 10%,transparent),transparent 58%),#091622c7;box-shadow:0 5px 14px #0000003d;color:#edfaff;line-height:1.05;text-align:center;text-shadow:0 1px 7px rgba(0,0,0,.62);transform:translate(calc(-50% + var(--label-shift, 0px)));transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease;z-index:3}.fish__label:before{position:absolute;top:50%;left:-8px;display:grid;width:17px;height:17px;place-items:center;border:2px solid rgba(4,16,25,.92);border-radius:50%;background:#dff8ff;color:#06131c;font-size:10px;font-weight:950;line-height:1;transform:translateY(-50%)}.fish__label strong{display:block;overflow:hidden;font-size:12px;font-weight:760;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.fish__species{display:block;overflow:hidden;color:color-mix(in srgb,var(--group-accent) 72%,white 22%);font-size:9px;font-weight:780;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.fish--edible .fish__label{border-color:color-mix(in srgb,var(--aquarium-edible) 78%,white 8%);box-shadow:0 5px 14px #0000003d,0 0 0 1px #6ef2b414,0 0 18px #40e09724}.fish--edible .fish__label:before{content:"✓";background:var(--aquarium-edible)}.fish--edible .fish__species{color:#a4ffd3}.fish--dangerous .fish__label{border-style:dashed;border-color:color-mix(in srgb,var(--aquarium-danger) 82%,white 6%);box-shadow:0 5px 14px #00000042,0 0 16px #ff5c5c21}.fish--dangerous .fish__label:before{content:"!";background:var(--aquarium-danger)}.fish--dangerous .fish__species{color:#ffc0c0}.fish--player{--group-accent: var(--aquarium-player);opacity:1!important;z-index:170!important}.fish--player:before{content:"";position:absolute;top:50%;left:50%;width:calc(var(--game-radius, 38px) * 2 + 12px);aspect-ratio:1;border:2px solid rgba(255,232,117,.92);border-radius:50%;box-shadow:0 0 0 4px #ffe8751a,0 0 26px #ffda4e80,inset 0 0 18px #ffefa11f;pointer-events:none;transform:translate(-50%,-50%);animation:player-beacon 1.8s ease-in-out infinite;z-index:0}.fish--player .fish__sprite{filter:drop-shadow(0 0 5px rgba(255,234,124,.92))}.fish--player .fish__label{border:2px solid var(--aquarium-player);background:linear-gradient(135deg,rgba(255,228,96,.2),transparent 58%),#0f1b1ff0;box-shadow:0 6px 18px #0000005c,0 0 20px #ffde5b52}.fish--player .fish__label:before{content:"★";background:var(--aquarium-player)}.fish--player .fish__label strong{color:#fff8ce;font-weight:900;letter-spacing:.12em}.fish--player .fish__species{color:#ffe875}.fish--neon-tetra{--body-bg: linear-gradient(180deg, #102d42 0%, #11374f 46%, #b62235 48%, #e6424c 76%, #19324c 100%);--tail-bg: linear-gradient(90deg, rgba(30, 69, 95, .7), rgba(238, 62, 84, .78));--fin-bg: linear-gradient(180deg, rgba(97, 232, 255, .54), rgba(45, 100, 150, .14))}.fish--neon-tetra .fish__body{top:29%;height:42%;border-radius:62% 42% 42% 62%/58% 44% 44% 58%}.fish--neon-tetra .fish__mark--a{left:18%;top:24%;width:68%;height:11%;border-radius:999px;background:linear-gradient(90deg,#4ff6ff,#74b7ff)}.fish--clownfish{--body-bg: linear-gradient(90deg, #ff7a18, #f04d16 62%, #d83312);--tail-bg: linear-gradient(90deg, #ff8c1a, #f5a11f);--fin-bg: linear-gradient(180deg, rgba(255, 186, 72, .8), rgba(255, 100, 26, .22))}.fish--clownfish .fish__mark--a,.fish--clownfish .fish__mark--b,.fish--clownfish .fish__mark--c{top:-8%;width:12%;height:116%;border-right:2px solid rgba(25,14,11,.78);border-left:2px solid rgba(25,14,11,.78);border-radius:999px;background:#fffae6f0}.fish--clownfish .fish__mark--a{left:14%}.fish--clownfish .fish__mark--b{left:48%}.fish--clownfish .fish__mark--c{left:77%;width:9%}.fish--betta{--body-bg: linear-gradient(135deg, #1a4cff, #8b31d8 54%, #ec335f);--tail-bg: radial-gradient(circle at 85% 50%, rgba(255, 255, 255, .4), transparent 20%), linear-gradient(90deg, rgba(47, 107, 255, .36), rgba(250, 57, 110, .78));--fin-bg: linear-gradient(180deg, rgba(113, 168, 255, .7), rgba(237, 50, 111, .36))}.fish--betta .fish__body{left:38%;top:30%;width:50%;height:42%}.fish--betta .fish__tail{top:6%;left:2%;width:44%;height:88%;clip-path:polygon(100% 50%,6% 0,22% 48%,4% 100%)}.fish--betta .fish__fin--dorsal{left:42%;top:7%;width:34%;height:36%}.fish--betta .fish__fin--pelvic{left:47%;bottom:1%;width:30%;height:34%}.fish--guppy{--body-bg: linear-gradient(90deg, #d8f8ff, #53e0c9 58%, #27b6e7);--tail-bg: radial-gradient(circle at 28% 28%, #ffdf4f 0 7%, transparent 8%), radial-gradient(circle at 62% 64%, #f7407a 0 8%, transparent 9%), linear-gradient(90deg, #33e0ff, #ffad31 48%, #b746ff);--fin-bg: linear-gradient(180deg, rgba(126, 247, 255, .72), rgba(255, 176, 52, .2))}.fish--guppy .fish__body{left:34%;top:31%;width:52%;height:42%}.fish--guppy .fish__tail{left:1%;top:9%;width:42%;height:82%;clip-path:polygon(100% 50%,0 4%,14% 50%,0 96%)}.fish--angelfish{--body-bg: linear-gradient(90deg, #d8e5df, #f5d77f 44%, #d5edf2 100%);--tail-bg: linear-gradient(90deg, rgba(244, 225, 158, .52), rgba(206, 237, 243, .7));--fin-bg: linear-gradient(180deg, rgba(236, 223, 167, .78), rgba(170, 214, 230, .16))}.fish--angelfish .fish__body{left:28%;top:10%;width:58%;height:78%;clip-path:polygon(10% 50%,50% 2%,91% 50%,50% 98%);border-radius:30%}.fish--angelfish .fish__tail{top:31%;width:30%;height:38%}.fish--angelfish .fish__fin--dorsal{left:43%;top:0;width:31%;height:42%}.fish--angelfish .fish__fin--pelvic{left:45%;bottom:0;width:28%;height:42%}.fish--angelfish .fish__mark--a,.fish--angelfish .fish__mark--b,.fish--angelfish .fish__mark--c{top:5%;width:8%;height:90%;border-radius:999px;background:#16191fb8;transform:rotate(8deg)}.fish--angelfish .fish__mark--a{left:24%}.fish--angelfish .fish__mark--b{left:49%}.fish--angelfish .fish__mark--c{left:73%}.fish--discus{--body-bg: radial-gradient(circle at 58% 48%, #ffbd57, #e7713b 54%, #3cbfd0 100%);--tail-bg: linear-gradient(90deg, rgba(65, 194, 214, .24), rgba(255, 173, 88, .62));--fin-bg: linear-gradient(180deg, rgba(76, 217, 228, .62), rgba(255, 184, 94, .24))}.fish--discus .fish__body{left:28%;top:7%;width:62%;height:86%;border-radius:50%}.fish--discus .fish__tail{top:30%;width:27%;height:40%}.fish--discus .fish__mark--a,.fish--discus .fish__mark--b,.fish--discus .fish__mark--c,.fish--discus .fish__mark--d{top:3%;width:5%;height:94%;border-radius:999px;background:#45e1efa3}.fish--discus .fish__mark--a{left:22%}.fish--discus .fish__mark--b{left:38%}.fish--discus .fish__mark--c{left:56%}.fish--discus .fish__mark--d{left:74%}.fish--zebra-danio{--body-bg: linear-gradient(180deg, #e5eef3, #c8d8db 46%, #98aab4);--tail-bg: linear-gradient(90deg, rgba(193, 217, 223, .52), rgba(123, 150, 166, .78));--fin-bg: linear-gradient(180deg, rgba(240, 253, 255, .52), rgba(139, 169, 184, .14))}.fish--zebra-danio .fish__body{top:29%;height:42%}.fish--zebra-danio .fish__mark--a,.fish--zebra-danio .fish__mark--b,.fish--zebra-danio .fish__mark--c,.fish--zebra-danio .fish__mark--d{left:9%;width:78%;height:8%;border-radius:999px;background:#1d3453c7}.fish--zebra-danio .fish__mark--a{top:19%}.fish--zebra-danio .fish__mark--b{top:36%}.fish--zebra-danio .fish__mark--c{top:53%}.fish--zebra-danio .fish__mark--d{top:70%}.fish--koi{--body-bg: linear-gradient(90deg, #fff9ec, #f0f6f3 62%, #f5fff8);--tail-bg: linear-gradient(90deg, rgba(255, 255, 255, .66), rgba(255, 122, 36, .46));--fin-bg: linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(255, 133, 47, .2))}.fish--koi .fish__body{top:20%;height:60%}.fish--koi .fish__mark--a,.fish--koi .fish__mark--b,.fish--koi .fish__mark--c{border-radius:50%;background:radial-gradient(circle,#f05f1b,#d94114 68%,transparent 70%)}.fish--koi .fish__mark--a{left:18%;top:15%;width:24%;height:40%}.fish--koi .fish__mark--b{left:47%;top:42%;width:20%;height:38%}.fish--koi .fish__mark--c{left:70%;top:18%;width:15%;height:29%}.fish--corydoras{--body-bg: linear-gradient(180deg, #d8c8a2 0%, #b39a6c 58%, #6f5d45 100%);--tail-bg: linear-gradient(90deg, rgba(152, 127, 88, .44), rgba(94, 75, 53, .78));--fin-bg: linear-gradient(180deg, rgba(231, 206, 150, .58), rgba(96, 77, 54, .16))}.fish--corydoras .fish__body{top:31%;height:43%;border-radius:58% 40% 36% 56%/48% 38% 50% 56%}.fish--corydoras .fish__tail{top:27%;height:48%}.fish--corydoras .fish__mark--a{left:8%;top:36%;width:72%;height:16%;border-radius:999px;background:#37322a70}.fish--corydoras .fish__barbel{display:block;right:2%;width:18%;height:1px;background:#eadebabd;transform-origin:right center}.fish--corydoras .fish__barbel--a{top:50%;transform:rotate(18deg)}.fish--corydoras .fish__barbel--b{top:58%;transform:rotate(34deg)}.fish--ram-cichlid{--body-bg: radial-gradient(circle at 58% 44%, #2a2d40 0 10%, transparent 12%), linear-gradient(135deg, #ffe36a, #74dbd7 52%, #425fd8 100%);--tail-bg: linear-gradient(90deg, rgba(102, 205, 220, .48), rgba(71, 88, 211, .72));--fin-bg: linear-gradient(180deg, rgba(255, 223, 91, .76), rgba(57, 113, 220, .24))}.fish--ram-cichlid .fish__body{top:19%;height:62%}.fish--ram-cichlid .fish__mark--a,.fish--ram-cichlid .fish__mark--b,.fish--ram-cichlid .fish__mark--c,.fish--ram-cichlid .fish__mark--d,.fish--ram-cichlid .fish__mark--e{width:5%;aspect-ratio:1;border-radius:50%;background:#73f6ff}.fish--ram-cichlid .fish__mark--a{left:24%;top:28%}.fish--ram-cichlid .fish__mark--b{left:38%;top:58%}.fish--ram-cichlid .fish__mark--c{left:52%;top:32%}.fish--ram-cichlid .fish__mark--d{left:67%;top:62%}.fish--ram-cichlid .fish__mark--e{left:78%;top:38%}.topbar{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));z-index:220;display:grid;grid-template-areas:"brand stats actions" "hint hint hint";grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:7px 16px;padding:9px 10px 8px 13px;border:1px solid rgba(197,244,255,.14);border-radius:17px;background:linear-gradient(135deg,rgba(38,178,214,.1),transparent 42%),#020f19bd;box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff0d;color:#dff8ff;text-shadow:0 0 18px rgba(80,214,255,.32);-webkit-backdrop-filter:blur(13px) saturate(1.16);backdrop-filter:blur(13px) saturate(1.16);pointer-events:none}.topbar__brand{display:grid;grid-area:brand;gap:2px;min-width:0}.topbar__brand strong{display:block;font-size:clamp(13px,1.5vw,17px);font-weight:860;letter-spacing:.16em;line-height:1;text-transform:uppercase}.topbar__brand span{color:var(--aquarium-muted);font-size:11px;font-weight:720;letter-spacing:.06em}.topbar__actions{display:flex;grid-area:actions;gap:7px;justify-self:end;pointer-events:auto}.topbar__hint{grid-area:hint;margin:0;color:#def7ffb8;font-size:10px;font-weight:650;letter-spacing:.025em;line-height:1.35;text-align:center}.aquarium-stats{display:flex;grid-area:stats;align-items:stretch;justify-self:center;overflow:hidden;border:1px solid rgba(192,245,255,.16);border-radius:12px;background:#020c149e;box-shadow:inset 0 1px #ffffff0a;pointer-events:auto}.aquarium-stat{display:grid;min-width:68px;place-items:center;gap:1px;padding:5px 9px 6px}.aquarium-stat+.aquarium-stat{border-left:1px solid rgba(192,245,255,.12)}.aquarium-stat span{color:var(--aquarium-muted);font-size:8px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.aquarium-stat strong{color:#f2fcff;font-size:15px;font-variant-numeric:tabular-nums;font-weight:850;line-height:1.1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(194,246,255,.18);border-radius:10px;background:linear-gradient(135deg,#2ad2f4e0,#1280e6e6),#0ea5e9;box-shadow:0 12px 26px #030a1447,inset 0 1px #ffffff3d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:780;letter-spacing:0;padding:8px 13px;text-decoration:none;transition:filter .16s ease,transform .16s ease,border-color .16s ease}.btn--quiet{border-color:#c2f6ff29;background:#081f2dc7;box-shadow:inset 0 1px #ffffff0f;color:#dff8ff}.btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.46;transform:none}.btn:hover,.btn:focus-visible{border-color:#e2fcff75;filter:brightness(1.08) saturate(1.05);transform:translateY(-1px)}.btn:focus-visible{outline:3px solid rgba(188,245,255,.92);outline-offset:3px}.btn:disabled:hover{border-color:#c2f6ff2e;filter:grayscale(.5);transform:none}.aquarium-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 42%,rgba(28,151,189,.14),transparent 40%),#00070d9e;-webkit-backdrop-filter:blur(8px) saturate(.82);backdrop-filter:blur(8px) saturate(.82)}.aquarium-dialog__panel{width:min(560px,100%);padding:clamp(25px,5vw,46px);border:1px solid rgba(177,239,255,.24);border-radius:25px;background:linear-gradient(145deg,rgba(49,192,226,.11),transparent 42%),#03131ef2;box-shadow:0 28px 80px #00000085,inset 0 1px #ffffff12;color:#eafaff;text-align:center;animation:dialog-arrive .3s cubic-bezier(.22,.9,.28,1) both}.aquarium-dialog__eyebrow{display:inline-flex;align-items:center;min-height:28px;margin-bottom:14px;padding:5px 11px;border:1px solid rgba(112,229,255,.24);border-radius:999px;background:#32c6e51a;color:#9becff;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.aquarium-dialog h1{margin:0;color:#f3fcff;font-size:clamp(26px,5vw,43px);font-weight:900;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}.aquarium-dialog p{max-width:48ch;margin:16px auto 23px;color:#e1f8ffc2;font-size:clamp(14px,2vw,17px);line-height:1.58;text-wrap:pretty}.aquarium-dialog__primary{min-width:min(220px,100%)}.aquarium-dialog__actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.ocean[data-aquarium-phase=ready]~.aquarium-dialog .aquarium-dialog__panel{border-color:#ffe8756b}.ocean[data-aquarium-phase=ready]~.aquarium-dialog .aquarium-dialog__eyebrow{border-color:#ffe87557;background:#ffda4e17;color:#fff0a5}.ocean[data-aquarium-phase=paused]~.aquarium-dialog .aquarium-dialog__panel{border-color:#7ee1ff5c}.ocean.is-game-over~.aquarium-dialog .aquarium-dialog__panel{border-color:#ff8f8f7a;box-shadow:0 28px 80px #00000085,0 0 38px #ff4a4a21,inset 0 1px #ffffff12}.ocean.is-game-over~.aquarium-dialog .aquarium-dialog__eyebrow{border-color:#ff8f8f5c;background:#ff54541a;color:#ffb3b3}.ocean.is-game-won~.aquarium-dialog .aquarium-dialog__panel{border-color:#6ef2b47a;box-shadow:0 28px 80px #00000085,0 0 42px #3ae79d26,inset 0 1px #ffffff12}.ocean.is-game-won~.aquarium-dialog .aquarium-dialog__eyebrow{border-color:#6ef2b45c;background:#3ae79d1a;color:#a4ffd3}.aquarium-eat-burst{position:absolute;z-index:190;display:grid;width:48px;height:48px;place-items:center;border:2px solid rgba(159,255,210,.92);border-radius:50%;background:#072b2ae6;box-shadow:0 0 0 6px #66fab914,0 0 28px #4bf4aa85;color:#c9ffe5;font-size:14px;font-weight:950;pointer-events:none;transform:translate(-50%,-50%);animation:eat-burst .72s cubic-bezier(.16,.85,.25,1) both}.aquarium-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important;margin:-1px!important;white-space:nowrap!important}.aquarium-noscript{position:fixed;inset:0;z-index:400;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:auto;background:radial-gradient(circle at 50% -10%,rgba(52,200,233,.24),transparent 40%),#03131f;color:var(--aquarium-ink)}.aquarium-noscript>*{width:min(760px,100%);margin-right:auto;margin-left:auto}.aquarium-noscript h1{margin-top:0;font-size:clamp(30px,7vw,52px)}.aquarium-noscript p{color:var(--aquarium-muted);line-height:1.6}.aquarium-noscript ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 22px;margin:24px auto;padding-left:22px;line-height:1.45}[hidden]{display:none!important}@keyframes surface-drift{0%,to{transform:translate(-1.5vw) scaleY(1)}50%{transform:translate(1.5vw) scaleY(.92)}}@keyframes ray-sweep{0%,to{opacity:.12;transform:translate(-18px) rotate(9deg)}50%{opacity:.34;transform:translate(22px) rotate(13deg)}}@keyframes snow-drift{0%{transform:translateZ(0)}to{transform:translate3d(28px,-18vh,0)}}@keyframes bubble-rise{0%{transform:translateZ(0) scale(.8)}to{transform:translate3d(var(--drift),-112vh,0) scale(1.08)}}@keyframes plant-sway{0%,to{transform:rotate(-2.8deg)}50%{transform:rotate(3.4deg)}}@keyframes coral-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes tail-beat{0%,to{transform:rotate(13deg) scaleX(.96)}50%{transform:rotate(-14deg) scaleX(1.04)}}@keyframes player-beacon{0%,to{opacity:.72;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eat-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.58)}24%{opacity:1;transform:translate(-50%,-65%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 46px)) scale(1.18)}}@media (max-width: 700px){.topbar{top:max(7px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));grid-template-areas:"brand actions" "stats stats" "hint hint";grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:8px}.topbar__brand strong{font-size:11px;letter-spacing:.08em}.topbar__brand span{display:none}.topbar__actions{gap:5px}.btn{min-height:44px;padding:7px 9px;font-size:12px}.aquarium-stats{width:100%;justify-self:stretch}.aquarium-stat{min-width:0;flex:1 1 0;padding:4px 8px 5px}.topbar__hint{font-size:9px}.fish__label{max-width:min(132px,100vw - 20px);padding:5px 7px 6px}.fish__label strong{font-size:11px}.fish__species{display:block;font-size:8px}.aquarium-dialog{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.aquarium-dialog__panel{padding:25px 20px;border-radius:20px}.aquarium-dialog h1{font-size:clamp(24px,8vw,34px)}.aquarium-dialog p{margin:13px auto 20px;font-size:14px}}@media (max-width: 700px),(max-height: 520px){.fish--dangerous .fish__label{visibility:hidden;opacity:0}.fish--dangerous .fish__sprite{filter:drop-shadow(0 0 3px rgba(255,102,102,.5));opacity:.86}.fish--dangerous.fish--near-player .fish__label{visibility:visible;opacity:1}}@media (max-width: 360px){.topbar__brand{display:none}.topbar{grid-template-areas:"actions" "stats" "hint";grid-template-columns:1fr}.topbar__actions{width:100%;justify-content:center;justify-self:stretch}}@media (max-height: 520px){.topbar{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));grid-template-areas:"stats actions";grid-template-columns:auto 1fr;gap:4px;padding:6px}.topbar__brand,.topbar__hint{display:none}.topbar__actions{width:auto;gap:3px;justify-content:flex-start;justify-self:end}.aquarium-stat{min-width:44px;padding:4px}.aquarium-stat span{display:block;font-size:8px;letter-spacing:.08em}.aquarium-stat strong{font-size:13px}.btn{min-height:40px;padding:6px;font-size:12px}.fish__label{max-width:min(120px,100vw - 18px);padding:4px 6px 5px}.fish__label strong{font-size:10px}.aquarium-dialog{padding:9px}.aquarium-dialog__panel{width:min(620px,100%);padding:17px 20px;border-radius:17px}.aquarium-dialog__eyebrow{min-height:24px;margin-bottom:8px;padding:3px 9px}.aquarium-dialog h1{font-size:22px}.aquarium-dialog p{margin:8px auto 12px;font-size:12px;line-height:1.42}.aquarium-dialog__primary{min-height:40px}}@media (prefers-contrast: more){.fish__label,.topbar,.aquarium-dialog__panel{border-width:2px;background-color:#000a11f5}.fish--dangerous .fish__label{border-width:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (forced-colors: active){.ocean:before,.ocean:after,.ocean__rays,.marine-snow,.bubbles{display:none}.topbar,.aquarium-stats,.aquarium-dialog,.aquarium-dialog__panel,.aquarium-noscript,.fish__label,.btn{border-color:CanvasText;background:Canvas;box-shadow:none;color:CanvasText;text-shadow:none}.btn:focus-visible,.ocean:focus-visible{outline:3px solid Highlight;outline-offset:2px}.fish--edible .fish__label{border-style:solid;border-color:CanvasText}.fish--dangerous .fish__label{border-width:3px;border-style:dashed;border-color:CanvasText}.fish__label:before,.fish--player .fish__label:before{border-color:CanvasText;background:Canvas;color:CanvasText}.fish--player:before{border:3px double Highlight;box-shadow:none}.fish--player .fish__sprite{filter:none}}