.home{width:auto;min-width:176px;height:58px;font:700 11px/1 var(--font-geist-mono);letter-spacing:.12em;background:linear-gradient(110deg,#123d2d,#1c684b);border-color:#86e9c687;padding:0 22px;box-shadow:0 0 28px #59d7aa22}.home span{margin-left:12px}.atlas nav{z-index:5;background:#06110fe8;gap:10px;padding:10px 0;position:sticky;top:-30px}.atlas nav button{color:#9abaae;min-width:132px;height:54px;font-weight:700}.atlas nav button.on{background:#267656;border-color:#9dffdc;box-shadow:0 0 24px #65e5b944}.grid{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:50px}.animal{aspect-ratio:1.12;background-color:#07130f;background-position:50%;background-repeat:no-repeat;background-size:100% 100%,contain;border-color:#9ce8cb4a;transition:all .2s;box-shadow:0 14px 34px #0005}.animal:hover,.animal:focus-visible{border-color:#8ff1ce;outline:none;transform:translateY(-3px);box-shadow:0 18px 42px #0008,0 0 24px #67dab52e}.animal>span{color:#d9f5e9;background:#03100dbd;padding:7px 9px;top:15px;left:15px}.animal>div{bottom:18px;left:20px;right:20px}.animal h2{font-size:clamp(20px,1.8vw,30px);font-weight:500}.animal p{color:#d1e2da;max-width:85%;font-size:12px;line-height:1.4}.animal>b{background:var(--mint);color:#08251b;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid;bottom:20px;right:18px}.detail{grid-template-columns:50% 50%}.detail-photo{background-color:#07130f;background-repeat:no-repeat;background-size:contain;border:1px solid #8ce8c73b;margin:3vh}.detail article{align-self:stretch;height:100dvh;padding:7vh 6vw 9vh 3vw;overflow-y:auto}.stats{margin:25px 0}.detail article section{padding:18px 20px}.detail article section+section{margin-top:10px}.detail article section p{color:#cddbd5;font-size:14px;line-height:1.65}.detail article .did{background:#0a1d17}.x{background:#123d2de8;border-color:#8ee7c58a;width:62px;height:62px;font-size:31px}.close{background:#123d2d;min-width:180px;height:58px;margin-top:18px;font-weight:700}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:43% 57%}}@media (max-width:600px){.grid{grid-template-columns:1fr}.home{min-width:142px}.animal h2{font-size:23px}.detail{display:block;overflow-y:auto}.detail-photo{height:42%;margin:0}.detail article{height:auto;padding:28px 24px 80px;overflow:visible}}.grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(290px,27vw,390px);align-items:stretch}.animal{aspect-ratio:auto;width:100%;min-width:0;height:100%;min-height:0}.lab-dock{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:360px}}@media (max-width:600px){.grid{grid-template-columns:1fr;grid-auto-rows:350px}}.atlas{padding-right:140px}.grid{grid-auto-rows:auto}.animal{aspect-ratio:4/3;background-position:50%,50%;background-size:100% 100%,cover;height:auto}.lab-dock{grid-template-columns:1fr;top:50%;right:24px;translate:0 -50%}.lab-dock button{width:88px}@media (max-width:900px){.atlas{padding-bottom:120px;padding-right:4vw}.grid{grid-auto-rows:auto}.animal{aspect-ratio:4/3}.lab-dock{grid-template-columns:repeat(3,1fr);top:auto;bottom:50px;right:50%;translate:50%}.lab-dock button{width:92px}}@media (max-width:600px){.atlas{padding-bottom:118px}.grid{grid-auto-rows:auto}.animal{aspect-ratio:4/3}.lab-dock{bottom:44px}.lab-dock button{width:82px}}.lab-dock{background:linear-gradient(145deg,#0d281fcc,#03100df2);border:1px solid #a7ffdf70;border-radius:18px;gap:10px;padding:10px;box-shadow:0 20px 55px #000a,0 0 34px #66e7b72b}.lab-dock button{color:#edfff8;background:linear-gradient(145deg,#164b38,#0a241b);border:1px solid #a6ffdf55;border-radius:13px;min-height:88px;transition:transform .18s,filter .18s,box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff18,0 8px 20px #0005}.lab-dock button:nth-child(2){background:linear-gradient(145deg,#19435d,#0a2635);border-color:#82cff073}.lab-dock button:nth-child(3){background:linear-gradient(145deg,#67421b,#31200d);border-color:#ffc87873}.lab-dock button:hover,.lab-dock button:focus-visible{filter:brightness(1.2);outline-offset:2px;outline:2px solid #e5fff5;transform:scale(1.07);box-shadow:0 12px 30px #0008,0 0 24px #80edc85c}.lab-dock button:active{transform:scale(.96)}.lab-dock b{color:#0a3426;background:#b3ffe4;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto;font-size:25px;animation:2.4s ease-in-out infinite labPulse;display:grid;box-shadow:0 0 22px #86e9c66b}.lab-dock button:nth-child(2) b{color:#102f43;background:#a8ddff;box-shadow:0 0 22px #75caff6b}.lab-dock button:nth-child(3) b{color:#452b09;background:#ffd089;box-shadow:0 0 22px #ffc4656b}.lab-dock span{color:#fff;letter-spacing:.14em;margin-top:10px;font-size:9px;font-weight:800}@keyframes labPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.lab-dock b{animation:none}}@media (max-width:900px){.lab-dock{gap:8px;padding:8px}.lab-dock button{min-height:76px}.lab-dock b{width:35px;height:35px;font-size:21px}.lab-dock span{font-size:8px}}.lab-dock button{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.lab-dock b svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}.lab-dock span{text-align:center;width:100%;display:block}