.depth-worlds{z-index:1;pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.depth-horizon{opacity:0;background:url(/world-landmarks-v2.png) 50%/cover;transition:opacity .7s;position:absolute;inset:-3%}.depth-entered .depth-horizon{opacity:1}.depth-scene{will-change:transform,opacity;pointer-events:none;position:absolute;inset:-4%;-webkit-mask-image:radial-gradient(at 60% 45%,#000 30%,#000c 65%,#0000 90%);mask-image:radial-gradient(at 60% 45%,#000 30%,#000c 65%,#0000 90%)}.depth-painting{image-rendering:auto;background-image:url(/world-depth-atlas.png);background-size:800% 400%;position:absolute;inset:0}.depth-fog{z-index:50;filter:blur(20px);background:radial-gradient(at 30% 80%,#c3dee216,#0000 45%),radial-gradient(at 80% 60%,#9fc7d11a,#0000 35%);position:absolute;inset:-20%}.depth-fog-front{z-index:52;background:linear-gradient(#0000 60%,#03131cce)}.depth-shade{z-index:53;opacity:0;background:linear-gradient(90deg,#03151dbb,#0000 80%),linear-gradient(#0000 55%,#03121dcc);transition:opacity .6s;position:absolute;inset:0}.depth-entered .depth-shade{opacity:1}.depth-title{z-index:55;color:#f2efdc;opacity:0;text-shadow:0 3px 25px #001019;transition:opacity .6s;position:absolute;bottom:25%;left:9%}.depth-entered .depth-title{opacity:1}.depth-title small{letter-spacing:4px;color:#b5dfd2;font:10px Consolas}.depth-title h2{letter-spacing:6px;margin:18px 0;font-size:clamp(36px,5vw,76px)}.depth-title p{letter-spacing:2px;color:#d0ded5;font-size:12px}.depth-navigation{z-index:60;pointer-events:auto;color:#cce0d0;align-items:center;gap:18px;font:10px Consolas;display:flex;position:absolute;bottom:105px;right:5%}.depth-navigation button{color:#d4e9d6;cursor:pointer;background:0 0;border:0;padding:10px;transition:transform .2s,text-shadow .2s}.depth-navigation button:hover{text-shadow:0 0 12px #b1edce;transform:translateY(-2px)}.depth-navigation button:disabled{opacity:.25}.depth-navigation label{align-items:center;gap:10px;display:flex}.depth-navigation input{accent-color:#bad6b4;width:100px}.immersive-shell .is-travelling .terrain-geography{transform:translate(-50%,-50%) scale(calc(1 + var(--travel)*.03));animation:none}.immersive-shell .is-travelling .terrain-copy{opacity:0;pointer-events:none;transform:translateY(-20px)}.immersive-shell .terrain-copy{transition:opacity .6s,transform .6s}.immersive-shell .is-travelling .terrain-bottom{opacity:.35}.immersive-shell .terrain-coordinate{z-index:70}.immersive-shell .terrain-geography{will-change:transform}@media (max-width:750px){.depth-navigation{flex-wrap:wrap;gap:9px;bottom:110px;left:7%;right:7%}.depth-navigation label{margin-left:auto}.depth-title{bottom:30%}.depth-title h2{font-size:36px}.depth-navigation input{width:80px}}@media (prefers-reduced-motion:reduce){.depth-scene{filter:none!important}.depth-worlds *,.immersive-shell .terrain-copy{transition:none!important}}.depth-worlds:not(.depth-entered) .depth-scene{display:none}:is(.depth-navigation input:focus-visible,.depth-navigation button:focus-visible){outline-offset:4px;outline:1px dashed #cee6c0}.depth-scene{will-change:opacity;animation:.32s ease-out both scene-swap}.depth-horizon,.depth-fog,.immersive-shell .is-travelling .terrain-geography{transform:none!important}.immersive-shell .is-travelling .terrain-geography{transform:translate(-50%,-50%)!important}.depth-scene{filter:none!important}.depth-navigation{gap:18px}@keyframes scene-swap{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.depth-scene{animation:none!important}}.world-focus{z-index:0;pointer-events:none;background:#061820;position:fixed;inset:0;overflow:hidden}.focus-camera{background-image:url(/world-depth-atlas.png);background-repeat:no-repeat;background-size:800% 400%;animation:.55s ease-out both world-backdrop-in;position:absolute;inset:0}.focus-halo{background:linear-gradient(90deg,#031722e6 0%,#031722bc 48%,#03172266 100%),linear-gradient(#0000 45%,#031722bb);position:absolute;inset:0}.focus-world{text-align:right;color:#eef0d9;text-shadow:0 3px 20px #00131d;animation:.5s ease-out both world-name-in;position:absolute;bottom:8vh;right:5vw}.focus-world strong{letter-spacing:5px;margin-top:14px;font-size:clamp(22px,3vw,46px);display:block}.focus-world small{letter-spacing:3px;color:#b6dccc;font:10px Consolas}.immersive-shell.is-panel:has(.world-focus) .main-shell{z-index:1;position:relative}.immersive-shell.is-panel:has(.world-focus) .upload-layout{grid-template-columns:minmax(0,1fr) 260px}.immersive-shell.is-panel:has(.world-focus) .upload-guide{margin-top:0}:is(.immersive-shell.is-panel:has(.world-focus) .upload-form input,.immersive-shell.is-panel:has(.world-focus) .upload-form textarea){background:#061e2c88!important}@keyframes world-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes world-name-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (max-width:850px){.immersive-shell.is-panel:has(.world-focus) .upload-layout{grid-template-columns:1fr}.focus-world{opacity:.65;bottom:25px;right:20px}.focus-world strong{font-size:22px}.focus-halo{background:#031722b8}}@media (prefers-reduced-motion:reduce){.world-focus *{animation:none!important}}.focus-world{display:none}.upload-fields{border:0;min-width:0;margin:0;padding:0}.upload-fields:disabled{opacity:.72}.immersive-shell.is-panel .content:before{left:0;right:0}.upload-status{color:#263e30;background:#edf2e9;border:1px solid #c9d5c8;border-radius:12px;margin-top:24px;padding:20px}.upload-status ol{color:#798574;gap:16px;margin:0 0 18px;padding:0;font-size:12px;list-style:none;display:flex}.upload-status li{align-items:center;gap:6px;display:flex}.upload-status li span{background:#dfe5da;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.upload-status li.current{color:#2d5940;font-weight:700}.upload-status li.current span,.upload-status li.complete span{color:#fff;background:#315b42}.upload-status-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.upload-status-heading strong{font-size:15px}.upload-status-heading button{color:inherit;white-space:nowrap;background:0 0;border:0;padding:8px;text-decoration:underline}.upload-status progress{-webkit-appearance:auto;appearance:auto;accent-color:#315b42;border:0;border-radius:9px;width:100%;height:10px;display:block;overflow:hidden}.upload-status p{color:#5f705c;margin:10px 0 0;font-size:12px;line-height:1.7}@media (max-width:520px){.upload-status{padding:16px}.upload-status ol{gap:9px;font-size:10px}.upload-status-heading{align-items:flex-start}.upload-status-heading strong{font-size:14px}}
