*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden;background:#000}#app{position:relative;width:100vw;height:100vh;background:#000}#webcam{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:scaleX(-1)}#ticker-container{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(90deg,red,#f60,red);z-index:10;overflow:hidden;display:flex;align-items:center;transition:transform .5s ease-in-out}#ticker-text{color:#fff;font-weight:700;font-size:6vw;text-transform:uppercase;white-space:nowrap;animation:scroll-left 30s linear infinite;padding:0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.8);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#ticker-text:after{content:attr(data-text);position:absolute;left:100%;white-space:nowrap}#ticker-container.slide-out,#ticker-container.slide-in{transform:translateY(100%)}#ticker-container.visible{transform:translateY(0)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}#ticker-container.transitioning #ticker-text{animation:scroll-left 30s linear infinite}