/* A közös jelenetek (jelenetek.js) stílusa: nyugalomban állnak, aktívan mozognak. Önálló: a két tokent (--zold,
   --lassu) a `.sc` maga definiálja, a --mono az alap.css-ből jön, de van tartaléka. Minden osztály a `.sc` (a jelenet
   <svg>-je) alá van szűkítve, hogy az oldalak saját, azonos nevű osztályaival (pl. a holatarolo `.aram` feliratával) ne
   ütközzön.
   A házigazda oldal kapcsolói: a jelenet köré tett `.on` osztály indítja az animációt, és kelti a napot, a fényt, a
   szélvonalakat; a `.sc.ejjel` éjszakára lenyomja a napot; a `.rot.all` megállítja a forgórészt (szélcsend).
   A szünet/futás (animation-play-state) !important: a jelenet-osztályok az `animation` rövidítéssel írják az
   animációt, ami a play-state-et is `running`-ra állítaná, és az egyenlő vagy nagyobb specificitású szabály legyőzné a
   `.sc *` szünetet. */

.jelenet{position:absolute;inset:0}
.jelenet svg{display:block;width:100%;height:100%}
.sc{--zold:#2fbf5a;--lassu:cubic-bezier(.2,.7,.15,1)}
.sc *{animation-play-state:paused!important}
.on .sc *{animation-play-state:running!important}
@keyframes forog{to{transform:rotate(360deg)}}
.sc .rot{transform-origin:0 0;animation:forog 6s linear infinite}
.sc .rot.all{animation:none}
.sc .sugarak{transform-origin:0 0;animation:forog 70s linear infinite}
.sc .jelzofeny{animation:jelzo 1.5s steps(1,end) infinite}
@keyframes jelzo{0%{opacity:1}50%{opacity:.12}}
.sc .tw{animation:villan 3.4s ease-in-out infinite}
@keyframes villan{0%,100%{opacity:.25}50%{opacity:1}}
.sc .felho{animation:sodor 26s ease-in-out infinite alternate}
.sc .felho.f2{animation-duration:34s}.sc .felho.f3{animation-duration:21s}
@keyframes sodor{from{transform:translateX(-50px)}to{transform:translateX(60px)}}
.sc .sv{stroke-dasharray:70 420;opacity:0;transition:opacity 1s;animation:fuj 2.8s linear infinite}
.on .sc .sv{opacity:.45}
@keyframes fuj{from{stroke-dashoffset:490}to{stroke-dashoffset:0}}
.sc .fenyes{opacity:0;transition:opacity 1.4s var(--lassu)}
.on .sc .fenyes{opacity:1}
.sc .nap-korong{transform:translateY(165px);transition:transform 2.2s var(--lassu),opacity 2.2s var(--lassu)}
.on .sc .nap-korong{transform:none}
/* éjjel a napkorong a horizont (y 408) alatt marad: a 260 px lesüllyesztés a korong felső szélét y 452-re viszi (a föld
   mögé); a sugarak csúcsa (y 330) még kilátszik, de elhalványítva; a hover nem világítja be az eget, és az ég jóval
   sötétebb (az ég gradiensének téglalapja .25 áttetszőséggel: a horizont borostyánja már nem alkonynak látszik) */
.sc.ejjel .nap-korong{transform:translateY(260px)!important;opacity:.3}
.sc.ejjel .sugarak{opacity:.5}
.sc.ejjel .fenyes{opacity:0!important}
.sc.ejjel > rect:first-of-type{opacity:.25}
.sc .sopres{animation:sopres 3.6s ease-in-out infinite}
@keyframes sopres{from{transform:translateX(0)}to{transform:translateX(var(--sw,680px))}}
.sc .szikra{transform-box:fill-box;transform-origin:center;animation:szikra 2.6s ease-in-out infinite;opacity:0}
@keyframes szikra{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}
.sc .szeg{fill:var(--zold);opacity:.13;transition:opacity .25s}
.sc .szeg.tele{opacity:1}
.sc .szeg.villog{animation:szegvillog .5s steps(1,end) infinite}
@keyframes szegvillog{50%{opacity:.3}}
.sc .led{animation:led 1.8s steps(1,end) infinite}
@keyframes led{0%{opacity:1}60%{opacity:.16}}
.sc .aram{stroke-dasharray:6 10;animation:aram .7s linear infinite}
@keyframes aram{to{stroke-dashoffset:-16}}
.sc .villam{animation:villam 1.2s ease-in-out infinite}
@keyframes villam{50%{opacity:.35}}
.sc .szazalek{font:600 19px var(--mono,ui-monospace,"SF Mono",Menlo,Consolas,monospace);fill:#d9f7e3;letter-spacing:.1em}
.sc .m1,.sc .m2,.sc .m3{transition:transform .6s ease-out}

/* csökkentett mozgás: nincs lebegés, forgás, villogás, pásztázás; a jelenet azonnal kitelik */
@media (prefers-reduced-motion:reduce){
  .sc *{animation:none!important}
  .sc .sopres{display:none}
  .sc .nap-korong,.sc .fenyes,.sc .sv{transition:none!important}
  .sc .m1,.sc .m2,.sc .m3,.sc .szeg{transition:none!important}
}