/* A quieter stage and a finer, restless CRT surface. */
#dream{background:#080e10}
.environment{background-image:var(--pixel-ground,url('assets/quiet-ground-v2.jpg'));background-color:#080e10;background-position:center 53%;image-rendering:pixelated;filter:brightness(.59) saturate(.57) contrast(1.08);animation:signal-drift 11.6s steps(1,end) infinite}
.sky-shade{background:linear-gradient(180deg,#02070b55 0%,#02070b08 45%,#02070b00 72%,#02070b99 100%),linear-gradient(90deg,#02070b33,transparent 55%,#02070b18)}
.sprite{background-image:var(--pixel-atlas,url('assets/atlas.png'));image-rendering:pixelated;filter:brightness(1.02) saturate(.72) contrast(1.06)}
.portal:hover .sprite,.portal:focus-visible .sprite,.portal.arrived .sprite{filter:brightness(1.28) saturate(.87) contrast(1.04)}
.traveler-sprite{filter:brightness(1.18) saturate(.72)}
.world{animation:signal-drift 11.6s steps(1,end) infinite}
.portal-reflection{opacity:.16;filter:blur(.35px);mask-image:linear-gradient(to bottom,transparent,#000a)}
.ambient-path{opacity:.12}
.ground-mist{opacity:.48}
.crt-grain{position:absolute;inset:0;width:100%;height:100%;z-index:15;opacity:.36;pointer-events:none;image-rendering:pixelated;mix-blend-mode:screen}
.screen-texture{opacity:.24;background:repeating-linear-gradient(0deg,#0009 0,#0009 1px,transparent 1px,transparent 3px)}
.screen-texture:after{opacity:.32;background-size:128px 128px;image-rendering:pixelated}
.screen-texture:before{animation:screen-slip-v2 11.6s steps(1,end) infinite}
.crt-tear{position:absolute;left:0;right:0;top:59%;height:9px;z-index:16;opacity:0;pointer-events:none;backdrop-filter:blur(.7px);background:linear-gradient(180deg,#9fcebc11,transparent 55%,#92334d09);border-top:1px solid #bfd3bd21;animation:signal-tear 11.6s steps(1,end) infinite}
.in-project .screen-texture{opacity:.035}
.vignette{box-shadow:inset 0 0 180px 25px #02060980}
@keyframes signal-drift{0%,24%,25.4%,67%,68.1%,100%{translate:0 0}24.2%{translate:2px 0}24.6%{translate:-2px 1px}25%{translate:1px 0}67.2%{translate:-1px 0}67.5%{translate:1px -1px}}
@keyframes signal-tear{0%,24%,25.2%,67%,67.8%,100%{opacity:0}24.2%{opacity:.7;top:63%}24.6%{opacity:.3;top:63.5%}67.2%{opacity:.4;top:37%}67.5%{opacity:.2;top:37.3%}}
@keyframes screen-slip-v2{0%,24%,25.4%,67%,68%,100%{opacity:0;translate:0 0}24.2%{opacity:.13;translate:2px 72px}24.6%{opacity:.08;translate:-2px 70px}67.2%{opacity:.10;translate:-1px -66px}67.5%{opacity:.05;translate:1px -65px}}
.static-mode .world,.static-mode .environment{translate:0 0!important}
.static-mode .crt-tear{display:none}
@media(max-width:700px){.environment{background-position:center bottom;background-size:auto 100%;filter:brightness(.64) saturate(.57) contrast(1.08)}.crt-grain{opacity:.31}.screen-texture{opacity:.20}.portal-reflection{opacity:.12}}
@media(prefers-reduced-motion:reduce){.world,.environment{translate:0 0!important}.crt-tear{display:none}}