#lake-mirror{position:fixed;inset:0;z-index:101;overflow:hidden;isolation:isolate;background:#050b14;color:#f1eee8;font-family:var(--sans,system-ui)}.lake-stage,.lake-entry,.lake-stage>img,.lake-effects{position:absolute;inset:0;width:100%;height:100%}.lake-stage>img{object-fit:cover;filter:brightness(.77) saturate(.82);transition:transform 1.6s cubic-bezier(.22,.7,.16,1);transform-origin:50% 62%}.lake-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#03071085,transparent 38%),linear-gradient(90deg,#0206107d,transparent 46%)}.lake-effects{z-index:2;touch-action:none;cursor:crosshair}.lake-meteor{position:absolute;z-index:2;width:95px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#dcecff);filter:drop-shadow(0 0 4px #c6e0ff);pointer-events:none}.lake-meteor-one{left:18%;top:16%;animation:lake-meteor 19s linear 4s infinite}.lake-meteor-two{left:66%;top:11%;animation:lake-meteor 27s linear 13s infinite}@keyframes lake-meteor{0%,2%{opacity:0;transform:translate(0,0) rotate(23deg)}4%{opacity:.8}12%{opacity:.55}16%,100%{opacity:0;transform:translate(15vw,9vh) rotate(23deg)}}.lake-entry{z-index:3;pointer-events:none}.lake-entry-copy{position:absolute;left:5%;bottom:15%;max-width:470px;text-shadow:0 2px 20px #020713}.lake-entry-copy>span{font-size:10px;letter-spacing:2px;color:#ddc794}.lake-entry-copy h2{font:400 clamp(30px,3.7vw,52px)/1.4 var(--serif,serif);letter-spacing:2px;margin:12px 0}.lake-entry-copy p{font-size:13px;letter-spacing:.6px;color:#d9e0e6}#lake-mirror button{border:1px solid #d8e3ed48;border-radius:28px;padding:10px 17px;color:#f5f2ea;background:#08121fc8;cursor:pointer;backdrop-filter:blur(9px)}.lake-enter{position:absolute;left:58%;bottom:15%;transform:translateX(-50%);pointer-events:auto;background:#e9dfcae2!important;color:#172230!important;padding:14px 24px!important}.lake-top{position:absolute;left:4%;right:4%;top:24px;z-index:5;display:flex;align-items:center;justify-content:space-between}.lake-top>span{font:18px var(--serif,serif);letter-spacing:2px}.lake-guide{position:absolute;z-index:5;left:24%;right:24%;bottom:25px;text-align:center;font-size:12px;letter-spacing:.8px;color:#dce7ef;text-shadow:0 2px 14px #020713}#lake-mirror[data-state=view] .lake-stage>img{transform:scale(1.045)}body.lake-active>header,body.lake-active>footer,body.lake-active>.gesture-button,body.lake-active>#hand-preview,body.lake-active>#hand-cursor,body.lake-active>.scene-picker{visibility:hidden}@media(max-height:500px) and (orientation:landscape){.lake-entry-copy{left:5%;bottom:19%;max-width:400px}.lake-entry-copy h2{font-size:26px;line-height:1.3}.lake-entry-copy p{font-size:11px}.lake-enter{left:66%;bottom:20%;font-size:11px;padding:10px 16px!important}.lake-top{top:14px}.lake-top>span{font-size:15px}.lake-top button{font-size:10px;padding:7px 11px!important}.lake-guide{bottom:13px;font-size:10px}}@media(prefers-reduced-motion:reduce){.lake-stage>img{transition:none}.lake-meteor{display:none}}#lake-mirror[data-reduced=true] .lake-meteor{display:none}

