.optical-halo{position:absolute;pointer-events:none;opacity:var(--optics-strength,.38);overflow:visible;mix-blend-mode:screen;isolation:isolate}
.optical-halo svg{width:100%;height:100%;overflow:visible}
.optical-title{width:75%;aspect-ratio:1;left:15%;top:-50%;z-index:-1}
.optical-sun{width:clamp(170px,23vw,360px);aspect-ratio:1;left:1%;top:8%;z-index:3;mix-blend-mode:normal;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%)}
.optical-rays,.optical-spectrum,.optical-streaks{transform-origin:160px 160px}
.optical-spectrum{animation:opt-spectrum 11s ease-in-out infinite alternate}
.optical-rays{animation:opt-rays 23s linear infinite}
.optical-streaks{animation:opt-streaks 7s ease-in-out infinite alternate}
@keyframes opt-spectrum{from{transform:rotate(-9deg) scale(.98);opacity:.5}to{transform:rotate(12deg) scale(1.035);opacity:.85}}
@keyframes opt-rays{to{transform:rotate(360deg)}}
@keyframes opt-streaks{from{transform:translate(-3px,-5px);opacity:.13}to{transform:translate(5px,3px);opacity:.45}}
.sc-transitioning .optical-halo{visibility:hidden}.sc-paused .optical-halo *,.city-paused .optical-halo *{animation-play-state:paused!important}
@media(max-width:620px){.optical-sun{width:145px;top:3%;left:-28px;opacity:calc(var(--optics-strength,.38) * .6)}}
@media(prefers-reduced-motion:reduce){.optical-halo *{animation:none!important}}
.nb-optics-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.optical-halo.nb-optics-ready>svg{display:none}
.nb-title-shimmer{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:var(--optics-strength,.38)}
.optical-title.nb-optics-ready{z-index:0;left:10%;top:-48%;width:78%}
.optical-sun.nb-optics-ready{left:-2%;top:-3%;width:clamp(230px,30vw,440px);mask-image:radial-gradient(ellipse,#000 40%,transparent 76%);opacity:calc(var(--optics-strength,.38) * 1.5)}