.event-cinema[hidden]{display:none!important}.event-cinema{position:fixed;inset:auto 0 0;z-index:29;pointer-events:none;height:245px;overflow:hidden;background:linear-gradient(transparent 15%,#f4f9fbdd 90%)}.event-cinema-caption{position:absolute;right:22px;top:3px;max-width:min(390px,calc(100vw - 36px));background:#f9fcfdee;border:1px solid #c8dce5;padding:12px 16px;display:grid;gap:8px;pointer-events:auto;box-shadow:0 3px 18px #1e465d12}.event-cinema-caption>span{font-size:8px;letter-spacing:1px;color:#8ba6b3}.event-cinema-caption>strong{font-size:12px;line-height:1.7;color:#3e726b}.event-cinema-caption>button{justify-self:end;background:transparent;border:0;font:inherit;font-size:9px;color:#829ba9;padding:3px;cursor:pointer}.event-cinema-caption>button:focus-visible{outline:3px solid #78ad99}.event-cinema-scene{position:absolute;inset:0;overflow:hidden}.cinema-route{position:absolute;bottom:8px;left:0;right:0;height:2px;background:#97b6c055}.cinema-actor{position:absolute;width:340px;height:195px;left:-450px;bottom:10px}.cinema-actor svg{height:100%;width:100%;display:block}.cinema-actor .event-shadow{fill:#a0b9c440}.cinema-actor .event-person-note{display:none}.cinema-actor .event-worker{max-height:175px}.cinema-cargo,.cinema-dock,.cinema-machine{display:none}.event-cinema[data-effect=ship] .cinema-actor{width:440px;height:170px}.event-cinema[data-effect=ship] .cinema-route{height:22px;bottom:0;background:repeating-linear-gradient(0deg,#a3c6d433 0 2px,transparent 2px 7px)}.cinema-running[data-effect=ship] .cinema-actor{animation:cinema-cross 9.6s linear both}.cinema-running[data-effect=plane] .cinema-actor{animation:cinema-takeoff 9.6s ease-in both}.cinema-running[data-effect=truck] .cinema-actor,.cinema-running[data-effect=unload] .cinema-actor{animation:cinema-truck 9.6s ease-in-out both}.cinema-cargo{position:absolute;bottom:21px;left:calc(50% - 50px);gap:8px;align-items:end}.cinema-cargo i{font-size:35px;font-style:normal;color:#b39970;background:#e8dbc5;border:1px solid #bca47e;line-height:1;padding:3px}.event-cinema[data-effect=truck] .cinema-cargo,.event-cinema[data-effect=unload] .cinema-cargo{display:flex}.cinema-running[data-effect=truck] .cinema-cargo{animation:cinema-load 9.6s ease-in-out both}.cinema-running[data-effect=unload] .cinema-cargo{animation:cinema-unload 9.6s ease-in-out both}.cinema-dock{position:absolute;bottom:11px;left:calc(50% + 150px);height:125px;width:105px;border:3px solid #8eaebd;background:#e6eef3;padding:10px}.cinema-dock>span{display:block;font-size:10px;color:#6c8c9e;text-align:center}.cinema-dock>i{display:block;height:82px;background:repeating-linear-gradient(0deg,#b3cbd5 0 5px,#d2e1e7 5px 10px);margin-top:8px}.event-cinema[data-effect=truck] .cinema-dock,.event-cinema[data-effect=unload] .cinema-dock{display:block}.event-cinema[data-effect=leave] .cinema-actor,.event-cinema[data-effect=document] .cinema-actor{width:180px;height:180px}.event-cinema[data-effect=leave] .cinema-actor .event-parcel,.event-cinema[data-effect=document] .cinema-actor .event-parcel{display:none}.event-cinema[data-effect=leave] .cinema-actor .event-person-note,.event-cinema[data-effect=document] .cinema-actor .event-person-note{display:block}.cinema-running[data-effect=leave] .cinema-actor,.cinema-running[data-effect=document] .cinema-actor{animation:cinema-person 9.6s linear both}.event-cinema[data-effect=machine] .cinema-actor{display:none}.event-cinema[data-effect=machine] .cinema-machine{display:block;position:absolute;left:calc(50% - 135px);bottom:15px;width:270px;height:185px;border:3px solid #8ba9b9;background:#4b6e85;padding:12px;box-shadow:5px 4px 0 #c1d3db}.cinema-machine>span{display:block;color:#e3eef1;font-size:9px;letter-spacing:1px}.cinema-machine>div{background:#193b50;height:110px;margin:10px 0;position:relative;overflow:hidden}.cinema-machine b{position:absolute;left:55px;top:5px;font-size:88px;line-height:1;color:#b7d8cb;font-weight:400}.cinema-machine i{position:absolute;right:36px;top:0;width:13px;height:65px;background:#accab7;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.cinema-machine small{font-size:9px;color:#d1e6e8}.cinema-running .cinema-machine b{animation:cinema-machining 1.3s linear infinite}.cinema-running .cinema-machine i{animation:cinema-tool 1.7s ease-in-out infinite}.cinema-running .cinema-machine{animation:cinema-machine-arrive 9.6s ease both}body:has(dialog[open]) .event-cinema{visibility:hidden}
@keyframes cinema-cross{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 900px))}}@keyframes cinema-takeoff{0%{transform:translate(0,35px) rotate(0)}35%{transform:translate(calc(35vw + 250px),0) rotate(-4deg)}100%{transform:translate(calc(100vw + 700px),-210px) rotate(-10deg)}}@keyframes cinema-truck{0%{transform:translateX(0)}25%,65%{transform:translateX(calc(50vw + 230px))}100%{transform:translateX(calc(100vw + 900px))}}@keyframes cinema-load{0%,24%{opacity:1;transform:translateX(100px)}52%{opacity:1;transform:translate(-40px,-35px)}64%,100%{opacity:0;transform:translate(-40px,-35px)}}@keyframes cinema-unload{0%,30%{opacity:0;transform:translate(-40px,-35px)}45%{opacity:1;transform:translate(-40px,-35px)}65%,100%{opacity:1;transform:translateX(100px)}}@keyframes cinema-person{0%{transform:translateX(0)}25%,45%{transform:translateX(calc(35vw + 430px))}100%{transform:translateX(calc(100vw + 650px))}}@keyframes cinema-machining{to{transform:rotate(360deg)}}@keyframes cinema-tool{50%{transform:translate(-20px,20px)}}@keyframes cinema-machine-arrive{0%{opacity:0;transform:translateY(190px)}15%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(190px)}}
@media(max-width:740px){.event-cinema{height:220px}.event-cinema-caption{right:12px;top:2px;padding:9px 12px;max-width:calc(100vw - 24px)}.event-cinema-caption>strong{font-size:11px}.cinema-actor{width:230px;height:135px;bottom:5px}.event-cinema[data-effect=ship] .cinema-actor{width:290px;height:110px}.event-cinema[data-effect=plane] .cinema-actor{width:230px;height:130px}.cinema-dock{left:calc(50% + 85px);width:65px;height:85px;padding:6px}.cinema-dock>i{height:49px}.cinema-dock>span{font-size:8px}.cinema-cargo{left:calc(50% - 60px);bottom:13px;gap:4px}.cinema-cargo i{font-size:22px}.event-cinema[data-effect=leave] .cinema-actor,.event-cinema[data-effect=document] .cinema-actor{height:125px;width:130px}.event-cinema[data-effect=machine] .cinema-machine{width:205px;height:140px;left:calc(50% - 102px);bottom:6px;padding:8px}.cinema-machine>div{height:76px;margin:8px 0}.cinema-machine b{font-size:65px;left:40px}.cinema-machine i{height:45px;right:25px}.cinema-machine small,.cinema-machine>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.event-cinema *{animation:none!important;transition:none!important}.event-cinema .cinema-actor{left:calc(50% - 150px)!important;bottom:10px!important;width:230px!important;height:130px!important}.event-cinema .cinema-cargo{opacity:1!important;transform:none!important}}