.lake-stage:before{content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:47%;pointer-events:none;background:repeating-radial-gradient(ellipse at 52% 12%,transparent 0 26px,#b9dcf00b 27px 28px,transparent 29px 42px);mix-blend-mode:screen;animation:lake-water 6s ease-in-out infinite}.lake-stage>img{animation:lake-breathe 9s ease-in-out infinite}.lake-telescope{position:absolute;z-index:4;left:52.2%;top:54.5%;width:122px;height:112px;translate:-50% -50%;border:0!important;background:transparent!important;padding:0!important;opacity:0;pointer-events:none;backdrop-filter:none!important}.lake-telescope i{position:absolute;left:50%;top:42%;width:58px;height:58px;translate:-50% -50%;border:1px solid #d9b46d99;border-radius:50%;box-shadow:0 0 22px #e6c07855}.lake-telescope i:before,.lake-telescope i:after,.lake-telescope i b{content:'';position:absolute;inset:8px;border:1px solid #e6c98a99;border-radius:50%;transform:rotateX(62deg) rotateZ(18deg)}.lake-telescope i:after{transform:rotateY(66deg) rotateZ(-25deg)}.lake-telescope i b{inset:18px;background:#e6c477;border:0;box-shadow:0 0 15px #efd18c}.lake-telescope span{position:absolute;left:50%;bottom:0;translate:-50% 0;white-space:nowrap;font-size:10px;letter-spacing:1px;color:#f0dfbd;text-shadow:0 2px 8px #000}#lake-mirror[data-state=view] .lake-telescope{opacity:1;pointer-events:auto;animation:star-disc 5s ease-in-out infinite}.lake-scope{position:absolute;inset:0;z-index:12;background:#010309}.lake-scope-sky{position:absolute;inset:0;width:100%;height:100%;display:block;clip-path:circle(min(43vw,43vh) at 50% 50%);cursor:grab;touch-action:none}.lake-scope-sky:active{cursor:grabbing}.lake-scope:before{content:'';position:absolute;z-index:2;left:50%;top:50%;width:min(86vw,86vh);aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 70px 26px #000,0 0 0 80vmax #010309;border:2px solid #b7935d99}.scope-rings{position:absolute;z-index:3;left:50%;top:50%;width:min(90vw,90vh);aspect-ratio:1;translate:-50% -50%;border:1px solid #b7935d55;border-radius:50%;pointer-events:none}.scope-rings i{position:absolute;inset:2.2%;border:1px solid #d0b07833;border-radius:50%}.scope-rings i:nth-child(2){inset:6%;border-style:dashed}.scope-rings i:nth-child(3){inset:9%;border-color:#d0b0781f}.scope-top{position:absolute;z-index:5;left:4%;right:4%;top:22px;display:flex;justify-content:space-between;align-items:center}.scope-top>span{font:16px var(--serif,serif);letter-spacing:2px}.lake-scope>p{position:absolute;z-index:5;bottom:20px;left:20%;right:20%;text-align:center;font-size:11px;letter-spacing:1px;color:#c9d7e2}@keyframes lake-water{50%{opacity:.38;transform:scaleX(1.025)}}@keyframes lake-breathe{50%{filter:brightness(.82) saturate(.88)}}@keyframes star-disc{50%{filter:drop-shadow(0 0 10px #e0bf7a);transform:translateY(-3px)}}@media(max-height:500px) and (orientation:landscape){.lake-telescope{width:88px;height:82px;top:55%}.lake-telescope i{width:44px;height:44px}.lake-telescope span{font-size:8px}.scope-top{top:12px}.scope-top button{font-size:10px;padding:7px 11px!important}.lake-scope>p{bottom:9px;font-size:9px}}@media(prefers-reduced-motion:reduce){.lake-stage:before,.lake-stage>img,.lake-telescope{animation:none}}

.scope-zoom{position:absolute;z-index:6;right:3.2%;top:50%;translate:0 -50%;display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #ba9a6752;border-radius:30px;background:#050a12c9;backdrop-filter:blur(10px)}.scope-zoom button{width:35px;height:35px;padding:0!important;border-radius:50%!important;font-size:18px;line-height:1}.scope-zoom label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:118px}.scope-zoom label span{font-size:9px;letter-spacing:1px;color:#c9b58f}.scope-zoom output{font:11px var(--sans,system-ui);color:#f4e8d1}.scope-zoom input{grid-column:1/-1;width:118px;height:3px;accent-color:#d1b177;cursor:ew-resize}.lake-scope-sky{will-change:contents}@media(max-width:900px),(max-height:500px){.scope-zoom{right:1.5%;padding:5px;gap:4px}.scope-zoom button{width:29px;height:29px;font-size:15px}.scope-zoom label{min-width:88px}.scope-zoom label span{display:none}.scope-zoom input{width:88px}.lake-scope>p{right:25%;left:25%}}

/* Brass astrolabe controls: controls live on the rim so the sky stays visually dominant. */
.scope-rings{width:min(91vw,91vh);border-color:#d5b67570;transform:rotate(var(--scope-bearing,0deg));transition:transform .9s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 34px #0008,inset 0 0 18px #d1aa5d0b}
.scope-rings:before,.scope-rings:after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.scope-rings:before{inset:-8px;background:repeating-conic-gradient(from 0deg,#dabd7e88 0deg .32deg,transparent .32deg 3deg);-webkit-mask:radial-gradient(circle,transparent 0 49%,#000 49.3% 50%,transparent 50.3%);mask:radial-gradient(circle,transparent 0 49%,#000 49.3% 50%,transparent 50.3%);opacity:.65}
.scope-rings:after{inset:4.5%;border:1px solid #e5c98635;box-shadow:0 0 0 1px #4d391b66,0 0 22px #d9b66e12}
.scope-rings i:nth-child(1){inset:1.8%;border-color:#e3c8885c}.scope-rings i:nth-child(2){inset:5.1%;border-style:dashed;border-color:#d6b66f3d}.scope-rings i:nth-child(3){inset:8.7%;border-color:#d0b07820}
.scope-compass{position:absolute;z-index:7;left:50%;top:50%;width:min(91vw,91vh);aspect-ratio:1;translate:-50% -50%;pointer-events:none}
.scope-compass button{position:absolute;display:grid;justify-items:center;gap:4px;width:92px;padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;color:#cbb990!important;pointer-events:auto;opacity:.7;transition:opacity .3s,transform .35s,color .3s;text-shadow:0 2px 12px #000}
.scope-compass button:hover,.scope-compass button:focus-visible,.scope-compass button.is-active{opacity:1;color:#f3dfb0!important;transform:scale(1.04)}
.scope-compass button i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #cda9667c;border-radius:50%;background:#07101abc;box-shadow:inset 0 0 12px #d6b97112,0 0 14px #0009;font-style:normal;font-size:15px}
.scope-compass button.is-active i{border-color:#efd392c4;box-shadow:inset 0 0 14px #d6b97126,0 0 16px #d7ba7159}
.scope-compass button span{font-size:10px;letter-spacing:1px;white-space:nowrap}
.scope-compass [data-direction=core]{left:50%;top:1.2%;translate:-50% -50%}.scope-compass [data-direction=aurora]{left:1.3%;top:50%;translate:-50% -50%}.scope-compass [data-direction=meteor]{right:1.3%;top:50%;translate:50% -50%}.scope-compass [data-direction=lake]{left:77%;bottom:8%;translate:-50% 50%}
.scope-zoom{left:50%;right:auto;top:auto;bottom:1.2vh;translate:-50% 0;padding:6px 8px;gap:5px;border-color:#d9b97173;background:linear-gradient(180deg,#18202bd9,#060b12e8);box-shadow:inset 0 1px #fff1,0 7px 26px #000a}
.scope-zoom button{width:31px;height:31px;background:#101923d9!important;border-color:#d2b16f6b!important}.scope-zoom label{min-width:126px}.scope-zoom input{width:126px}.scope-zoom input::-webkit-slider-thumb{filter:drop-shadow(0 0 5px #dec27b)}
.scope-scan{position:absolute;z-index:6;left:calc(50% + min(43vw,43vh)*.33);top:24%;display:flex;align-items:center;gap:9px;padding:7px 10px;border-left:1px solid #d9bc798f;background:linear-gradient(90deg,#06101bd9,transparent);pointer-events:none;text-shadow:0 2px 10px #000;animation:scope-scan-in .28s ease-out}
.scope-scan[hidden]{display:none}.scope-scan span,.scope-event span,.scope-object-info>span{font-size:8px;letter-spacing:1.7px;color:#cbb47f;text-transform:uppercase}.scope-scan strong{font-size:11px;font-weight:500;color:#f1f6fa}
.scope-object-info{position:absolute;z-index:8;left:3.4%;bottom:8%;width:min(230px,22vw);padding:15px 16px 14px;border-left:1px solid #d2b67585;border-radius:0 14px 14px 0;background:linear-gradient(90deg,#06101bef,#06101bc9 76%,#06101b18);box-shadow:0 18px 48px #0005;backdrop-filter:blur(7px);animation:scope-info-in .5s cubic-bezier(.2,.7,.2,1)}
.scope-object-info[hidden]{display:none}.scope-object-info h3{margin:6px 0 2px;font:500 clamp(19px,2vw,27px)/1.1 var(--serif,serif);letter-spacing:1px;color:#fff}.scope-object-info small{font-size:9px;letter-spacing:.8px;color:#b9c6d2}.scope-object-info p{position:static!important;margin:9px 0 12px!important;text-align:left!important;font-size:11px!important;line-height:1.65!important;letter-spacing:.2px!important;color:#d3dbe1!important}.scope-object-info .scope-release{padding:7px 11px!important;font-size:9px;color:#ead9b8!important;background:#101b27d9!important}
.scope-event{position:absolute;z-index:8;left:4%;top:17%;max-width:210px;padding:10px 12px;border-left:1px solid #d7ba76;background:linear-gradient(90deg,#06101be8,transparent);opacity:0;transform:translateX(-10px);transition:opacity .32s,transform .32s;pointer-events:none;text-shadow:0 2px 12px #000}.scope-event[hidden]{display:none}.scope-event.is-visible{opacity:1;transform:none}.scope-event strong{display:block;margin-top:5px;font:500 17px var(--serif,serif);color:#fff}.scope-event p{position:static!important;margin:4px 0 0!important;text-align:left!important;font-size:9px!important;line-height:1.55!important;letter-spacing:.3px!important;color:#cdd8e1!important}
.lake-scope>p{left:4%;right:auto;bottom:22px;width:290px;text-align:left;color:#acb9c3;opacity:.8}
#lake-mirror[data-scope-open=true]>.lake-top,#lake-mirror[data-scope-open=true]>.lake-guide{visibility:hidden}
@keyframes scope-scan-in{from{opacity:0;transform:translateX(-8px)}}@keyframes scope-info-in{from{opacity:0;transform:translateX(-16px)}}
@media(max-width:900px),(max-height:500px){.scope-rings,.scope-compass{width:min(88vw,88vh)}.scope-compass button{width:70px}.scope-compass button i{width:25px;height:25px;font-size:12px}.scope-compass button span{font-size:8px}.scope-compass [data-direction=aurora]{left:-1%}.scope-compass [data-direction=meteor]{right:-1%}.scope-zoom{bottom:0;padding:4px 6px}.scope-zoom label{min-width:88px}.scope-zoom input{width:88px}.scope-object-info{left:2%;bottom:6%;width:178px;padding:10px 12px}.scope-object-info h3{font-size:18px}.scope-object-info p{font-size:9px!important;line-height:1.45!important;margin:6px 0 8px!important}.scope-event{left:2%;top:16%;max-width:170px}.scope-scan{top:19%;left:62%}.lake-scope>p{display:none}}
@media(max-height:390px) and (orientation:landscape){.scope-top>span{font-size:12px}.scope-compass button span{display:none}.scope-compass button{width:32px}.scope-object-info{bottom:4%;width:165px}.scope-object-info p{max-height:42px;overflow:hidden}.scope-zoom output{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scope-rings{transition:none}.scope-scan,.scope-object-info{animation:none}.scope-event{transition:none}}

.lake-stage>img{filter:brightness(.98) saturate(1.02)}.lake-stage:after{background:linear-gradient(0deg,#030b1859,transparent 38%),linear-gradient(90deg,#03091443,transparent 46%)}@keyframes lake-breathe{50%{filter:brightness(1.02) saturate(1.06)}}

#lake-mirror .lake-entry{pointer-events:auto}#lake-mirror .lake-entry-copy{pointer-events:none}