.ice-depths-container{position:fixed;inset:0;z-index:0;overflow:hidden;background:#020508;opacity:0;transition:opacity 1.5s ease-out}.ice-depths-container.ice-depths-entered{opacity:1}.ice-depths-image{position:absolute;inset:0;width:100%;height:100%;background-image:url(/images/ice-cavern3.PNG);background-size:cover;background-position:50%}.ice-depths-fog{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity}.ice-depths-fog-far{background:linear-gradient(90deg,transparent,rgba(80,130,180,.04) 25%,rgba(100,160,210,.07) 50%,rgba(80,130,180,.04) 75%,transparent);animation:fogFar 90s ease-in-out infinite}.ice-depths-fog-mid{top:30%;background:linear-gradient(90deg,transparent,rgba(100,150,200,.06) 20%,rgba(130,180,230,.1) 55%,rgba(100,150,200,.06) 85%,transparent);animation:fogMid 60s ease-in-out infinite}.ice-depths-fog-near{top:60%;background:linear-gradient(180deg,transparent,rgba(120,170,220,.08) 30%,rgba(150,200,250,.15) 70%,rgba(100,160,210,.2));animation:fogNear 40s ease-in-out infinite}@keyframes fogFar{0%,to{transform:translateX(-8%) scale(1.02);opacity:.6}50%{transform:translateX(8%) scale(1);opacity:.9}}@keyframes fogMid{0%,to{transform:translateX(10%);opacity:.5}50%{transform:translateX(-10%);opacity:.85}}@keyframes fogNear{0%,to{transform:translateX(-5%) translateY(0);opacity:.7}50%{transform:translateX(5%) translateY(-3%);opacity:1}}.ice-depths-light{position:absolute;inset:0;background:radial-gradient(ellipse 100% 40% at 50% -5%,rgba(140,200,255,.2) 0,rgba(100,170,240,.1) 30%,transparent 60%),radial-gradient(ellipse 60% 30% at 30% 0,rgba(160,210,255,.12) 0,transparent 50%),radial-gradient(ellipse 50% 25% at 70% 0,rgba(140,190,240,.1) 0,transparent 50%);animation:lightBreathe 15s ease-in-out infinite;pointer-events:none}@keyframes lightBreathe{0%,to{opacity:.7;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}.ice-depths-frost{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(180,220,255,.15),rgba(150,200,240,.08) 3%,transparent 8%),linear-gradient(0deg,rgba(100,160,210,.2),rgba(120,180,230,.1) 5%,transparent 12%),linear-gradient(90deg,rgba(130,180,220,.12),rgba(150,200,240,.06) 2%,transparent 6%),linear-gradient(270deg,rgba(130,180,220,.12),rgba(150,200,240,.06) 2%,transparent 6%);animation:frostPulse 25s ease-in-out infinite}@keyframes frostPulse{0%,to{opacity:.8}50%{opacity:1}}.ice-depths-canvas{width:100%;height:100%;mix-blend-mode:screen}.ice-depths-canvas,.ice-depths-vignette{position:absolute;inset:0;pointer-events:none}.ice-depths-vignette{background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 0,transparent 35%,rgba(5,15,30,.3) 60%,rgba(2,10,25,.6) 80%,rgba(0,5,15,.85) 100%)}.ice-depths-grain{position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:grainAnimate .3s steps(1) infinite;mix-blend-mode:overlay}@keyframes grainAnimate{0%{transform:translate(0)}20%{transform:translate(-2%,-1%)}40%{transform:translate(1%,2%)}60%{transform:translate(-1%,-2%)}80%{transform:translate(2%,1%)}to{transform:translate(0)}}.ice-depths-container.ice-depths-entered .ice-depths-image{animation:cavernBreathe 30s ease-in-out infinite}@keyframes cavernBreathe{0%,to{filter:brightness(1) saturate(1) hue-rotate(0deg)}25%{filter:brightness(1.05) saturate(1.05) hue-rotate(-2deg)}50%{filter:brightness(1.08) saturate(1.1) hue-rotate(-5deg)}75%{filter:brightness(1.03) saturate(1.03) hue-rotate(-2deg)}}