@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Inter:wght@300;400;500;600&family=Orbitron:wght@400;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-title:"Cinzel", serif;--font-ui:"Orbitron", sans-serif;--font-body:"Inter", sans-serif;--cyan:#00f5ff;--teal:#00b4cc;--blue:#06a;--deep:#001a2e;--abyss:#00080f;--glow:#00f5ff99;--gold:gold;--glass:#000f23a6;--glass-border:#00f5ff38}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:#e0f4ff;-webkit-font-smoothing:antialiased;background:#000810;overflow-x:hidden}.loading-screen{z-index:9999;background:radial-gradient(at 50% 60%,#001830 0%,#000308 100%);flex-direction:column;justify-content:center;align-items:center;animation:.5s loadingFadeIn;display:flex;position:fixed;inset:0}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.loading-orb{background:radial-gradient(circle at 35% 35%,#00f5ff,#04a 50%,#001428);border-radius:50%;width:90px;height:90px;margin-bottom:2rem;animation:2s ease-in-out infinite orbPulse;box-shadow:0 0 40px #00f5ff,0 0 80px #00f5ff4d,0 0 120px #0064ff26}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #00f5ff,0 0 80px #00f5ff4d}50%{transform:scale(1.18);box-shadow:0 0 70px #00f5ff,0 0 140px #00f5ff80,0 0 220px #0064ff33}}.loading-bubbles{gap:1rem;margin-bottom:2rem;display:flex}.loading-bubble{background:radial-gradient(circle at 35% 35%,#ffffffe6,#00f5ff 50%,#0000);border:1px solid #00f5ff99;border-radius:50%;width:14px;height:14px;animation:1.8s ease-in infinite riseUp}@keyframes riseUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-80px)scale(.4)}}.loading-text{font-family:var(--font-ui);letter-spacing:6px;color:var(--cyan);text-transform:uppercase;font-size:.85rem;animation:1.5s infinite alternate glowPulse}@keyframes glowPulse{0%{text-shadow:0 0 8px var(--cyan);opacity:.7}to{text-shadow:0 0 20px var(--cyan), 0 0 40px #0af;opacity:1}}.ocean-world{background:linear-gradient(#87ceeb 0%,#5ab8d8 1.5%,#2a8ec0 3%,#1a6ea8 6%,#1060a0 10%,#0c4e88 16%,#083c6e 24%,#052a52 33%,#031c3a 43%,#021228 54%,#010c1c 65%,#000810 76%,#00050c 87%,#000208 95%,#000105 100%);width:100vw;position:relative}.parallax-fg{pointer-events:none;z-index:3;position:absolute;inset:0}.parallax-bg-haze{pointer-events:none;z-index:1;background:radial-gradient(80% 40% at 50% 0,#0064b414 0%,#0000 70%);position:fixed;inset:0}.depth-fog-overlay{pointer-events:none;z-index:35;background:radial-gradient(at 50% 100%,#00020800 0% 100%);transition:background .3s;position:fixed;inset:0}.vignette{pointer-events:none;z-index:36;background:radial-gradient(#0000 50%,#0000088c 100%);position:fixed;inset:0}.hud-depth{z-index:500;pointer-events:none;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:fixed;top:50%;left:1.8rem;transform:translateY(-50%)}.hud-depth-label{font-family:var(--font-ui);letter-spacing:3px;color:#00c8e680;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:upright;font-size:.55rem}.hud-depth-value{font-family:var(--font-ui);color:var(--cyan);text-shadow:0 0 14px var(--cyan), 0 0 30px #00f5ff66;letter-spacing:1px;font-size:1.3rem;font-weight:700;animation:8s ease-in-out infinite hudFlicker}@keyframes hudFlicker{0%,96%,to{opacity:1}97%{opacity:.7}98%{opacity:1}99%{opacity:.8}}@keyframes depthPulse{0%{text-shadow:0 0 14px var(--cyan);transform:scale(1)}50%{text-shadow:0 0 30px #fff, 0 0 50px var(--cyan);color:#fff;transform:scale(1.1)}to{text-shadow:0 0 14px var(--cyan);transform:scale(1)}}.depth-pulse{animation:1s ease-out depthPulse}.hud-depth-bar{background:#00f5ff1a;border-radius:2px;width:2px;height:160px;position:relative;overflow:visible}.hud-depth-fill{background:linear-gradient(to bottom, var(--cyan), #04f);width:100%;height:0%;box-shadow:0 0 8px var(--cyan), 0 0 16px #00f5ff4d;border-radius:2px;transition:height .1s}.hud-zone-marker{font-family:var(--font-ui);color:#00f5ff73;letter-spacing:1px;white-space:nowrap;align-items:center;gap:4px;font-size:.42rem;display:flex;position:absolute;right:8px}.hud-zone-marker:before{content:"";background:#00f5ff66;width:5px;height:1px;display:inline-block}.hud-progress{z-index:500;pointer-events:none;background:#ffffff0a;width:3px;height:100vh;position:fixed;top:0;right:0}.hud-progress-fill{background:linear-gradient(to bottom, var(--cyan), #05f, #039);width:100%;height:0%;box-shadow:0 0 10px var(--cyan);transition:height 50ms}.explorer-log{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:500;pointer-events:none;background:#000f1ea6;border:1px solid #00f5ff2e;border-radius:12px;flex-direction:column;gap:.5rem;width:90%;max-width:500px;padding:1rem 1.5rem;animation:.8s cubic-bezier(.2,.8,.2,1) logSlideUp;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0009}@keyframes logSlideUp{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.log-header{font-family:var(--font-ui);letter-spacing:3px;color:var(--cyan);opacity:.7;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.6rem;display:flex}.log-header:after{content:"";background:linear-gradient(90deg,#00f5ff4d,#0000);flex:1;height:1px}.log-content{font-family:var(--font-body);color:#c8f0ffe6;font-size:.85rem;line-height:1.5;animation:.5s forwards logTextFade}@keyframes logTextFade{0%{opacity:0;filter:blur(2px);transform:translateY(5px)}to{opacity:1;filter:blur();transform:translateY(0)}}.submarine-spotlight{pointer-events:none;z-index:100;clip-path:polygon(0 0,100% 48%,100% 52%,0 100%);mix-blend-mode:screen;transform-origin:100%;will-change:transform, opacity;background:radial-gradient(at 100%,#e6f8ff73 0%,#b4e6ff40 30%,#64b4ff1f 60%,#2878ff0a 80%,#0000 100%);animation:3s ease-in-out infinite spotFlicker;position:fixed;transform:translateZ(0);width:700px!important;height:500px!important}@keyframes spotFlicker{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}30%{opacity:.9;transform:translate(-50%,-50%)scale(1.03)}60%{opacity:1;transform:translate(-50%,-50%)scale(.97)}80%{opacity:.85;transform:translate(-50%,-50%)scale(1.01)}92%{opacity:1}}.ocean-section{justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative}.sec-hero{align-items:flex-end;min-height:120vh;padding-bottom:8vh}.water-surface{pointer-events:none;background:linear-gradient(#50b4ff1a 0%,#1450a040 40%,#0000 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.surface-waves{pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 80px,#ffffff0d 80px 160px);border-radius:50% 50% 0 0;width:120%;height:80px;animation:8s linear infinite waveDrift;position:absolute;top:5%;left:-10%}@keyframes waveDrift{0%{transform:translate(0)scaleY(1)}50%{transform:translate(-80px)scaleY(.8)}to{transform:translate(0)scaleY(1)}}.sun-rays{pointer-events:none;z-index:2;mix-blend-mode:screen;background:linear-gradient(175deg,#ffffb40f 0%,#0000 60%),repeating-conic-gradient(from -5deg at 50% -20%,#ffffb40a 0deg,#0000 4deg 20deg,#ffffb40a 24deg);width:120%;height:80%;animation:25s linear infinite rayRotate;position:absolute;top:-10%;left:-10%}@keyframes rayRotate{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.caustics{pointer-events:none;z-index:2;background:radial-gradient(60% 30% at 30% 20%,#64c8ff0f 0%,#0000 70%),radial-gradient(40% 20% at 70% 40%,#50b4ff0a 0%,#0000 70%);animation:12s ease-in-out infinite alternate causticShift;position:absolute;inset:0}@keyframes causticShift{0%{background-position:0 0,100% 100%;transform:scale(1)}to{background-position:100%,0%;transform:scale(1.05)}}.ship-svg-wrap{transform-origin:bottom;filter:drop-shadow(0 8px 20px #0009);transition:filter .3s;animation:6s ease-in-out infinite shipRock}.ship-svg-wrap:hover{filter:drop-shadow(0 0 20px #00f5ff66)drop-shadow(0 8px 20px #0009)}@keyframes shipRock{0%,to{transform:rotate(-1.5deg)translateY(0)}50%{transform:rotate(1.5deg)translateY(-5px)}}.submarine-wrapper{cursor:pointer;z-index:9;will-change:transform, filter;transition:filter .3s;position:relative}.float-anim{animation:4.5s ease-in-out infinite floatSub}@keyframes floatSub{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.submarine-wrapper:hover{filter:drop-shadow(0 0 25px #00f5ffb3)brightness(1.15)}.sub-light-cone{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(100% 50% at 100%,#e6f8ff6b 0%,#bee6ff33 30%,#8cc8ff1a 55%,#50a0ff0a 75%,#0000 100%);border-radius:50% 0 0 50%;width:260px;height:160px;animation:3.5s ease-in-out infinite coneFlicker;position:absolute;top:48%;right:90%;transform:translateY(-50%)}@keyframes coneFlicker{0%,to{opacity:1}40%{opacity:.85}70%{opacity:1}85%{opacity:.9}}.sub-trail-bubble{animation:subBubble var(--dur,1.5s) ease-out var(--delay,0s) infinite;background:radial-gradient(circle at 35% 35%,#ffffffd9,#64c8ff66 50%,#0000 70%);border:1px solid #ffffff80;border-radius:50%;position:absolute}@keyframes subBubble{0%{opacity:.8;transform:translate(0)scale(1)}to{transform:translate(var(--dx,-30px), var(--dy,-60px)) scale(.3);opacity:0}}.hero-text-block{text-align:center;z-index:20;width:90vw;max-width:900px;position:absolute;bottom:10vh;left:50%;transform:translate(-50%)}.hero-eyebrow{font-family:var(--font-ui);letter-spacing:9px;color:var(--cyan);text-transform:uppercase;opacity:.85;margin-bottom:1.2rem;font-size:.72rem}.hero-title{font-family:var(--font-title);color:#fff;text-shadow:0 0 60px #00f5ff73,0 0 120px #0096ff33,0 6px 30px #000000e6;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6.5rem);font-weight:900;line-height:1.08}.hero-title em{background:linear-gradient(135deg,#00f5ff 0%,#49f 60%,#08f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00c8ff66);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-subtitle{color:#b4dcffbf;letter-spacing:2px;margin-bottom:2.5rem;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:300;line-height:1.6}.scroll-cue{font-family:var(--font-ui);letter-spacing:5px;color:#00f5ff8c;text-transform:uppercase;flex-direction:column;align-items:center;gap:.75rem;font-size:.68rem;display:flex}.scroll-arrow{border-bottom:2px solid;border-right:2px solid;width:22px;height:22px;animation:2s ease-in-out infinite scrollBounce;transform:rotate(45deg)}@keyframes scrollBounce{0%,to{opacity:1;transform:rotate(45deg)translate(0)}50%{opacity:.35;transform:rotate(45deg)translate(5px,5px)}}.plants-layer{pointer-events:all;position:absolute;bottom:0;left:0;right:0;overflow:visible}.plant-svg-wrap{cursor:pointer;will-change:transform, filter;transition:filter .35s,transform .35s;position:absolute;bottom:0}.plant-svg-wrap:hover{filter:drop-shadow(0 0 16px #00f5ffe6)brightness(1.2);transform:scaleY(1.04)}.sway{animation:plantSway var(--sway-dur,3s) ease-in-out var(--sway-delay,0s) infinite;transform-origin:bottom}@keyframes plantSway{0%,to{transform:rotate(calc(var(--sway-start,-4deg) * var(--random-r,1))) skewX(-1deg)}50%{transform:rotate(calc(var(--sway-end,4deg) * var(--random-r,1))) skewX(1deg)}}.sway-fast{animation:plantSwayFast var(--sway-dur,2s) ease-in-out var(--sway-delay,0s) infinite;transform-origin:bottom}@keyframes plantSwayFast{0%,to{transform:rotate(-7deg)skew(-2deg)}50%{transform:rotate(7deg)skew(2deg)}}.bioglow{animation:2.5s ease-in-out infinite alternate bioGlowAnim}@keyframes bioGlowAnim{0%{filter:drop-shadow(0 0 5px #00ffb473)brightness(.9)}to{filter:drop-shadow(0 0 22px #00ffb4)drop-shadow(0 0 40px #00c89680)brightness(1.4)}}.bubble-field{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.css-bubble{animation:bubbleFloat var(--dur,8s) ease-in var(--delay,0s) infinite;will-change:transform, opacity;background:radial-gradient(circle at 35% 35%,#ffffffbf,#64c8ff40 55%,#0000 70%);border:1px solid #ffffff59;border-radius:50%;position:absolute;transform:translateZ(0)}.css-bubble-lg{filter:blur(1.5px);animation:bubbleFloat var(--dur,18s) ease-in var(--delay,0s) infinite;will-change:transform, opacity;background:radial-gradient(circle at 30% 30%,#ffffff59,#50b4ff1f 60%,#0000 80%);border:1px solid #ffffff26;border-radius:50%;position:absolute;transform:translateZ(0)}.css-bubble-sm{animation:bubbleFloat var(--dur,6s) ease-in var(--delay,0s) infinite;will-change:transform, opacity;background:#b4e6ff80;border-radius:50%;position:absolute;transform:translateZ(0)}@keyframes bubbleFloat{0%{opacity:0;transform:translate(0,0)scale(1)}8%{opacity:.75}85%{opacity:.3}to{transform:translate3d(var(--drift,40px), -100vh, 0) scale(.5);opacity:0}}.sub-particle{pointer-events:none;z-index:101;animation:subParticleDrift var(--dur,4s) ease-in-out var(--delay,0s) infinite;will-change:transform, opacity;background:#c8f0ffb3;border-radius:50%;position:fixed;transform:translateZ(0)}@keyframes subParticleDrift{0%,to{opacity:0;transform:translate(0)}20%{opacity:.6}80%{opacity:.2}50%{transform:translate(var(--dx,-40px), var(--dy,-20px))}}.dust-particle{width:2px;height:2px;animation:dustFloat var(--dur,12s) ease-in-out var(--delay,0s) infinite;will-change:transform, opacity;background:#00f5ff73;border-radius:50%;position:absolute;transform:translateZ(0)}@keyframes dustFloat{0%,to{opacity:0;transform:translate(0)}10%{opacity:.65}90%{opacity:.15}50%{transform:translate(var(--dx,30px), var(--dy,-60px))}}.micro-particle{will-change:transform, opacity;animation:microDrift var(--dur,20s) ease-in-out var(--delay,0s) infinite, blink 4s ease-in-out infinite alternate;background:#b4f0ff66;border-radius:50%;position:absolute}@keyframes microDrift{0%{transform:translate(0,0)}50%{transform:translate3d(var(--dx,20px), var(--dy,-30px), 0)}to{transform:translate(0,0)}}@keyframes blink{0%{opacity:.1}to{opacity:.6}}.creature-wrapper{cursor:pointer;z-index:15;will-change:transform, filter;transition:filter .3s,transform .3s;position:absolute;transform:translateZ(0)}.creature-wrapper:hover{filter:drop-shadow(0 0 30px #00f5ffcc)brightness(1.3);transform:scale(1.08)translateZ(0)}.creature-glow-active{filter:drop-shadow(0 0 35px var(--cyan)) brightness(1.55)!important;transform:scale(1.08)!important}.creature-drift{animation:creatureDrift var(--drift-dur,5s) ease-in-out var(--drift-delay,0s) infinite}@keyframes creatureDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.shark-drift{animation:22s linear infinite sharkSwim}@keyframes sharkSwim{0%{transform:translate(-15vw)scaleX(-1)}to{transform:translate(115vw)scaleX(-1)}}.shark-drift-rev{animation:28s linear 10s infinite sharkSwimRev}@keyframes sharkSwimRev{0%{transform:translate(115vw)}to{transform:translate(-15vw)}}.fish-swim-r{animation:fishR var(--dur,14s) linear var(--delay,0s) infinite}@keyframes fishR{0%{transform:translate(-20vw)translateY(0)scaleX(-1)}25%{transform:translate(28vw)translateY(-28px)scaleX(-1)}75%{transform:translate(78vw)translateY(18px)scaleX(-1)}to{transform:translate(120vw)translateY(0)scaleX(-1)}}.fish-swim-l{animation:fishL var(--dur,16s) linear var(--delay,0s) infinite}@keyframes fishL{0%{transform:translate(120vw)translateY(0)}50%{transform:translate(40vw)translateY(-38px)}to{transform:translate(-20vw)translateY(0)}}.jelly-float{animation:jellyFloat var(--jelly-dur,6s) ease-in-out var(--jelly-delay,0s) infinite}@keyframes jellyFloat{0%,to{transform:translateY(0)rotate(-2deg)scale(1)}25%{transform:translateY(-15px)rotate(1deg)scale(1.02)}50%{transform:translateY(-28px)rotate(3deg)scale(1)}75%{transform:translateY(-12px)rotate(-1deg)scale(.98)}}.bio-pulse{animation:3s ease-in-out infinite bioPulse}@keyframes bioPulse{0%,to{filter:drop-shadow(0 0 8px #00ffb480)}50%{filter:drop-shadow(0 0 28px #00ffb4)drop-shadow(0 0 50px #00c89666)brightness(1.45)}}.info-card{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00030ccc;justify-content:center;align-items:center;animation:.2s fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:scale(.95)}to{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:scale(1)}}.info-card-inner{background:linear-gradient(145deg,#00122af2 0%,#000816fa 100%);border:1px solid #00f5ff47;border-radius:22px;width:92%;max-width:540px;padding:2.5rem 2.8rem;animation:.35s cubic-bezier(.34,1.56,.64,1) cardPop;position:relative;box-shadow:0 0 60px #0050b440,0 30px 80px #000000b3,inset 0 1px #ffffff0f}@keyframes cardPop{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.info-card-inner.story-mode{max-width:620px;max-height:85vh;overflow-y:auto}.info-card-story{flex-direction:column;gap:1.2rem;margin:1.5rem 0;display:flex}.info-card-story p{color:#c8ebffcc;border-left:1px solid #00f5ff26;padding-left:1rem;font-size:.95rem;line-height:1.7}.info-card-inner::-webkit-scrollbar{width:4px}.info-card-inner::-webkit-scrollbar-track{background:0 0}.info-card-inner::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:4px}.info-card-icon{filter:drop-shadow(0 0 12px #00f5ff66);margin-bottom:.8rem;font-size:3.2rem;display:block}.info-card-title{font-family:var(--font-title);color:var(--cyan);text-shadow:0 0 24px #00f5ff80;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.info-card-meta{font-family:var(--font-ui);letter-spacing:4px;color:#00f5ff73;text-transform:uppercase;border-bottom:1px solid #00f5ff1a;margin-bottom:1.4rem;padding-bottom:1rem;font-size:.62rem}.info-card-body{color:#c8e6ffe0;margin-bottom:1.5rem;font-size:1rem;line-height:1.75}.info-card-fact{border-left:3px solid var(--cyan);color:#a0dcffe0;background:#00f5ff12;border-radius:0 10px 10px 0;padding:.8rem 1.1rem;font-size:.9rem;font-style:italic;box-shadow:inset 0 0 20px #00f5ff08}.info-card-close{color:var(--cyan);cursor:pointer;background:#00f5ff14;border:1px solid #00f5ff38;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .25s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.info-card-close:hover{background:#00f5ff2e;transform:rotate(90deg)scale(1.1);box-shadow:0 0 16px #00f5ff4d}.section-content{z-index:20;text-align:center;width:90%;max-width:760px;position:relative}.section-content.left{text-align:left;margin-left:5vw;margin-right:auto}.section-content.right{text-align:right;margin-left:auto;margin-right:5vw}.zone-label{font-family:var(--font-ui);letter-spacing:7px;color:#00f5ff80;text-transform:uppercase;margin-bottom:.8rem;font-size:.62rem}.zone-depth{font-family:var(--font-ui);letter-spacing:4px;color:#00f5ff52;margin-bottom:1.5rem;font-size:.68rem}.zone-title{font-family:var(--font-title);color:#fff;text-shadow:0 0 40px #0078dc8c,0 4px 20px #0009;margin-bottom:1.2rem;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:700;line-height:1.08}.zone-desc{color:#b9deffd1;max-width:560px;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.8}.section-content.left .zone-desc{max-width:100%}.section-content.right .zone-desc{margin-left:auto}.glass-panel{-webkit-backdrop-filter:blur(22px)saturate(1.4);color:#e0f4ff;opacity:1;background:#000c209e;border:1px solid #00f5ff2e;border-radius:20px;max-width:540px;padding:clamp(1.6rem,4vw,2.8rem) clamp(1.8rem,5vw,3.2rem);transition:border-color .4s,box-shadow .4s;position:relative;box-shadow:0 8px 48px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#00f5ff73,#0000);border-radius:2px;height:1px;position:absolute;top:0;left:15%;right:15%}.glass-panel:hover{border-color:#00f5ff52;box-shadow:0 16px 60px #0009,0 0 40px #0064c81f,inset 0 1px #ffffff14}.titanic-wrapper{cursor:pointer;z-index:10;width:82vw;max-width:920px;transition:transform .4s;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.titanic-wrapper:hover{transform:translate(-50%)translateY(-6px)}.titanic-glow{filter:brightness(2.8)sepia(.5)hue-rotate(160deg)contrast(1.3)drop-shadow(0 0 25px #0078b473)drop-shadow(0 0 60px #003c644d);transition:filter .5s}.titanic-wrapper:hover .titanic-glow{filter:brightness(4.2)sepia(.2)hue-rotate(150deg)contrast(1.2)drop-shadow(0 0 50px #00c8ff8c)drop-shadow(0 0 100px #0064c873)}.titanic-wrapper.active .titanic-glow{filter:brightness(5.5)sepia(0)drop-shadow(0 0 70px #00f5ffbf)drop-shadow(0 0 120px #0096ff8c)}.titanic-fog{pointer-events:none;z-index:-1;background:radial-gradient(at 50% 80%,#00142800 0%,#000a1959 60%,#00050fa6 100%);animation:8s ease-in-out infinite titanicFogPulse;position:absolute;inset:-40px}@keyframes titanicFogPulse{0%,to{opacity:.8}50%{opacity:1}}.creature-label{color:var(--cyan);font-family:var(--font-ui);letter-spacing:3px;white-space:nowrap;opacity:0;pointer-events:none;background:#000f23e0;border:1px solid #00f5ff47;border-radius:5px;padding:.3rem .8rem;font-size:.58rem;transition:opacity .25s,transform .25s;position:absolute;bottom:110%;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 0 12px #00f5ff26}.creature-wrapper:hover .creature-label,.titanic-wrapper:hover .creature-label{opacity:1;transform:translate(-50%)translateY(0)}.reveal-text{opacity:1;transform:translateY(0)}.global-dark{z-index:30;pointer-events:none;background:#00000500;transition:background .4s;position:fixed;inset:0}.zone-marker-label{font-family:var(--font-ui);letter-spacing:3px;color:#00f5ff4d;text-transform:uppercase;z-index:450;pointer-events:none;writing-mode:vertical-rl;opacity:.6;font-size:.5rem;transition:color .5s,opacity .5s;position:fixed;right:1.5rem}@media (width<=768px){.hud-depth{left:.8rem}.hud-depth-value{font-size:1rem}.sub-light-cone{width:160px;height:100px}.glass-panel{max-width:92vw;padding:1.4rem 1.6rem}.hero-title{font-size:clamp(2.2rem,8vw,3.5rem)}.section-content.left,.section-content.right{text-align:center;margin:0 auto}.zone-desc{max-width:100%}.titanic-wrapper{width:96vw}}@media (width<=480px){.submarine-wrapper svg{width:140px!important}.hud-depth{display:none}.hud-progress{width:2px}}