:root{--text1:#d2f1ff;--background:#0a0e14;--foreground:#00f4ff;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{color:var(--text1);background-repeat:no-repeat;background-size:cover;font-family:Orbitron,monospace}#root{text-align:center;box-sizing:border-box;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}body{margin:0}.search-page-container{z-index:1;height:55vh}.under-title-text{letter-spacing:1px;color:#ffebe7;z-index:5;flex-direction:row;justify-content:center;align-items:center;gap:4em;height:7em;font-family:Quantico;font-size:1em;display:flex}.under-title-text p{letter-spacing:.2em;font-size:1.3em}.search-area{justify-content:center;align-items:center;width:100%;height:10vh;margin-bottom:1em;font-family:Quantico;display:flex}.search-wrapper{clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,76% 100%,68% 86%,46% 84%,40% 100%,4% 100%,0% 85%);background:#ff4d00;width:90%;height:7vh;margin-bottom:2.2em;padding:2px;display:inline-block;position:relative}.search-bar{clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,76% 100%,68% 86%,46% 84%,40% 100%,4% 100%,0% 85%);letter-spacing:1px;background:#00051a;border:none;width:90%;padding:1.5em;font-family:Orbitron;font-size:1em}.search-bar:focus{background:#000a0ff3;border:none;outline:1px solid orange}.search-btn{cursor:pointer;color:#8affff;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-80%)translate(-100%)}.search-wrapper.highlight:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(120deg,#0000,#00ffff59,#0000);width:100%;height:100%;animation:.6s scan-sweep;position:absolute;top:0;left:-100%}.search-wrapper.highlight{animation:.6s input-pulse}@keyframes input-pulse{0%{box-shadow:0 0 #0ff0}50%{box-shadow:0 0 12px #0ffc}to{box-shadow:0 0 #0ff0}}.suggestions-area{clip-path:polygon(0 13%,5% 0,17% 0%,20% 8%,47% 8%,51% 0%,72% 0%,74% 10%,97% 11%,100% 0,100% 100%,83% 100%,80% 95%,61% 95%,58% 100%,36% 100%,31% 97%,3% 96%,0 100%);z-index:2;filter:drop-shadow(0 300px 10px #16fdfd99);background:#04001486;flex-direction:column;justify-content:center;align-items:center;height:28vh;padding:2px;display:flex;position:relative}.suggestions-area:before{content:"";clip-path:polygon(0 13%,5% 0,17% 0%,20% 8%,47% 8%,51% 0%,72% 0%,74% 10%,97% 11%,100% 0,100% 100%,83% 100%,80% 95%,61% 95%,58% 100%,36% 100%,31% 97%,3% 96%,0 100%);background:#c6fffa;width:100%;height:5%;position:absolute;bottom:0}.suggestions-area:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 9px) 0 0/100% 20px;position:absolute;inset:0}.suggestions-area:hover:after{animation:1.2s linear infinite scanlines}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 20px}}.suggestions-area p{z-index:99;letter-spacing:2px;color:#9cffff;font-size:2em}.search-result-wrapper{flex-flow:wrap;height:35vh;display:flex;position:relative;overflow-y:auto}.search-result-wrapper-deco{background:#e0ffff;width:100vw;height:2px;position:absolute;bottom:15px;box-shadow:0 0 10px #0ff}.info-cards-container{background:#0000008e;flex-flow:wrap;justify-content:center;align-items:center;gap:3em;height:40vh;padding:1em;display:flex;overflow:auto}.info-card{cursor:crosshair;flex-direction:column;min-width:10vw;max-width:200px;height:250px;padding:1em;transition:all .3s;display:flex;position:relative;overflow:hidden}.info-card:before{content:"";clip-path:polygon(66% 0,92% 0,100% 8%,100% 89%,91% 100%,7% 100%,0 92%,0 0);z-index:0;background:orange;position:absolute;inset:0}.info-card:after{content:"";clip-path:polygon(66% 0,92% 0,100% 8%,100% 89%,91% 100%,7% 100%,0 92%,0 0);z-index:0;background:#01011a;padding:1em;transition:all .3s ease-in;position:absolute;inset:2px}.info-card:hover{transform:scale(1.02)}.info-card>*{z-index:1;position:relative}.btn-container{z-index:99;flex-direction:row;justify-content:center;align-items:center;gap:3em;width:100%;margin-top:1.5em;margin-bottom:0;display:flex}.btn-wrapper{clip-path:polygon(0 0,29% 0,36% 10%,100% 9%,100% 100%,0 100%,0 22%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000108;padding:2px}.btn-wrapper button{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);clip-path:polygon(0 0,29% 0,36% 10%,100% 9%,100% 100%,0 100%,0 22%);color:#ffefd1;z-index:3;letter-spacing:2px;background:#0a164f34;border:none;justify-content:center;align-items:center;width:10em;height:4em;font-family:Quantico;font-size:1em;transition:all .2s ease-in;display:flex;position:relative}.btn-wrapper button:hover{cursor:pointer;background:#2316052f;transform:scale(1.08)}.info-card-img-area{background:#000;justify-content:center;align-items:center;width:auto;height:150px;margin-bottom:.5rem;font-size:.8rem;display:flex}.selected-info-card{z-index:99;opacity:0;filter:blur(10px);max-width:600px;height:80vh;padding:3rem;animation:.45s ease-out forwards card-load;position:relative;overflow:hidden;transform:scale(.85)translateY(40px)}@keyframes card-load{0%{opacity:0;filter:blur(10px);transform:scale(.9)}to{opacity:1;filter:blur();transform:scale(1)}}.selected-info-card:before{content:"";clip-path:polygon(0 10%,8% 0,61% 0,66% 4%,92% 5%,100% 11%,100% 100%,9% 100%,0 91%);z-index:0;background:orange;animation:.4s ease-out border-glow;position:absolute;inset:0}@keyframes border-glow{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}.selected-info-card:after{content:"";pointer-events:none;clip-path:polygon(0 10%,8% 0,61% 0,66% 4%,92% 5%,100% 11%,100% 100%,9% 100%,0 91%);z-index:1;background:repeating-linear-gradient(#000425 0,#001031ec 19px,#0000 20px 20px) 0 0/100% 20px;animation:1.2s linear infinite scanlines;position:absolute;inset:3px}.if-selected{z-index:99;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.selected-info-card>*{z-index:2;position:relative}.selected-name-wrapper{opacity:0;background:#000c25;border:1px solid orange;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;height:100%;margin:.5em;animation:.3s ease-out .25s forwards content-fade;display:flex;transform:translateY(10px)}@keyframes content-fade{to{opacity:1;transform:translateY(0)}}.selected-name{color:var(--col1);text-shadow:0 0 3px #cb1f00,0 0 5px #e32a00,0 0 10px #e63a00,0 0 15px #e65100,0 0 25px #e60f00;border-top:1px solid orange;margin-bottom:0;padding:.5rem;font-size:clamp(1.1em,1.6vw,2em);font-weight:900;animation:.8s ease-out glitch-load;position:relative}.selected-name:after{content:attr(data-text);color:#fff;text-shadow:2px 2px #00e5ff,-2px -2px orange;opacity:0;width:100%;animation:.8s ease-out glitch-anim;position:absolute;top:0;left:0}@keyframes glitch-load{0%{opacity:0;transform:translateY(10px)}50%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-anim{0%{opacity:1;clip-path:inset(80% 0 0);transform:translate(-2px)}20%{clip-path:inset(10% 0 85%);transform:translate(2px)}40%{clip-path:inset(40% 0);transform:translate(-2px)}60%{clip-path:inset(20% 0 60%);transform:translate(2px)}80%{clip-path:inset(60% 0 20%);transform:translate(-1px)}to{opacity:0;clip-path:inset(0);transform:translate(0)}}.status-wrapper{background:#00000080;border:1px solid orange;width:80%}.status-wrapper p{border-bottom:1px solid orange;flex-direction:row;justify-content:space-between;align-items:center;padding-left:.5em;padding-right:.5em;display:flex}.selected-name-img-area{border:1px solid orange;flex-direction:column;justify-content:center;max-width:50%;max-height:50%;margin-top:1rem;margin-bottom:1rem;display:flex}.species-list{z-index:99;background:#fff;width:40px;height:500px}.see-more{z-index:99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03011cbe;border:1px solid #ffc04c;flex-direction:row;align-items:center;width:16vw;min-width:12vw;height:5vh;margin-top:1.4em;padding:0;display:flex;position:relative;overflow:hidden}.see-more:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#00ffff40,#0000);width:100%;height:100%;position:absolute;top:0;left:-100%}.see-more:after{content:"";background:linear-gradient(90deg,#00f0ff,#0000);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #0ff9}.see-more:hover:after{width:100%}.see-more:hover:before{animation:.6s scan-sweep}.show-more-btn{cursor:pointer;letter-spacing:1px;color:#0ff;background:0 0;border:none;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%;margin:0;padding:0;font-family:Orbitron;display:flex;position:absolute}.show-more-btn p{flex-direction:column;justify-content:center;width:100%;margin:0;padding:0;font-size:1em;display:flex}.show-more-btn span{color:navy;background:linear-gradient(orange 10%,#ff4d00 50%);flex-direction:column;justify-content:start;width:35px;height:35px;font-size:2.5em;display:flex}.show-more-list{z-index:999;opacity:0;pointer-events:none;flex-direction:column;justify-content:space-around;width:15vw;height:100vh;transition:transform .4s,opacity .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.show-more-list:before{content:"";clip-path:polygon(0 0,100% 0,100% 14%,87% 19%,87% 81%,100% 87%,100% 100%,0 100%);z-index:0;background:orange;position:absolute;inset:0}.show-more-list:after{content:"";clip-path:polygon(0 0,100% 0,100% 14%,87% 19%,87% 81%,100% 87%,100% 100%,0 100%);z-index:1;background:#00000f;position:absolute;inset:2px}.show-more-list>*{z-index:2;position:relative}.show-more-list.open{opacity:1;pointer-events:auto;transform:translate(0)}.show-more-list ul{text-align:start;padding-left:.5em;list-style:none}.show-more-list ul li{letter-spacing:1px;white-space:nowrap;align-items:center;gap:1em;width:10vw;margin-top:.5em;padding:.8em;font-size:.9em;transition:letter-spacing .3s;display:flex;position:relative;overflow:hidden}.show-more-list ul li:after{content:"";background:linear-gradient(90deg,#00f0ff,#0000);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #0ff9}.show-more-list ul li:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#00ffff40,#0000);width:100%;height:100%;position:absolute;top:0;left:-100%}.show-more-list ul li:hover{letter-spacing:2px}.show-more-list ul li:hover:after{width:100%}.show-more-list ul li:hover:before{animation:.6s scan-sweep}@keyframes scan-sweep{0%{left:-100%}to{left:100%}}.arrow-icon{opacity:0;transition:opacity .2s .15s,transform .2s .15s;transform:translate(-5px)}.show-more-list ul li:hover .arrow-icon{opacity:1;transform:translate(0)}.close-menu-btn{color:#adffff;letter-spacing:5px;cursor:pointer;background:0 0;border:1px solid orange;flex-direction:row;justify-content:space-between;align-items:center;width:5vw;margin-left:1em;font-family:Orbitron;font-size:1em;display:flex}.close-menu-btn span{color:navy;background:linear-gradient(orange 10%,#ff4d00 50%);flex-direction:column;justify-content:center;width:35px;height:35px;margin-right:.3em;font-size:2em;display:flex}@media screen and (width>=769px) and (width<=1940px){.search-page-container{background:#0004133b;height:100vh}.search-wrapper{height:9vh}.search-bar{padding:1.3em}.suggestions-area{height:30vh}.see-more{white-space:nowrap;min-width:30vw}.show-more-btn span{color:navy;background:linear-gradient(orange 10%,#ff4d00 50%);flex-direction:column;justify-content:start;width:35px;height:35px;font-size:2.5em;display:flex}.show-more-list{width:30vw}.show-more-list-only{width:88%;height:80%;overflow-y:auto}.show-more-list ul li{width:80%}.close-menu-btn{width:15vw;margin-bottom:1em;padding:0 1em 0 0}.suggestions-area p{font-size:1em}.btn-container button{width:7em;height:2.5em}.search-result-wrapper{flex-direction:column;height:70vh;display:flex}}@media screen and (width<=768px){.search-wrapper{z-index:9;height:3.5em;position:absolute;top:8em;right:0}.search-bar{padding:1em}.search-btn{right:10%}.suggestions-area{width:100vw}.search-btn{transform:translateY(-50%)translate(-30%)}.search-result-wrapper{flex-direction:column;height:70vh;display:flex}.suggestions-area{z-index:2;clip-path:none;filter:none;background:#01041a;height:40vh;margin-top:1em}.suggestions-area p{z-index:99;letter-spacing:2px;color:#9cffff;font-size:1em}.info-cards-container{height:100vh}.see-more{width:40vw}.show-more-btn{width:100%}.suggestions-area:before{background:0 0}.info-card{max-width:500px}.suggestions-area:after{background:0 0}.search-result-wrapper-deco{margin-top:1em;position:sticky;top:5.5rem}.suggestions-area:before{bottom:2em}.selected-info-card{z-index:99;display:flex}.show-more-list{opacity:0;pointer-events:none;width:80vw;height:100vh;position:fixed;inset:0}.show-more-list>*{z-index:9}.show-more-list ul{overflow-y:auto}.show-more-list ul li{width:30vw;overflow:visible}.show-more-list-only{width:85%;height:80%;overflow-y:auto}.close-menu-btn{width:34vw;position:fixed;top:0;right:3em}}@media screen and (width<=480px){.search-page-container{flex-direction:column;justify-content:center;width:100%;min-height:85vh;display:flex}.search-area{width:100%;position:relative;left:0}.search-wrapper{clip-path:none;z-index:0;flex-direction:column;justify-content:center;align-items:center;width:90vw;margin-top:12.5em;margin-bottom:0;padding:4px;display:flex}.suggestions-area:after{position:absolute;inset:0}.suggestions-area:before,.suggestions-area:after{pointer-events:none}.search-bar{clip-path:none;border:3px solid #ff4500;border-radius:1em;width:90%}.search-btn{right:-1em;transform:translateY(-50%)translate(-30%)}.search-result-wrapper{flex-direction:column;height:70vh;display:flex}.suggestions-area{z-index:2;clip-path:none;filter:none;background:#01041a;height:40vh;margin-top:25em;margin-bottom:1em;position:relative;top:1rem}.suggestions-area:after{background:0 0}.suggestions-area:before{bottom:2em}.suggestions-area p{font-size:1em}.btn-container{gap:2em;width:100vw;height:7vh;margin-bottom:5em;padding:2em;overflow-x:auto}.btn-wrapper{justify-content:center;align-items:center;height:50px;display:flex}.btn-wrapper button{font-size:.8em}.info-cards-container{height:100vh}.info-card{width:250px}.see-more{width:70vw;height:35px;position:absolute;bottom:3em}.show-more-btn{width:100%}.show-more-list{opacity:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;z-index:999!important}.show-more-list>*{z-index:999;position:relative}.show-more-list ul,.show-more-list-only{overflow-y:auto}.show-more-list ul li{width:30vw;overflow:visible}.close-menu-btn{width:34vw;padding:0;position:absolute;top:1em;right:2em}.close-menu-btn p{margin:0;padding:0}.selected-info-card{z-index:99}.selected-name-wrapper{z-index:99;width:100vw}.selected-name-img-area{background:#ff4500;max-height:90px}}.about-wrapper{letter-spacing:1px;color:#fdf0d9;z-index:3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%;padding:2em;line-height:2;display:flex}.about-content{width:70%;animation:.5s linear floatIn}@keyframes floatIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=480px){.about-wrapper{height:calc(100vh - 8em);padding:1.5em 1em;line-height:1.6;overflow-y:auto}.about-content{width:100%;padding:1em;font-size:.95em}}.navbar-wrapper{clip-path:polygon(0 13%,15% 12%,20% 0,40% 0,44% 10%,61% 10%,65% 0,100% 0,100% 24%,97% 36%,97% 100%,0 100%);background:linear-gradient(#f37d00 10%,#ff4d00 50%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:10vh;margin-top:6em;display:flex}.navbar-container{letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00051a;border-radius:.2em;flex-direction:row;justify-content:center;align-items:center;gap:6em;width:55vw;height:2em;padding:.4em;font-family:Quantico;font-size:1.5em;display:flex}.navbar-container a{color:#fff;z-index:0;letter-spacing:2px;text-transform:uppercase;text-decoration:none}.nav-link{color:#fff;letter-spacing:1px;padding:.5em 1em;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:#00f0ff}.nav-link.active{color:#abf9ff}.nav-link:after{content:"";background:linear-gradient(90deg,#00f0ff,#0000);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}@media screen and (width>=769px) and (width<=1940px){.navbar-wrapper{height:15vh}}@media screen and (width<=768px){.navbar-wrapper{z-index:20;z-index:0;clip-path:none;width:100%;margin-top:-8em;padding:.5em 0;position:relative;left:0}.navbar-container{border-radius:.6em;flex-wrap:wrap;gap:.5em;width:90%;height:auto;padding:.6em}}@media screen and (width<=480px){.navbar-wrapper{clip-path:none;width:100%;margin-top:0;padding:.5em 0;display:none;position:relative}.navbar-container{border-radius:.6em;flex-wrap:wrap;gap:.5em;width:90%;height:auto;padding:.6em}.nav-link{text-align:center;flex:40%;padding:.8em .5em;font-size:.9em}.nav-link:after{height:1px}}h1{color:#ffdba5;text-shadow:0 0 3px #cb1f00,0 0 5px #e32a00,0 0 10px #e63a00,0 0 15px #e65100,0 0 25px #e60f00;letter-spacing:-5px;white-space:nowrap;font-size:clamp(2em,7vw,6.5em);font-weight:900;line-height:1;position:relative}@media screen and (width<=768px){h1{white-space:nowrap;pointer-events:none;font-size:4em;position:fixed;top:0;right:10%}}@media screen and (width<=480px){h1{letter-spacing:-1px;text-align:center;text-shadow:0 0 2px #cb1f00,0 0 4px #e32a00,0 0 6px #e63a00;padding:0 .5em;font-size:2.5em;line-height:1.1;position:fixed;top:0;left:0;right:auto}}@media screen and (width<=360px){h1{left:auto;right:auto;transform:translate(-50%)}}:root{--col1:#ffc039e8;--col2:#ea7500;--col3:#00e5ff;--col4:#00c898;--col5:#008b86;--col6:#020725;--col7:#030927}body{cursor:crosshair;background-image:url(/assets/ocean-bg-G6EvugA5.jpg);background-size:cover;flex-flow:column wrap;justify-content:center;align-items:center;display:flex;overflow-y:auto}.app-container{background:#01000bde;border:2px solid orange;border-radius:.4em;width:60vw;height:100vh;position:relative}.app-wrapper{z-index:3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1em;display:flex}.app-wrapper-fx{clip-path:polygon(0 38%,7% 34%,7% 8%,21% 0,21% 100%,8% 92%,8% 71%,0 68%);z-index:2;background:linear-gradient(orange 10%,#ff4d00 50%);width:9.5vw;height:90vh;position:absolute;left:-2vw}.fx2-parent-wrapper{width:100%;height:100vh;position:absolute;right:0}.app-wrapper-fx2{clip-path:polygon(100% 38%,93% 34%,93% 8%,79% 0,79% 100%,92% 92%,92% 71%,100% 68%);z-index:2;background:linear-gradient(orange 10%,#ff4d00 50%);width:9.5vw;height:90vh;position:absolute;right:-2vw}.app-wrapper-fx>div{color:#0000809d;background:#ffffff46;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:50%;overflow:visible;transform:rotate(-90deg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00020b}::-webkit-scrollbar-thumb{border:2px solid var(--col2);background:#00020b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00020b}.top-effect{z-index:-1;background:linear-gradient(#00020d,#b1590000);height:60%;position:fixed;inset:0}.grid-bg{opacity:.5;z-index:-2;background-image:url(/assets/grid-bg-B78JXCK2.png);background-repeat:repeat;position:fixed;inset:0}.bubbles{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;bottom:0;left:0;overflow:hidden}.bubbles span{background:#fff;border-radius:50%;width:10px;height:10px;animation:10s linear infinite rise;position:absolute;bottom:-50px}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.8}to{opacity:0;transform:translateY(-110vh)scale(1.5)}}.bubbles span:first-child{width:8px;height:8px;animation-duration:8s;left:10%}.bubbles span:nth-child(2){width:12px;height:12px;animation-duration:12s;left:20%}.bubbles span:nth-child(3){animation-duration:9s;left:35%}.bubbles span:nth-child(4){animation-duration:14s;left:50%}.bubbles span:nth-child(5){animation-duration:11s;left:70%}.bubbles span:nth-child(6){animation-duration:10s;left:85%}@media screen and (width>=993px) and (width<=1940px){.app-container,.app-wrapper{height:auto;min-height:100vh}}@media screen and (width<=768px){body{overflow:hidden}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin-top:10em;display:flex;position:fixed;left:0;overflow-y:auto}.fx2-parent-wrapper{display:none}}@media screen and (width<=480px){body{overflow-y:hidden}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin-top:10em;display:flex;position:fixed;left:0;overflow-y:auto}.app-wrapper{background:teal;overflow-y:auto}}