:root{--background-body: #fafafa;--background-card: #ffffff;--complete: #dbdce1;--text-main: #505165;--text-light: #949398;--line: #e6e5ea;--blue: #3a7bfd;--gradient: linear-gradient(#57ddff, #c058f3);--border-radius: .35rem}[data-theme=light]{--background-body: #fafafa;--background-card: #ffffff;--complete: #dbdce1;--text-main: #505165;--text-light: #949398;--line: #e6e5ea;--blue: #3a7bfd;--gradient: linear-gradient(#57ddff, #c058f3);--border-radius: .35rem}[data-theme=dark]{--background-body: #181824;--background-card: #25283b;--complete: #dbdce1;--text-main: #c8cae3;--text-light: #606279;--line: #37394e;--blue: #3a7bfd;--gradient: linear-gradient(#57ddff, #c058f3);--border-radius: .35rem}*{padding:0;margin:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:Roboto Mono,monospace;font-weight:400;font-size:1.8rem;line-height:1.6;overflow:hidden;height:100vh;width:100vw;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);background:rgb(21,116,80);background:radial-gradient(circle,rgb(130,130,130) 0%,rgb(0,0,0) 79%)}#root{position:fixed;top:0;left:0;width:100%;height:100%}.ui{padding:3rem;height:5rem;position:fixed;width:100%;display:flex;align-items:center;justify-content:space-between;z-index:1}.ui__logo{display:flex;flex-direction:column;text-align:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);height:2rem;cursor:pointer;z-index:999;text-decoration:none;color:#000;font-size:1.2rem;-webkit-user-select:none;user-select:none}.ui__logo img{width:8rem}.ui__logo h4{color:#fd9702}.ui__btns{display:flex;margin-right:3rem}.ui__btns button{font-weight:100;font-size:2rem;color:#fff;border:none;background:transparent}.ui__btns button:not(:last-child){margin-right:1rem}.mute{position:absolute;bottom:0;left:40%}.modalBtn{position:absolute;bottom:2%;right:2%;background-color:transparent;color:#fff;border:none;z-index:9999;border-radius:50%;cursor:pointer;text-transform:uppercase;padding:.25rem}.modalBtn svg{fill:#ffffffac;width:3rem;height:3rem}.modalBtn svg:hover{fill:#fd9702}.muteBtn{position:absolute;top:2%;right:2%;background-color:transparent;color:#fff;border:none;z-index:9999;border-radius:50%;cursor:pointer;text-transform:uppercase;padding:.25rem}.muteBtn svg{fill:#ffffffac;width:3rem;height:3rem}.muteBtn svg:hover{fill:#fd9702}.finalImage{opacity:0;position:absolute;top:5%;left:50%;width:70%;transform:translate(-50%)}.finalImage.end{animation:fadeIn 2s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}