:root{--night:#020916;--navy:#06182d;--horizon:#8f655f;--dawn:#e8a276;--sky-top:#020817;--sky-middle:#2a3043;--sky-horizon:#d18b6a;--night-strength:1;--twilight-strength:0;--sun-opacity:0;--moon-opacity:.82;--sun-x:50%;--sun-y:25%;--moon-x:50%;--moon-y:25%;--flare-x:50%;--flare-y:50%;--cloud-clear:1}*{box-sizing:border-box}html,body{background:var(--navy);width:100%;min-height:100%;margin:0;overflow:hidden}.terrain-experience{isolation:isolate;background:var(--navy);width:100vw;height:100svh;position:relative;overflow:hidden}.dawn-sky{z-index:-3;background:radial-gradient(circle at var(--sun-x) var(--sun-y), rgb(255 208 135/calc(var(--sun-opacity) * var(--cloud-clear) * .2)) 0, transparent 22%), linear-gradient(to bottom, var(--sky-top) 0%, var(--sky-top) 16%, var(--sky-middle) 33%, var(--sky-horizon) 44%, var(--sky-middle) 108%);transition:background 2s linear;position:absolute;inset:0}.dawn-sky:before{content:"";opacity:calc(var(--night-strength) * var(--cloud-clear) * .82);background-image:radial-gradient(circle at 9% 13%,#dce8ff 0 .7px,#0000 1px),radial-gradient(circle at 34% 18%,#fff1db 0 .55px,#0000 .9px),radial-gradient(circle at 69% 10%,#fff 0 .6px,#0000 .95px),radial-gradient(circle at 83% 24%,#cbdcff 0 .55px,#0000 .9px),radial-gradient(circle at 57% 31%,#fff 0 .5px,#0000 .85px),radial-gradient(circle at 21% 7%,#fff 0 1px,#0000 1.25px);background-size:310px 230px,270px 190px,370px 250px,290px 210px,410px 270px,630px 390px;background-position-x:var(--star-x,0px);transition:opacity 2s linear;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 42%);mask-image:linear-gradient(#000 0,#0000 42%)}.celestial-layer{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sun,.moon,.lens-flare{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sun{left:var(--sun-x);top:var(--sun-y);aspect-ratio:1;width:clamp(34px,4.2vw,66px);opacity:calc(var(--sun-opacity) * var(--cloud-clear));background:#fff8d4;transition:opacity 2s linear;box-shadow:0 0 10px 3px #fff6cdb8,0 0 42px 14px #ffbe6761,0 0 120px 44px #ff8e5233}.lens-flare{left:var(--flare-x);top:var(--flare-y);aspect-ratio:1;width:clamp(54px,8vw,130px);opacity:calc(var(--sun-opacity) * var(--cloud-clear) * .34);mix-blend-mode:screen;background:radial-gradient(circle,#aadcc638 0 8%,#0000 10% 35%,#f6a3681a 37% 39%,#0000 42%),radial-gradient(circle at 22% 74%,#76a0d32e 0 3%,#0000 6%);border:1px solid #ffecc247;transition:opacity 2s linear;box-shadow:-22px 18px 22px -7px #ffb76d40,0 0 24px #ffd9a61c}.moon{left:var(--moon-x);top:var(--moon-y);aspect-ratio:1;width:clamp(26px,3.2vw,48px);opacity:calc(var(--moon-opacity) * max(var(--cloud-clear), .15));background:radial-gradient(circle at 61% 34%,#64748b4d 0 5%,#0000 6%),radial-gradient(circle at 36% 64%,#5b6a7f3d 0 8%,#0000 9%),radial-gradient(circle at 42% 38%,#fbf3dc 0,#e5e7df 72%,#aeb9c7 100%);transition:opacity 2s linear;box-shadow:0 0 13px #dae7ff57,0 0 42px #99b7e124}.terrain-canvas{opacity:0;filter:saturate(.94)contrast(1.03);width:100%;height:100%;transition:opacity 1.8s;display:block;position:absolute;inset:0}.terrain-ready .terrain-canvas{opacity:1}.atmosphere{z-index:2;pointer-events:none;background:linear-gradient(#03091424,#0000 33% 72%,#01050c33),radial-gradient(#0000 43%,#00040c85 118%);position:absolute;inset:0}.atmosphere:after{content:"";opacity:.028;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 17% 31%,#fff 0 .35px,#0000 .7px 3px),repeating-radial-gradient(circle at 73% 64%,#fff 0 .25px,#0000 .6px 4px);background-size:7px 9px,11px 13px;animation:.3s steps(2,end) infinite grain;position:absolute;inset:-50%}.scene-status{pointer-events:none;left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:4;color:#eddaca94;letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:10px;font:500 9px/1 system-ui,sans-serif;transition:opacity .8s,transform .8s;display:flex;position:absolute;transform:translate(-50%)}.scene-status:before{content:"";transform-origin:0;background:currentColor;width:22px;height:1px;animation:1.5s ease-in-out infinite loading-line}.terrain-ready .scene-status{opacity:0;transform:translate(-50%,8px)}.terrain-error .scene-status{opacity:1}.audio-toggle{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:6;color:#eddaca9e;opacity:0;pointer-events:none;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1852;border:1px solid #eddaca38;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:opacity .8s,color .25s,border-color .25s;display:grid;position:absolute}.terrain-ready .audio-toggle{opacity:.55;pointer-events:auto}.audio-toggle:hover,.audio-toggle:focus-visible{opacity:1;color:#eddacaeb;border-color:#eddaca73;outline:none}.audio-toggle .audio-mute,.audio-toggle[aria-pressed=false] .audio-wave{display:none}.audio-toggle[aria-pressed=false] .audio-mute{display:block}.fallback-message{z-index:5;color:#ffffffa6;text-align:center;margin:0;font:12px/1.4 system-ui,sans-serif;position:absolute;inset:auto 20px 28px}@keyframes loading-line{0%,to{opacity:.4;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}to{transform:translate(-2%,-2%)}}@media (prefers-reduced-motion:reduce){.atmosphere:after,.scene-status:before{animation:none}.terrain-canvas,.scene-status{transition-duration:.01ms}}