@import url("https://fonts.googleapis.com/css2?family=Loved+by+the+King&display=swap");@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap");*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}*:focus{outline:0}@property --skyColor{syntax:"<color>";inherits:false;initial-value:black}:root{--seaColor:linear-gradient(to bottom,#00a6ff,#041421)}body{animation:dayNight 17s ease-in-out infinite alternate;background:linear-gradient(to bottom,var(--skyColor),#ffbb00)}nav{display:flex;width:100%;justify-content:space-between;position:relative;overflow:hidden}nav .sun{width:300px;height:300px;background:#d1d10e;filter:blur(5px);border-radius:50%;position:absolute;left:50%;z-index:-1;animation:sunset 34s ease-in-out infinite;box-shadow:0 0 5px #fff1a8cc,0 0 15px #fefea399,0 0 30px #ffff9566}nav .star{position:absolute;width:2px;height:2px;background-color:#fff;border-radius:50%;z-index:-10;box-shadow:0 0 6px rgba(255,255,255,0.7)}.shipAndLogo{display:flex;width:90%;justify-content:space-between;margin-left:5%}nav .textLogo img{width:175px;height:71px;object-fit:cover;margin-top:20%}nav .ship img{width:100px;animation:shipMoving 25s linear infinite;z-index:10}nav .sea-container{position:absolute;top:105px;right:-80px;display:flex;flex-direction:row}nav .sea{background:#00a6ff;width:170px;height:100px;border-radius:46%;margin-left:-45px;animation:seaWave 1.5s ease-in-out infinite alternate}nav .seaMonsters img{position:absolute;z-index:-1;width:var(--size);left:var(--xDirection);bottom:var(--yDirection)}nav .seaMonsters .monster{animation:monsterUp var(--speed,7s) linear infinite alternate;animation-delay:var(--delay,0s)}.light-rays{position:absolute;pointer-events:none;width:110%;margin-left:-5%;z-index:10;inset:0;background:repeating-linear-gradient(105deg,transparent 0,rgba(255,255,255,0.025) 4%,transparent 8%);animation:shimmer 17s ease-in-out infinite alternate}.theFullSea{position:relative;width:100%;height:100%;margin-top:-2px;overflow:hidden;background:var(--seaColor)}header{width:100%;height:85vh;overflow:hidden}.bubbleContainer{width:100%;height:100%}.bubbleContainer img{position:absolute;bottom:-50px;left:var(--xDirection);width:var(--size,30px);animation:bubbleEffect var(--speed,15s) linear infinite;animation-delay:var(--delay,0s);z-index:1}header .fishContainer img{position:absolute;top:var(--yDirection);width:var(--size);z-index:0;filter:brightness(90%);--speed-mult:1}header .fishContainer .toRight{left:-100px;animation:fishesToRight calc(var(--speed)*var(--speed-mult)) linear infinite;animation-delay:var(--delay,0s)}header .fishContainer .toLeft{left:-100px;animation:fishesToLeft calc(var(--speed)*var(--speed-mult)) linear infinite;animation-delay:var(--delay,0s)}header .fishContainer .farFish{opacity:50%;z-index:1}.bottomWater{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.bottomWater .floorSection{display:flex;flex-direction:column}.bottomWater .sandCloser{display:block;z-index:2;pointer-events:none;margin-bottom:-2px}.bottomWater .sandMiddle{position:absolute;z-index:1}.bottomWater .sandFar{position:absolute;z-index:0}footer{height:100vh;width:100%;background:linear-gradient(180deg,#847960,#5a513c);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}footer .sand-bed{display:flex;flex-direction:column;align-items:center;width:50%}footer #logoInFooter{width:70%;filter:brightness(60%);opacity:80%;mix-blend-mode:luminosity}footer .snail{width:64px;position:absolute;bottom:-10px;filter:brightness(45%);animation:snailMove 300s linear infinite;pointer-events:none}footer .devName{font-family:"Caveat",cursive;font-size:1.8rem;font-weight:700;color:#4836219d;transform:rotate(-1deg);letter-spacing:2px}footer #bmcLogo{color:black;display:flex;align-items:center;margin:20px;justify-content:center;gap:7px;font-family:Roboto,sans-serif,system-ui,'-apple-system','Segoe UI','Ubuntu','Cantarell','Noto Sans';font-weight:500;font-size:18px;filter:brightness(70%)}footer #bmcLogo img{width:20px}nav .sea:nth-child(1){animation-delay:200ms}nav .sea:nth-child(2){animation-delay:400ms}nav .sea:nth-child(3){animation-delay:600ms}nav .sea:nth-child(4){animation-delay:200ms}nav .sea:nth-child(5){animation-delay:100ms}nav .sea:nth-child(6){animation-delay:0}nav .sea:nth-child(7){animation-delay:280ms}nav .sea:nth-child(8){animation-delay:500ms}nav .sea:nth-child(9){animation-delay:200ms}nav .sea:nth-child(10){animation-delay:400ms}nav .sea:nth-child(11){animation-delay:800ms}nav .sea:nth-child(12){animation-delay:480ms}nav .sea:nth-child(13){animation-delay:100ms}nav .sea:nth-child(14){animation-delay:440ms}nav .sea:nth-child(15){animation-delay:100ms}nav .sea:nth-child(16){animation-delay:300ms}nav .sea:nth-child(17){animation-delay:400ms}nav .sea:nth-child(18){animation-delay:500ms}nav .star:nth-child(1){left:5vw;top:10px}nav .star:nth-child(2){left:10vw;top:40px}nav .star:nth-child(3){left:15vw;top:0}nav .star:nth-child(4){left:20vw;top:85px}nav .star:nth-child(5){left:25vw;top:20px}nav .star:nth-child(6){left:30vw;top:50px}nav .star:nth-child(7){left:35vw;top:0}nav .star:nth-child(8){left:40vw;top:70px}nav .star:nth-child(9){left:45vw;top:30px}nav .star:nth-child(10){left:50vw;top:60px}nav .star:nth-child(11){left:55vw;top:10px}nav .star:nth-child(12){left:60vw;top:25px}nav .star:nth-child(13){left:65vw;top:90px}nav .star:nth-child(14){left:70vw;top:60px}nav .star:nth-child(15){left:75vw;top:-1px}nav .star:nth-child(16){left:80vw;top:80px}nav .star:nth-child(17){left:85vw;top:50px}nav .star:nth-child(18){left:90vw;top:90px}nav .star:nth-child(19){left:5vw;top:50px}.seaweed-container{position:absolute;width:60%;bottom:0;left:25%;display:flex;align-items:flex-end;justify-content:space-between;z-index:2;pointer-events:none}.seaweed{height:250px;width:auto;transform-origin:bottom center;animation:sway 4s ease-in-out infinite alternate}.blade-1{animation-duration:3.5s;margin-right:-15px;animation-delay:var(--delay)}.blade-2{animation-duration:4.8s;animation-delay:var(--delay);height:200px;opacity:.8}.plant-kelp{left:58%;height:280px;animation-duration:3.6s;animation-delay:-0.5s;animation:sway2 4s ease-in-out infinite alternate;transform-origin:bottom center}.plant-feather{left:80%;height:220px;animation-duration:4.8s;animation-delay:-2s;transform-origin:bottom center;animation:sway2 4s ease-in-out infinite alternate}.side-seaweed-container{width:120%;margin-left:-10%;height:64%;position:absolute;display:flex;justify-content:space-between;align-items:flex-end}.the-gap{width:20%}.side-seaweed{height:100%;width:auto;filter:opacity(60%) brightness(90%);transform-origin:bottom center;animation:deepSway 12s ease-in-out infinite alternate;animation-delay:-9s}.side-seaweed2{height:100%;width:auto;filter:opacity(50%) brightness(90%);transform-origin:bottom center;animation:deepSway2 10s ease-in-out infinite alternate}.jellyfishes{position:absolute}.jellyfish{position:absolute;width:120px;height:180px;animation:swim-upJellyFish 10s linear infinite;left:var(--left);animation-delay:var(--delay);filter:opacity(70%)}.bell{fill:rgba(156,131,255,0.75);stroke:#b39ddb;stroke-width:1.5;transform-origin:50% 40px;animation:pulse 2.5s ease-in-out infinite}.bell-glow{fill:rgba(255,255,255,0.4);transform-origin:50% 40px;animation:pulse 2.5s ease-in-out infinite}.tentacle,.arm{fill:none;stroke-linecap:round;transform-origin:50% 60px}.tentacle{stroke:rgba(234,128,252,0.5);stroke-width:2;animation:sway-tentacle 2.5s ease-in-out infinite}.arm{stroke:rgba(179,157,219,0.8);stroke-width:3;animation:sway-arm 2.5s ease-in-out infinite}.t2{animation-delay:.3s}.a2{animation-delay:.15s}.turtle-root{filter:brightness(80%);position:absolute;animation:aquariumGlide 6s ease-in-out infinite alternate}.turtle{position:absolute;width:200px;height:150px;left:0;bottom:400px;z-index:0;animation:swimAcrossTurtle 30s linear infinite}.flipper-near-front{transform-origin:185px 75px;animation:powerStroke 3.5s ease-in-out infinite}.flipper-far-front{transform-origin:180px 78px;animation:powerStroke 3.5s ease-in-out infinite -0.4s}.flipper-near-back{transform-origin:55px 70px;animation:rearSteer 4s ease-in-out infinite}.flipper-far-back{transform-origin:50px 72px;animation:rearSteer 4s ease-in-out infinite -0.6s}.head-group{transform-origin:245px 55px;animation:headBob 4s ease-in-out infinite}.chest-container{position:absolute;width:200px;margin-bottom:150px;z-index:2;left:53%;transform:translateX(-50%);cursor:pointer;filter:brightness(50%);contain:layout paint}.chest-lid{transform-origin:130px 80px;will-change:transform;transition:transform .8s cubic-bezier(0.175,0.885,0.32,1.275)}.chest-container.open .chest-lid{transform:translateY(-55px) rotateX(45deg)}.treasure-glow{opacity:0;transform:scale(0.6);transform-origin:center;transition:opacity .5s ease-in-out,transform .5s ease-in-out;will-change:opacity,transform}.chest-container.open .treasure-glow{opacity:1;transform:scale(1.15)}.quoteSection{position:absolute;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:0;pointer-events:none;filter:opacity(30%);transition:opacity .7s ease}.quoteSection.show{opacity:1;animation:ripple 4s ease-in-out infinite alternate}.underwater-text{font-family:"Montserrat",sans-serif;font-size:.8rem;font-weight:900;text-align:center;width:60%;text-transform:uppercase;letter-spacing:4px;color:rgba(220,255,255,0.85);text-shadow:0 0 10px rgba(0,255,255,0.6),0 0 30px rgba(0,150,255,0.4),0 0 60px rgba(0,100,255,0.3);filter:blur(0.5px);mix-blend-mode:screen;animation:float 6s ease-in-out infinite,ripple 4s ease-in-out infinite alternate}.noticeBoard{position:absolute;opacity:95%;right:10%;bottom:69px;width:150px;transform:rotate(6deg);transform-origin:bottom center;filter:brightness(50%)}.underwater-scroll-btn{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;left:50%;transform:translateX(-50%);top:600px;padding:14px 28px;background:transparent;border:0;color:#e0f7fc;opacity:40%;cursor:pointer;overflow:hidden}.underwater-scroll-btn .down-arrow{width:26px;height:26px;transition:transform .3s ease;animation:pulseArrow 2s infinite}@keyframes shipMoving{0%{transform:translateX(10vw) rotate(-10deg) translateY(0)}10%{transform:translateX(-1vw) rotate(0) translateY(-25px)}20%{transform:translateX(-12vw) rotate(-10deg) translateY(0)}30%{transform:translateX(-23vw) rotate(0) translateY(-25px)}40%{transform:translateX(-34vw) rotate(-10deg) translateY(0)}50%{transform:translateX(-45vw) rotate(0) translateY(-25px)}60%{transform:translateX(-56vw) rotate(-10deg) translateY(0)}70%{transform:translateX(-67vw) rotate(0) translateY(-25px)}80%{transform:translateX(-78vw) rotate(-10deg) translateY(0)}90%{transform:translateX(-89vw) rotate(0) translateY(-25px)}100%{transform:translateX(-100vw) rotate(-10deg) translateY(0)}}@keyframes seaWave{from{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes sunset{from{transform:translateY(-310px) translateX(-50%)}to{transform:translateY(120px) translateX(-50%);background:#eba816}}@keyframes fishesToRight{0%,100%{transform:translate3d(-100px,0,0) scaleX(-1)}45%{transform:translate3d(calc(100vw + 100px),0,0) scaleX(-1)}50%{transform:translate3d(calc(100vw + 100px),0,0) scaleX(1)}95%{transform:translate3d(-100px,0,0) scaleX(1)}99%{transform:translate3d(-100px,0,0) scaleX(-1)}}@keyframes fishesToLeft{0%,100%{transform:translate3d(calc(100vw + 100px),0,0) scaleX(1)}45%{transform:translate3d(-100px,0,0) scaleX(1)}50%{transform:translate3d(-100px,0,0) scaleX(-1)}95%{transform:translate3d(calc(100vw + 100px),0,0) scaleX(-1)}99%{transform:translate3d(calc(100vw + 100px),0,0) scaleX(1)}}@keyframes dayNight{from{--skyColor:black}to{--skyColor:white}}@keyframes bubbleEffect{from{transform:translate3d(0,0,0);opacity:.6}to{transform:translate3d(0,-180vh,0);opacity:0}}@keyframes monsterUp{0%{transform:translateY(0px) rotate(1deg)}10%{transform:translateY(-10px) rotate(-1deg)}20%{transform:translateY(-80px) rotate(1deg)}30%{transform:translateY(-70px) rotate(-1deg)}40%{transform:translateY(-60px) rotate(1deg)}50%{transform:translateY(-50px) rotate(-1deg)}60%{transform:translateY(-40px) rotate(1deg)}70%{transform:translateY(-30px) rotate(-1deg)}80%{transform:translateY(-20px) rotate(1deg)}90%{transform:translateY(-90px) rotate(-1deg)}100%{transform:translateY(-100px) rotate(1deg)}}@keyframes pulseArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes shimmer{0%{opacity:0;transform:scaleX(1) translate3d(10px,0,0)}100%{opacity:1;transform:scaleX(1) translate3d(-40px,0,0)}}@keyframes sway{0%{transform:rotate(-8deg) skewX(-4deg)}100%{transform:rotate(10deg) skewX(5deg)}}@keyframes sway2{0%{transform:rotate(-6deg) skewX(-3deg)}100%{transform:rotate(8deg) skewX(4deg)}}@keyframes deepSway{0%{transform:rotate(-6deg) skewX(-2deg)}50%{transform:rotate(2deg) skewX(1deg)}100%{transform:rotate(7deg) skewX(3deg)}}@keyframes deepSway2{0%{transform:rotate(-6deg) skewX(-2deg) scaleX(-1)}50%{transform:rotate(2deg) skewX(1deg) scaleX(-1)}100%{transform:rotate(7deg) skewX(3deg) scaleX(-1)}}@keyframes swim-upJellyFish{0%{transform:translate3d(0,-90px,0) scale(0.9) rotate(-5deg)}100%{transform:translate3d(var(--toLeft),-800px,0) scale(0.9) rotate(-7deg)}}@keyframes pulse{0%,100%{transform:scale(1)}35%{transform:scale(0.75,1.15)}40%{transform:scale(0.73,1.15)}70%{transform:scale(1.05,0.9)}}@keyframes sway-tentacle{0%,100%{transform:scaleX(1) rotate(0deg)}35%{transform:scaleX(0.5) rotate(-3deg)}70%{transform:scaleX(1.2) rotate(4deg)}}@keyframes sway-arm{0%,100%{transform:scaleX(1) skewX(0deg)}35%{transform:scaleX(0.6) skewX(4deg)}70%{transform:scaleX(1.1) skewX(-4deg)}}@keyframes swimAcrossTurtle{0%{transform:translate3d(-300px,0,0) scaleX(1)}46%{transform:translate3d(calc(100vw + 50px),0,0) scaleX(1)}50%{transform:translate3d(calc(100vw + 50px),0,0) scaleX(-1)}96%{transform:translate3d(-300px,0,0) scaleX(-1)}100%{transform:translate3d(-300px,0,0) scaleX(1)}}@keyframes aquariumGlide{0%{transform:translateY(0px) rotate(-1deg)}50%{transform:translateY(-15px) rotate(2deg)}100%{transform:translateY(5px) rotate(-2deg)}}@keyframes powerStroke{0%,100%{transform:rotate(10deg)}40%{transform:rotate(-55deg)}70%{transform:rotate(-5deg)}}@keyframes rearSteer{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(12deg)}}@keyframes headBob{0%,100%{transform:rotate(0deg)}50%{transform:rotate(3deg)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-15px)}}@keyframes ripple{0%{filter:blur(0.5px) skewX(-1deg) scaleY(1)}100%{filter:blur(1.5px) skewX(1deg) scaleY(1.03);letter-spacing:3.1px}}@keyframes snailMove{0%{left:-100px;transform:scaleX(1)}50%{left:101vw;transform:scaleX(1)}51%{left:101vw;transform:scaleX(-1)}100%{left:-100px;transform:scaleX(-1)}}@media(min-width:601px) and (max-width:900px){.chest-container{margin-bottom:30px}.seaweed-container{width:70%;left:0}.seaweed{height:180px}.plant-kelp{height:230px}.plant-feather{height:190px}.noticeBoard{right:10px;bottom:20px}}@media only screen and (max-width:601px){nav .ship img{animation:shipMoving 14s linear infinite}nav .star{opacity:50%}nav .textLogo img{width:126px;height:auto}nav .ship img{width:80px;margin-top:27px}nav .sea{width:130px}nav .sun{width:150px;height:150px}.light-rays{opacity:40%}nav .seaMonsters img:nth-child(2),nav .seaMonsters img:nth-child(4){display:none}nav .seaMonsters img{width:100px;margin-bottom:40px}header .fishContainer img{width:calc(var(--size) - 10px)}header .fishContainer img{--speed-mult:.4}.bubbleContainer img{bottom:-10px;width:calc(var(--size,20px) - 16px)}.chest-container{margin-bottom:0;width:150px}.jellyfish{width:65px;animation:swim-upJellyFish 15s linear infinite;animation-delay:var(--delay);bottom:-85px}.turtle{width:120px;bottom:150px;z-index:0;filter:brightness(56%);animation:swimAcrossTurtle 20s linear infinite}.seaweed-container{width:100%;left:0}.seaweed{height:150px}.plant-kelp{height:180px}.plant-feather{height:170px}.side-seaweed{height:auto;padding-right:23vw}.side-seaweed2{height:auto}.bottomWater .sandCloser{min-width:500px;object-fit:cover;object-position:center}.bottomWater .sandMiddle{min-width:500px;object-fit:cover;object-position:center}.bottomWater .sandFar{min-width:500px;object-fit:cover;object-position:center}.underwater-text{font-size:.6rem;letter-spacing:3px}.noticeBoard{right:1px;bottom:10px;width:130px}footer .devName{font-size:1.2rem}footer #bmcLogo{margin:10px;font-size:12px}footer #bmcLogo img{width:15px}.underwater-scroll-btn{position:absolute;top:300px;font-size:.6rem;padding:9px 16px;font-weight:600;opacity:40%}.underwater-scroll-btn .down-arrow{width:21px;height:21px}footer .snail{width:40px;bottom:-6px;animation:snailMove 150s linear infinite}footer .sand-bed{width:100%}@keyframes shipMoving{0%{transform:translateX(30vw) rotate(-10deg) translateY(0)}20%{transform:translateX(0vw) rotate(0) translateY(-25px)}40%{transform:translateX(-30vw) rotate(-10deg) translateY(0)}60%{transform:translateX(-60vw) rotate(0) translateY(-25px)}80%{transform:translateX(-90vw) rotate(-10deg) translateY(0)}100%{transform:translateX(-120vw) rotate(0) translateY(-25px)}}@keyframes sunset{from{transform:translateY(-160px) translateX(-50%)}to{transform:translateY(120px) translateX(-50%);background:#eba816}}@keyframes swim-upJellyFish{0%{transform:translate3d(0,85px,0) scale(0.9) rotate(-5deg)}100%{transform:translate3d(var(--toLeft),-700px,0) scale(0.9) rotate(-7deg)}}}