.atlas-water,.atlas-screen,.species-water{--aw-top: #26808c;--aw-mid: #19606f;--aw-deep: #0e2747;--aw-ink: #effbfc;--aw-ink-2: rgba(239, 251, 252, .9);--aw-glass: rgba(6, 30, 36, .32);--aw-glass-line: rgba(255, 255, 255, .2);--aw-glow: rgba(255, 236, 170, .55)}.dark .atlas-water,.dark .atlas-screen,.dark .species-water{--aw-top: #145059;--aw-mid: #0b2f3a;--aw-deep: #050f22;--aw-ink-2: rgba(239, 251, 252, .72);--aw-glass: rgba(2, 14, 18, .45);--aw-glass-line: rgba(255, 255, 255, .14);--aw-glow: rgba(255, 214, 120, .42)}.atlas-water{position:relative;overflow:clip;border-radius:28px;color:var(--aw-ink);background:linear-gradient(180deg,var(--aw-top) 0%,var(--aw-mid) 38%,var(--aw-deep) 100%);isolation:isolate}.atlas-rays{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;z-index:0;background:linear-gradient(104deg,transparent 18%,rgba(255,255,255,.1) 22%,transparent 27%),linear-gradient(97deg,transparent 44%,rgba(255,255,255,.08) 49%,transparent 55%),linear-gradient(110deg,transparent 63%,rgba(255,255,255,.07) 67%,transparent 72%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,transparent 100%);transform-origin:50% 0;animation:atlas-rays 14s ease-in-out infinite alternate}@keyframes atlas-rays{0%{transform:skew(-3deg)}to{transform:skew(4deg)}}.atlas-surface{z-index:30;padding:16px 12px 12px}.atlas-surface-wave{position:absolute;left:0;right:0;top:0;height:18px;pointer-events:none;opacity:.55;background:radial-gradient(14px 7px at 14px 0,rgba(255,255,255,.5),transparent 70%) 0 0 / 28px 18px repeat-x}.atlas-stretch{position:relative;container-type:inline-size;content-visibility:auto;z-index:1}.atlas-stretch:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--tint, transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%)}.atlas-stretch[data-zone=munte]{--tint: rgba(170, 238, 246, .1)}.atlas-stretch[data-zone=rau]{--tint: rgba(90, 150, 220, .1)}.atlas-stretch[data-zone=lac]{--tint: rgba(70, 180, 130, .09)}.atlas-stretch[data-zone=delta]{--tint: rgba(150, 170, 70, .12)}.atlas-stretch[data-zone=mare]{--tint: rgba(40, 90, 210, .12)}.atlas-stretch[data-zone=ocrotite]{--tint: rgba(0, 0, 0, .2)}.atlas-stretch-head{position:absolute;left:16px;right:16px;top:18px;z-index:2;pointer-events:none}.atlas-weed{position:absolute;bottom:0;width:46px;height:120px;pointer-events:none;transform-origin:50% 100%;animation:atlas-weed 6s ease-in-out infinite alternate;opacity:.5}@keyframes atlas-weed{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.atlas-bubble{position:absolute;bottom:0;width:var(--b, 6px);height:var(--b, 6px);border-radius:50%;border:1px solid rgba(255,255,255,.45);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 60%);pointer-events:none;animation:atlas-bubble var(--rise-s, 9s) linear infinite;animation-delay:var(--rise-delay, 0s);opacity:0}@keyframes atlas-bubble{0%{transform:translate(0);opacity:0}10%{opacity:.8}50%{transform:translate(6px,calc(var(--rise, -400px) / 2))}90%{opacity:.5}to{transform:translate(-4px,var(--rise, -400px));opacity:0}}.atlas-band{position:absolute;left:0;right:0;pointer-events:none}.atlas-band .atlas-fish{pointer-events:auto}.atlas-band[data-near=false] .atlas-fish,.atlas-band[data-near=false] .atlas-face,.atlas-band[data-near=false] .atlas-bob{animation:none}.atlas-fish{position:absolute;left:0;top:var(--y);width:var(--box);height:var(--box);border-radius:40%;-webkit-tap-highlight-color:transparent;animation:atlas-swim var(--swim) ease-in-out infinite;animation-delay:var(--delay);transition:opacity .26s var(--ft-ease)}.atlas-face{position:absolute;inset:0;animation:atlas-face var(--swim) ease-in-out infinite;animation-delay:var(--delay)}.atlas-bob{position:absolute;inset:0;animation:atlas-bob var(--bob, 3.4s) ease-in-out infinite alternate}@keyframes atlas-swim{0%,97%,to{transform:translate(0)}47%,50%{transform:translate(calc(100cqw - 100%))}}@keyframes atlas-face{0%,47%{transform:scaleX(-1)}50%,97%{transform:scaleX(1)}to{transform:scaleX(-1)}}@keyframes atlas-bob{0%{transform:translateY(-3px) rotate(-1.5deg)}to{transform:translateY(3px) rotate(1.5deg)}}.atlas-fish:hover,.atlas-fish:focus-visible,.atlas-fish[data-still=true],.atlas-stretch[data-live=false] .atlas-fish,.atlas-fish:hover .atlas-face,.atlas-fish:focus-visible .atlas-face,.atlas-fish[data-still=true] .atlas-face,.atlas-stretch[data-live=false] .atlas-face,.atlas-stretch[data-live=false] .atlas-bob,.atlas-stretch[data-live=false] .atlas-bubble,.atlas-stretch[data-live=false] .atlas-weed{animation-play-state:paused}.atlas-fish:focus-visible{outline:2px solid #fff;outline-offset:2px}.atlas-fish[data-dim=true]{opacity:.2}.atlas-halo{position:absolute;inset:12%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--aw-glow),transparent);opacity:0;transition:opacity .24s var(--ft-ease)}.atlas-fish:hover .atlas-halo,.atlas-fish:focus-visible .atlas-halo,.atlas-fish[data-lit=true] .atlas-halo{opacity:1}.atlas-ping{position:absolute;inset:4%;border-radius:50%;border:2px solid rgba(255,236,170,.9);pointer-events:none;animation:atlas-ping 1.6s ease-out infinite}@keyframes atlas-ping{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.15);opacity:0}}.atlas-fish-name{position:absolute;left:50%;bottom:86%;transform:translate(-50%);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;color:var(--aw-ink);background:#04161cbd;border:1px solid var(--aw-glass-line);opacity:0;pointer-events:none;transition:opacity .2s var(--ft-ease)}.atlas-fish:hover .atlas-fish-name,.atlas-fish:focus-visible .atlas-fish-name,.atlas-fish[data-lit=true] .atlas-fish-name{opacity:1}.atlas-popup{position:absolute;z-index:40;contain:layout style;animation:atlas-popup-in .2s var(--ft-ease) both}@keyframes atlas-popup-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.atlas-cards{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:8px calc(50% - min(39vw,200px)) 22px;scrollbar-width:none;outline:none}.atlas-cards::-webkit-scrollbar{display:none}.atlas-card{display:flex;flex:0 0 min(78vw,400px);scroll-snap-align:center}.atlas-screen{position:relative;overflow:hidden;background:radial-gradient(110% 80% at 50% 62%,rgba(255,255,255,.12),transparent 64%),linear-gradient(180deg,var(--aw-top) 0%,var(--aw-mid) 55%,var(--aw-deep) 140%)}.atlas-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% 62%,transparent 0 22px,rgba(255,255,255,.06) 22px 23px)}.atlas-screen.atlas-tile:before{background:radial-gradient(circle closest-side at 50% 50%,transparent 62%,rgba(255,255,255,.08) 62% 66%,transparent 66%)}.atlas-screen-art{position:absolute;left:50%;top:54%;width:96%;aspect-ratio:1;transform:translate(-50%,-50%)}@supports (animation-timeline: view()){.atlas-card[data-near=true]{animation:atlas-card-focus linear both;animation-timeline:view(inline)}.atlas-card[data-near=true] .atlas-drift{animation:atlas-drift linear both;animation-timeline:view(inline)}}@keyframes atlas-card-focus{0%{transform:scale(.88);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(.88);opacity:.5}}@keyframes atlas-drift{0%{transform:translate(12%)}to{transform:translate(-12%)}}.species-water{position:relative;overflow:hidden;color:var(--aw-ink);background:radial-gradient(90% 70% at 50% 64%,rgba(255,255,255,.14),transparent 66%),linear-gradient(180deg,var(--aw-top) 0%,var(--aw-mid) 58%,var(--aw-deep) 130%)}.species-water-fish{position:absolute;left:50%;top:52%;width:min(118%,640px);aspect-ratio:1;transform:translate(-50%,-50%)}.species-water-sway{position:absolute;inset:0;animation:atlas-bob 4.6s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.atlas-rays,.atlas-weed,.atlas-bubble,.atlas-bob,.atlas-ping,.species-water-sway,.atlas-popup{animation:none}.atlas-bubble{display:none}.atlas-fish{animation:none;transform:translate(calc((100cqw - 100%) * var(--rest, .5)))}.atlas-face{animation:none;transform:scaleX(var(--facing, 1))}.atlas-card,.atlas-card .atlas-drift{animation:none}}