.game-header{display:flex;width:100%;height:135px;padding-bottom:20px}.game-header>div{width:33.3%}@media only screen and (max-width: 767px){.game-header{font-size:12px}}.game-header_points{font-family:"Poppins",sans-serif;font-size:2.4em;line-height:1;margin-left:.15em}@media only screen and (max-width: 767px){.game-header_points{font-size:36px}}.game-header_score{flex-grow:1;align-items:flex-end}.game-header_new-points{opacity:1;position:absolute;right:0;transform:translateY(80px);animation:fadeOut 1s ease-in-out 1s;animation-fill-mode:forwards}.game-header_new-points--positive{color:var(--dark-green)}.game-header_accuracy-label{font-size:1.1em;color:var(--dark-green);font-weight:light;position:absolute;text-transform:uppercase;right:0;transform:translateY(120px);animation:fadeOutText 1s ease-in-out 1.4s;animation-fill-mode:forwards}.microphone-group{animation:fadeInOut linear 1.2s infinite}@keyframes fadeOut{0%{opacity:1;transform:translateY(80px)}100%{opacity:0;transform:translateY(0)}}@keyframes fadeOutText{0%{opacity:1;transform:translateY(120px)}50%{opacity:0}100%{opacity:0;transform:translateY(70px)}}@keyframes fadeInOut{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}
.game-end{width:600px;margin:0 auto;text-align:center;flex-grow:1}@media only screen and (max-width: 767px){.game-end{width:auto}}
.listening-page{flex-direction:column;width:100%;display:flex;flex-direction:column;flex-grow:1}.game-visualization{background:#efefef;position:relative;flex:1;display:flex;width:100%;align-items:center;width:100%;border-radius:18px;overflow-x:hidden;box-sizing:border-box;padding:0 15px}@media only screen and (max-width: 767px){.game-visualization{border-radius:12px}}.radio-group{width:300px}@media only screen and (max-width: 767px){.radio-group{width:100%}}.radio-group button{width:100%;margin-top:10px}.radio-group input{display:none}.radio-group label{position:relative;display:block;width:100%;padding:.7em 0;margin-bottom:10px;background:#fff;border:3px solid #ccc;box-sizing:border-box;border-radius:50px;text-align:center;cursor:pointer}input{font-family:"Poppins",sans-serif;width:100%;border:none;background:none;color:var(--black);padding:0;font-weight:bold}input.highlighted+label{border-color:var(--black) !important;background-color:#c8dcbc}input:focus{outline:none}input::placeholder{color:var(--grey)}input:checked+label{border:3px solid var(--black)}