.masina{--iso:0.66;--ciclu:13s;--statie:3.25s;display:flex;align-items:center;justify-content:center;height:200px;perspective:1400px}@media (min-width:640px){.masina{--iso:1;height:300px}}.masina-scena{position:relative;width:320px;height:100px;transform-style:preserve-3d;transform:scale(var(--iso)) rotateX(56deg) rotate(-45deg)}.banda{inset:0;transform:translateZ(16px);background-color:rgba(27,24,21,.06);background-image:repeating-linear-gradient(90deg,rgba(27,24,21,.07) 0 14px,rgba(27,24,21,.02) 14px 16px)}.banda,.banda-perete{position:absolute;box-shadow:inset 0 0 0 1px var(--line)}.banda-perete{background:rgba(27,24,21,.04)}.banda-perete-jos{left:0;top:100%;width:320px;height:16px;transform-origin:50% 0;transform:translateZ(16px) rotateX(-90deg)}.banda-perete-stanga{left:0;top:0;width:16px;height:100px;background:rgba(27,24,21,.08);transform-origin:0 50%;transform:rotateY(-90deg)}.statie{position:absolute;top:22px;left:calc(12px + var(--i) * 80px);width:56px;height:56px;border-radius:4px;transform:translateZ(17px);box-shadow:inset 0 0 0 1px var(--line-tare);display:flex;align-items:center;justify-content:center;transition:none}.statie-numar{font-family:var(--font-text);font-size:11px;letter-spacing:.1em;color:var(--muted);transform:rotate(45deg)}.cutie{position:absolute;left:0;top:35px;width:30px;height:30px;transform-style:preserve-3d;transform:translate3d(25px,0,16px)}.cutie>span{position:absolute;display:block}.cutie-sus{left:0;top:0;width:30px;height:30px;background:var(--accent);transform:translateZ(26px)}.cutie-fata{left:0;top:100%;width:30px;height:26px;background:#932809;transform-origin:50% 0;transform:translateZ(26px) rotateX(-90deg)}.cutie-lat{left:0;top:0;width:26px;height:30px;background:#6f1e07;transform-origin:0 50%;transform:rotateY(-90deg)}.ecran{position:absolute;left:4px;top:-14px;width:148px;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--alb);box-shadow:0 14px 30px -20px rgba(27,24,21,.6);transform:translateZ(104px) rotate(45deg) rotateX(-56deg)}.ecran-stari{position:relative;height:1.15em;font-family:var(--font-text);font-size:.75rem;letter-spacing:.06em;color:var(--ink)}.ecran-stari>span{position:absolute;inset:0;opacity:0}.ecran-stari>span:nth-child(3){opacity:1}.ecran-bara{margin-top:7px;height:3px;border-radius:2px;background:rgba(27,24,21,.12);overflow:hidden}.ecran-bara>i{display:block;height:100%;background:var(--accent);transform:scaleX(.6);transform-origin:0 50%}@media (prefers-reduced-motion:no-preference){.cutie{animation:traseu var(--ciclu) linear infinite}.statie{animation:aprinde var(--ciclu) linear infinite;animation-delay:calc(var(--i) * var(--statie))}.ecran-stari>span{animation:stare var(--ciclu) linear infinite;animation-delay:calc(var(--i) * var(--statie))}.ecran-stari>span:nth-child(3){opacity:0}.ecran-bara>i{animation:bara var(--statie) linear infinite}@keyframes traseu{0%,23%{transform:translate3d(25px,0,16px)}25%{transform:translate3d(65px,0,34px)}27%,48%{transform:translate3d(105px,0,16px)}50%{transform:translate3d(145px,0,34px)}52%,73%{transform:translate3d(185px,0,16px)}75%{transform:translate3d(225px,0,34px)}77%,92%{transform:translate3d(265px,0,16px)}96%{transform:translate3d(352px,0,16px)}97%{transform:translate3d(352px,0,-44px)}98.5%{transform:translate3d(25px,0,-44px)}to{transform:translate3d(25px,0,16px)}}@keyframes aprinde{0%,2%{box-shadow:inset 0 0 0 1px var(--line-tare);background:transparent}23%,4%{box-shadow:inset 0 0 0 1px var(--accent);background:rgba(190,52,16,.1)}25%,to{box-shadow:inset 0 0 0 1px var(--line-tare);background:transparent}}@keyframes stare{0%{opacity:0;transform:translateY(3px)}2%,22%{opacity:1;transform:none}24.5%,to{opacity:0;transform:translateY(-3px)}}@keyframes bara{0%{transform:scaleX(0)}82%,to{transform:scaleX(1)}}}