body{margin:0;min-width:320px;height:100vh;height:100dvh;overflow:hidden}#root{height:100%}:root{font-family:system-ui;font-size:1rem;line-height:1.5;font-weight:400;color:#fff;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}*{padding:0;margin:0}*:focus-visible{outline:2px solid #fff}.main{display:flex;flex-direction:column;gap:16px 0;height:100%;overflow:auto}.soundcloud-box-container{width:100%;max-width:700px;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px}.soundcloud-box{display:flex;align-items:center;gap:8px;padding:8px;color:#fff;text-decoration:none;background:#444}.soundcloud-box:hover{background:#666}.soundcloud-box.soundcloud-box--win{background:#1d7e05}.soundcloud-box.soundcloud-box--win:hover{background:#3d9e25}.soundcloud-cover{height:56px;width:56px;flex-shrink:0}.soundcloud-title{flex:1}.soundcloud-music-category{font-size:1rem}.soundcloud-music-name{font-size:.875rem}.soundcloud-icon-link{display:flex;align-items:center;flex-shrink:0}.soundcloud-icon-link img{height:32px}.soundcloud-icon-link svg{height:16px;margin-left:2px}.soundcloud-icon-small{display:none}@media (max-width: 400px){.soundcloud-icon-big{display:none}.soundcloud-icon-small{display:block}}.share-block{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:700px;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px}.score{font-size:1.25rem;color:#888}.recap-container{display:flex;gap:4px}.recap-block{height:4px;width:16px}.recap-block--fail{background:red}.recap-block--skip{background:#444}.recap-block--win{background:#1d7e05}.recap-block--empty{background:#fff}.recap-phrase{font-size:1rem;color:#fff;text-align:center}.share-copied{font-size:1rem;color:#888}.button{padding:8px;color:#fff;font-size:.875rem;font-weight:600;border:none;cursor:pointer}.button--primary{background:#1d7e05}.button--primary:hover{background:#3d9e25}.button--secondary{background:#444}.button--secondary:hover{background:#666}.timer{width:100%;padding-right:16px;padding-left:16px}.timer-text{width:fit-content;margin-right:auto;margin-left:auto;font-size:.875rem;color:#888}.timer-clock{width:fit-content;margin-right:auto;margin-left:auto;font-size:1.25rem;letter-spacing:.2rem}.soundcloud-iframe{display:none}.player-help{display:flex;flex-direction:column;align-items:center;gap:8px;margin:auto;width:fit-content;padding-right:16px;padding-left:16px;color:#888;font-size:.875rem}.player-help p{text-align:center}.play-button-line{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin:auto;padding-right:16px;padding-left:16px}.player-loading{margin:auto;width:fit-content;padding-right:16px;padding-left:16px;color:#888;font-size:.875rem}.progress-bar-line{height:13px;width:100%;border-top:1px solid #888888;border-bottom:1px solid #888888}.progress-bar-container{display:flex;width:100%;max-width:700px;height:100%;margin:auto;padding-right:16px;padding-left:16px}.progress-bar{height:100%;width:0;border-top:none;border-bottom:none;background:#121212}.progress-bar::-webkit-progress-bar{background-color:#121212}.progress-bar::-webkit-progress-inner-element{border-right:1px solid #888888;border-left:1px solid #888888}.progress-bar::-moz-progress-bar{background-color:#1d7e05}.progress-bar::-webkit-progress-value{background-color:#1d7e05}.progress-bar.progress-bar--unlocked{background:#444;border-color:#121212}.progress-bar.progress-bar--unlocked::-webkit-progress-bar{background-color:#444}.progress-bar.progress-bar--unlocked::-webkit-progress-inner-element{border-color:#121212}.play-button{display:flex;align-items:center;justify-content:center;height:56px;width:56px;border-radius:100%;background:#121212;border:2px solid #ffffff;cursor:pointer}.play-button:hover{background:#444}.play-button-icon{height:24px;width:24px;color:#fff}.play-button-icon-play{margin-left:4px}.attempt-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:700px;margin:0 auto;padding-right:16px;padding-left:16px}.attempt{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px;border:1px solid #444444}.attempt--guessed{color:#fff}.attempt--skipped{font-weight:600;letter-spacing:.125rem;color:#444}.icon{flex-shrink:0;height:24px;width:24px}.attempt--guessed .icon{color:red}.empty-attempt{height:40px;border:1px solid #444444}.empty-attempt--current{border-color:#888}.option{width:100%;padding:8px 12px;border-bottom:1px solid #444444;list-style:none;cursor:pointer}.option:hover{background:#444}.search{width:100%;max-width:700px;margin:auto;padding-right:16px;padding-left:16px;position:relative}.search-bar{height:50px;width:100%;padding:12px 32px;background:#121212;color:#fff;font-size:1rem;border:1px solid #888888}.search-bar:focus{border-color:#1d7e05;outline:none}.search-icon{position:absolute;left:24px;top:15px;height:20px;width:20px;pointer-events:none}.search-reset-icon{position:absolute;right:20px;top:12px;height:28px;width:28px;padding:3px;cursor:pointer;border-radius:100%}.search-reset-icon:hover{background:#444}.option-list{width:calc(100% - 32px);border:1px solid #444444;position:absolute;bottom:50px;background:#121212}.no-result-option{width:100%;padding:8px 12px;color:#888}.search-buttons{display:flex;justify-content:space-between;width:100%;max-width:700px;margin:auto;padding-right:16px;padding-left:16px;position:relative}.content-middle{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;height:100%}.content-bottom{display:flex;flex-direction:column;gap:12px;flex-shrink:0;padding-bottom:16px}.content-link{max-width:700px;margin:0 auto;padding-right:16px;padding-left:16px;text-align:center}.content-link a{color:#fff;text-decoration:none;cursor:pointer}.content-link a:hover{text-decoration:underline}.header{display:flex;justify-content:center;border-bottom:1px solid #888888}.header-content{display:flex;align-items:center;gap:8px;width:100%;max-width:700px;margin:auto;padding:16px}.header-title{flex:1;text-align:center;font-weight:700;font-size:1.75rem;line-height:2rem}@media (max-width: 600px){.header-title{font-size:1rem;line-height:1.25rem}}.header-icon-container{height:40px;width:40px;flex-shrink:0;padding:8px;background:none;border:none;color:#fff;border-radius:100%;cursor:pointer}.header-icon-container:hover{background:#444}.header-icon{height:24px;width:24px}.header-infos-text a{color:#fff}.header-infos-subText{color:#888;font-size:.875rem}.header-infos-subText a{color:#888}.modale-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;padding:16px;background:#0006;z-index:1}.modale-container{width:fit-content;max-height:calc(100% - 60px);max-width:600px;overflow:auto;margin:60px auto auto;padding:24px;background:#121212;border:1px solid #444444}.modale-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;color:#888}.modale-title{font-size:1.5rem}.modale-close-icon{height:32px;width:32px;padding:4px;border-radius:100%;cursor:pointer}.modale-close-icon:hover{background:#444}.header-about-text a{color:#fff}.header-help-container{display:flex;flex-direction:column;gap:16px}.header-help-item{display:flex;align-items:center;gap:16px}.header-help-item-icon{width:32px;height:32px;flex-shrink:0;color:#888}.header-help-button{width:100%;display:flex;justify-content:center}.header-language-container{display:flex;gap:4px;justify-content:center}.header-language-icon-container{height:32px;width:32px;flex-shrink:0;padding:4px;border-radius:100%;cursor:pointer}.header-language-icon-container:hover{background:#444}.header-language-icon{height:24px;width:24px}.header-list-category{margin-bottom:8px}.header-list-container{padding-left:24px;margin-bottom:8px}.header-list-item a{color:#fff;text-decoration:none}.header-list-item a:hover{text-decoration:underline}.header-stats-container{display:flex;flex-direction:column;gap:16px;width:500px}@media (max-width: 600px){.header-stats-container{width:300px}}@media (max-width: 400px){.header-stats-container{width:200px}}.header-stats-item-container{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap}.header-stats-item{display:flex;flex-direction:column;color:#888;align-items:center;text-align:center}.header-stats-item-value{font-size:1.5rem;font-weight:600;color:#fff}