/* Generated from src/config/hero.ts. Edit that file, not this output. */
.hero{--ar:1.7916666666666667;--screen-x-n:0.402;--screen-cx:0.5005000000000001;--screen-cy:0.6305;--screen-fw:0.19699999999999998;--screen-fh:0.22899999999999998;--screen-x:40.2%;--screen-y:51.6%;--screen-w:19.7%;--screen-h:22.9%;--glow-x:39%;--glow-y:75%;--glow-w:22%;--glow-h:9%;--water-x:0%;--water-y:43%;--water-w:34%;--water-h:57%;--mist-x:0%;--mist-y:30%;--mist-w:100%;--mist-h:26%}
@media (max-aspect-ratio: 1/1){.hero{--ar:0.571003717472119;--screen-x-n:0.316;--screen-cx:0.5005;--screen-cy:0.7025;--screen-fw:0.369;--screen-fh:0.141;--screen-x:31.6%;--screen-y:63.2%;--screen-w:36.9%;--screen-h:14.1%;--glow-x:30%;--glow-y:77%;--glow-w:40%;--glow-h:6%;--water-x:0%;--water-y:43%;--water-w:36%;--water-h:34%;--mist-x:0%;--mist-y:36%;--mist-w:100%;--mist-h:16%}}
.light-crane-d-1{left:38.7%;top:14.4%}
.light-crane-d-2{left:23.6%;top:26.1%}
.light-crane-d-3{left:52.6%;top:25.4%}
.light-crane-d-4{left:83.2%;top:23.6%}
.light-crane-d-5{left:98.6%;top:24.1%}
.light-port-d-1{left:69%;top:29.3%}
.light-port-d-2{left:94.5%;top:28.7%}
.light-port-d-3{left:57.2%;top:35.7%}
.light-port-d-4{left:74.3%;top:36.4%}
.light-port-d-5{left:27.9%;top:52.4%}
.light-crane-m-1{left:29.1%;top:28.9%}
.light-crane-m-2{left:1.8%;top:35.6%}
.light-crane-m-3{left:55.1%;top:35.3%}
.light-crane-m-4{left:98.6%;top:38.4%}
.light-port-m-1{left:84.2%;top:37.7%}
.light-port-m-2{left:63.2%;top:41%}
.light-port-m-3{left:94.5%;top:41.5%}
.lights-m{display:none}
@media (max-aspect-ratio: 1/1){.lights-d{display:none}.lights-m{display:contents}}