.glass-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;mix-blend-mode:screen;--glass-x:0px;--glass-y:0px}
.glass-panorama{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:50% 50%;opacity:.5;filter:saturate(.68) contrast(1.12);transform:translate3d(var(--glass-x),var(--glass-y),0);transition:transform .65s ease-out;user-select:none}
.glass-fragment{position:absolute;height:auto;opacity:.52;filter:saturate(.65) contrast(1.12);user-select:none;transition:transform .9s ease-out}
.glass-fragment--forest{width:min(850px,65vw);left:-180px;top:-120px;transform:translate3d(calc(var(--glass-x)*-1.6),calc(var(--glass-y)*-1.6),0) rotate(-14deg)}
.glass-fragment--city{width:min(960px,72vw);right:-230px;bottom:-170px;transform:translate3d(calc(var(--glass-x)*1.8),calc(var(--glass-y)*1.8),0) rotate(18deg)}
.glass-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02061199,transparent 24%,transparent 72%,#02061180)}
.home-page[data-glass=frame] .glass-panorama{opacity:var(--metalheart-opacity,.12);filter:saturate(.72) contrast(1.12)}
.home-page[data-glass=frame] .glass-fragment{display:none}
.home-page[data-glass=fragments] .glass-panorama{opacity:.32}
.home-page[data-glass=fragments] .glass-fragment--forest{opacity:.6}
.home-page[data-glass=fragments] .glass-fragment--city{opacity:.62}
.home-page .ascii-background{opacity:.8}
@media(max-width:760px){.glass-panorama{object-position:49% center;opacity:.38}.glass-fragment--forest{width:680px;max-width:none;left:-330px;top:-70px}.glass-fragment--city{width:750px;max-width:none;right:-400px;bottom:-80px}.home-page[data-glass=frame] .glass-panorama{opacity:var(--metalheart-opacity,.12)}.home-page[data-glass=fragments] .glass-panorama{opacity:.24}.home-page[data-glass=fragments] .glass-fragment--forest{opacity:.48}.home-page[data-glass=fragments] .glass-fragment--city{opacity:.52}}
@media(prefers-reduced-motion:reduce){.glass-panorama,.glass-fragment{transition:none!important}}