@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 12px 2px rgba(56,189,248,.5)}50%{box-shadow:0 0 24px 4px rgba(56,189,248,.9)}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-shimmer{animation:shimmer 4s linear infinite;background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2),hsla(0,0%,100%,.1),transparent);background-size:200% 100%}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin-slow{animation:spinSlow 8s linear infinite}.shadow-glow{box-shadow:0 0 16px 2px rgba(56,189,248,.7)}.shadow-glow-strong{box-shadow:0 0 24px 4px rgba(56,189,248,.9)}.shadow-inner-glow{box-shadow:inset 0 2px 24px 0 rgba(172,224,255,.2)}.bg-hexagon-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10h30l15 25.98L45 50H15L0 25.98L15 10z' fill='%2338bdf8' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.resource-particle{position:absolute;border-radius:50%;background:#fff;pointer-events:none}.transaction-effect{position:absolute;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.nft-border{position:relative}.nft-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(45deg,#38bdf8,#14b8a6,#8b5cf6,#38bdf8);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinSlow 8s linear infinite}.submarine-selection-backdrop{background:radial-gradient(circle at center,rgba(8,47,73,.8) 0,rgba(0,10,30,.95) 100%)}.submarine-glow{position:relative}.submarine-glow:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:16px;background:linear-gradient(45deg,rgba(6,182,212,.5),rgba(59,130,246,.5));filter:blur(15px);opacity:0;z-index:-1;transition:opacity .3s ease-in-out}.submarine-glow.active:before{opacity:1}.submarine-model{transition:transform .5s ease,filter .5s ease}.submarine-model.active{transform:scale(1.05)}.submarine-viewport{position:relative;overflow:hidden}.submarine-viewport:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(125,211,252,.3),rgba(125,211,252,0) 50%);border-radius:50%}.submarine-stats-bar{height:8px;background:rgba(8,145,178,.3);border-radius:4px;overflow:hidden;position:relative}.submarine-stats-bar .fill{height:100%;background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:4px;transition:width .5s ease}.stat-label{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(125,211,252,.8);margin-bottom:2px}.play-button{position:relative;overflow:hidden;transition:all .3s ease}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.title-glow{text-shadow:0 0 10px rgba(6,182,212,.5),0 0 20px rgba(6,182,212,.3)}.caustics-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/water-caustics.png) repeat;opacity:.1;mix-blend-mode:screen;animation:caustics-move 20s linear infinite;pointer-events:none}@keyframes caustics-move{0%{background-position:0 0}to{background-position:100% 100%}}