*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,#1c7d9c,#12617e 20%,#0a4157,#062a3c 64%,#041a28,#02101a);color:#eaf6fa;font-family:Nunito,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0}button{font-family:inherit}.pressable{transition:transform .12s ease,filter .12s ease}.pressable:active{transform:translateY(2px) scale(.985);filter:brightness(1.06)}@keyframes kFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kPop{0%{opacity:0;transform:translate(-50%,4px) scale(.7)}55%{transform:translate(-50%) scale(1.08)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes kFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes kFloatS{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes kSway{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@keyframes kGlow{0%,to{box-shadow:inset 0 1px #ffffff2e,0 0 26px -6px #78ebff80}50%{box-shadow:inset 0 1px #ffffff2e,0 0 52px 2px #78ebffcc}}@keyframes kPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes kSnow{0%{transform:translateY(-20px) translate(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(880px) translate(26px);opacity:0}}@keyframes kRay{0%,to{opacity:.5;transform:skew(-9deg) translate(0)}50%{opacity:1;transform:skew(-9deg) translate(18px)}}@keyframes kRise{0%{transform:translateY(0) translate(0) scale(.8);opacity:0}12%{opacity:.9}to{transform:translateY(-780px) translate(var(--dx, 20px)) scale(1.1);opacity:0}}@keyframes kCount{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes kSwim{0%,to{transform:translate(0)}50%{transform:translate(16px)}}@keyframes kReefBub{0%{transform:translateY(0) scale(.55);opacity:0}22%{opacity:.75}to{transform:translateY(-172px) scale(1);opacity:0}}@keyframes kBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes kLoad{0%{left:-56px}50%{left:78px}to{left:-56px}}