body{background-color:#000;color:#e0e0e0;margin:0;font-family:Arial,sans-serif;overflow:hidden}.App{background-color:#000;min-height:100vh;min-width:100vw;display:flex;position:relative}.overlay{position:absolute;top:5vh;left:5vw;display:flex;flex-direction:column;align-items:flex-start;z-index:10;max-width:90vw}h1{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;color:#fff;text-transform:uppercase;margin:0 0 1vh;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.mcap{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:600;transition:color .3s ease;margin:0;word-break:break-word}.mcap.up{color:#0f0}.mcap.down{color:red}.arrow{font-size:1.5rem;margin-right:10px;display:inline-block;transition:transform .3s ease}.mcap.up .arrow{transform:translateY(-5px)}.mcap.down .arrow{transform:translateY(5px)}.spinner{font-size:1.5rem;color:#00b7ff;animation:spin 1s linear infinite;margin-top:.5rem}.x-link{position:absolute;top:5vh;right:5vw;z-index:10}.x-link img{width:40px;height:40px;transition:opacity .3s ease}.x-link img:hover{opacity:.7}.mcap-video{position:fixed;top:50%;left:50%;width:100vw;height:100vh;object-fit:cover;transform:translate(-50%,-50%);z-index:1}@media (max-width: 568px){.mcap-video{width:120vh;height:120vw;transform:translate(-50%,-50%) rotate(90deg)}.overlay{top:5vh;right:5vw;left:auto;align-items:flex-end;text-align:right;transform:none}.x-link{top:5vh;left:5vw;right:auto;transform:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}