*{box-sizing:border-box}body{padding:0;margin:0}#root{font-family:"Comfortaa",sans-serif}.app{min-height:100vh;width:100%;background-image:url("https://zymovershnyk.fun/img/back.png");background-repeat:repeat-y;background-size:100% auto;background-position:top center;overflow-x:hidden;padding:20px}@media(max-width: 780px){.app{padding:8px}}.landing{text-align:center;padding:20px}.header{padding:20px;border-radius:10px;background-color:#fff;font-family:"Comfortaa",sans-serif}@media(max-width: 1080px){.header{padding:8px}}.header h1{font-size:calc(1.5rem + 1vw)}h2{font-size:2rem;margin-top:8px}.header p{font-size:calc(1rem + .5vw)}.legend,.tracker{margin:20px auto;padding:15px;max-width:70%;border:1px solid #ccc;border-radius:10px;background-color:#fff}@media(max-width: 1080px){.legend,.tracker{max-width:600px}}.legend p,.tracker p{font-size:calc(.9rem + .3vw)}.progress-bar{width:100%;height:20px;background:#ddd;border-radius:10px;overflow:hidden;margin:10px 0}.progress{height:100%;background:skyblue;transition:width 1s ease}h2{color:#117cff}p{font-family:"Comfortaa",sans-serif;line-height:2rem}.headerTitle{font-size:2rem;margin-top:8px}.legend{margin-top:20px;position:relative}.zymo-logo{bottom:10px;right:10px;text-align:center}.zymo-logo img{max-width:220px}@media(max-width: 1080px){.zymo-logo img{max-width:140px}}.tracker{padding:20px;font-family:"Comfortaa",sans-serif}.status-bar{display:flex;flex-direction:column;position:relative}.status-container{display:flex;align-items:flex-start;gap:15px;position:relative}.bullet{width:20px;height:20px;border-radius:50%;background-color:#ccc;position:relative;z-index:1}.bullet.active{background-color:#007bff;animation:pulse 2s infinite}.bullet.green{background-color:#4caf50}.line{position:absolute;width:2px;background-color:#ccc;top:0;bottom:0;left:9px}.status-container.inactive span{opacity:.5}.status-info{display:flex;flex-direction:column}.label{font-size:1.5rem;font-weight:bold}.details{margin-top:10px;display:flex;align-items:flex-start}@media(max-width: 1080px){.details{display:block}}.details.third{display:block}.details.third .youtube-video{width:100%;position:relative;padding-top:56.25%;overflow:hidden}.details.third .youtube-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.details video{width:100%;max-width:400px;margin-top:10px;margin-right:20px}.details p{margin-top:10px}.details.hidden{display:none}.gameBtn{display:block;width:33%;min-width:300px;margin:20px auto;padding:12px;background-color:#4caf50;color:#fff;font-family:"Comfortaa",sans-serif;text-align:center;text-transform:uppercase;font-weight:700;font-size:1.2rem;border-radius:20px;border:none;transition:background-color .5s ease}@media(max-width: 768px){.gameBtn{width:90%;font-size:1rem}}.gameBtn:hover{background-color:#0056b3;transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,123,255,.5)}70%{box-shadow:0 0 10px 10px rgba(0,123,255,0)}100%{box-shadow:0 0 0 0 rgba(0,123,255,.5)}}