@font-face{font-family:Circular;src:local("Circular"),url(../../static/media/Circular.757b8ac8efa71be3fcd0.otf) format("truetype")}@font-face{font-family:CircularLight;src:local("CircularLight"),url(../../static/media/CircularLight.5e12df08ca91cc19e9e7.otf) format("truetype")}html{background-color:#051f20;font-family:Circular}body{color:#fff;margin:0 auto}footer{background-color:#051f20;bottom:0;height:4vh;position:absolute;width:100%}input,select,textarea{font-size:16px}.header{align-items:center;border-bottom:1px solid #888;color:#fff;display:flex;font-size:6vh;gap:3vh;justify-content:center;padding:1.5vh}.header-title{font-size:3vh;margin:0;text-align:center;width:60%}.header>img{cursor:pointer}.game-guess-title{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2vh;position:relative;row-gap:1.2vh}.game-guess-title>input{background-color:#051f20;background-position:2vh;background-repeat:no-repeat;background-size:15px;border:1px solid #888;color:#888;font-weight:700;height:5vh;outline:none;padding:0 2vh;text-indent:3.5vh;width:48vw}#search-input{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvklEQVR4nO2WTUoDQRCFBzVu/NkpeAXjHdS1LoyoV5CI/xfoTZr32jnBrOMP5CKCuNEIRkzcu9aFriKV1MC4idM9IQhaUKv0669SXf2mo+g/fksYYyZJ7pC8BNAC8K7ZInkhv8maoUJJbpLskOwOSgBtAJXCQGPMGMmzzMZ3JA+ttYtxHE9JkiwDOCJ5nymCoi3yT88U+EFyd9BmWmRV1/bgRdrblY2cc8t5dQBWUrhzbiNkkDpa+a5v0c65PdU+J0lSyi1kf3p7ZxpyVo1GY5xkU+FbuYUArhR8EAUGyWPd49xH9CQimd4C4LKCWz6iNxEZY6ZDwc65GW3120jBxpjZEPBT0VZba5fSyfYBX+j5HIWCSZ4quO59nUjeh14nAA9a/LaXgQBoK7zqCya5r9qOMWbCSwygklqm2GBenXNuleSnWuZ6FBLsR+rXe9LCH9xqP4UCeI3jeD4IbPpfnB5cs6mOVJarJinTC+AkPdMUmq4PhkvIV0auRY6HwAvJNYFlvLoYPEmSkhi+eC/JRzEGefpoQXWZ3uwgDRXuG9bauczL5LFWqy1EfwIef2/7zcjAGfgtgOuRgv8j0vgCjQnQruImpCkAAAAASUVORK5CYII=);background-position:1vh;background-position-y:center;background-repeat:no-repeat;background-size:3.5vh 3.5vh;text-indent:3vh}#search-input:focus{border:1px solid #04aa6d}.game-main{bottom:0;margin-bottom:5vh;position:absolute;width:100%}.game-time{display:flex;position:relative}.game-time>span:first-child,.game-time>span:nth-child(2){width:10%}.game-time>span:nth-child(3){width:30%}.game-time>span:nth-child(4){width:40%}.game-time>span:nth-child(5){width:45%}.game-time>span:nth-child(6){width:55%}.game-time-grid{border:1px solid #888;height:2vh}.game-time-grid-loaded{background-color:#404040;height:2vh;width:0;z-index:-1}#time-all{position:absolute}.outer-container{align-items:center;display:flex;justify-content:center}.game-time-play{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:1vh}.game-play-btn{cursor:pointer}.game-buttons{display:flex;justify-content:space-between;margin-top:2vh}.game-buttons>button{border-radius:5vh;cursor:pointer;font-weight:700;height:8vh;width:10vw}.skip-btn{align-self:flex-start;background-color:#051f20;border:1px solid #888;color:#fff}.submit-btn{background-color:#24f053}.submit-btn,.submit-btn:disabled{align-self:flex-end;border:none;color:#000}.submit-btn:disabled{background-color:#014a2f}.todays-answer-btn{cursor:pointer;display:inline-block;font-weight:700;margin-bottom:3vh;margin-top:3vh;text-decoration:underline}.grid-layout{background-color:#051f20;bottom:5.3vh;display:grid;max-height:40vh;overflow-y:auto;position:absolute;text-indent:2vh;width:100%}.grid-layout-song{border:2px solid #014a2f;cursor:pointer;font-family:CircularLight;line-height:4vh;max-height:4vh;padding-bottom:5px;padding-top:5px}.grid-layout-searching{color:#666;font-style:italic;padding:10px}.grid-layout-error{color:#ff6b6b;padding:10px}.streaming-dropdown-container{display:inline-block;position:relative}.streaming-dropdown{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;margin-top:4px;min-width:160px;position:absolute;top:100%;z-index:1000}.streaming-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.streaming-option:hover{background-color:#f5f5f5}.streaming-option:first-child{border-radius:8px 8px 0 0}.streaming-option:last-child{border-radius:0 0 8px 8px}.streaming-icon{font-size:16px}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}mark{background:#888;padding:2px 0}.result-screen{align-items:center;display:flex;flex-direction:column;margin-top:5vh}.result-play-again{background:none;border:none;color:#24f053;cursor:pointer;font-size:2vh;font-weight:700;margin-top:2vh;text-decoration:underline}.result-album-cover{border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15);height:150px;width:150px}.result-song{align-items:center;display:flex;flex-direction:column}.result-song-title{font-size:1.5rem;margin-bottom:.5vh;margin-top:1.5vh;text-align:center}.result-text{color:#888;font-size:1rem;margin:0;text-align:center}.result-desc{font-size:4vh;font-weight:600;margin-top:6vh;text-align:center}.result-comment{font-family:CircularLight;margin-top:2rem;text-align:center;white-space:pre-wrap}.result-boxes{display:flex;gap:.6rem;justify-content:center;margin-bottom:1rem}.result-box{background-color:#ddd;border-radius:6px;height:30px;width:30px}.result-box.correct{background-color:#2ecc71}.result-box.wrong{background-color:#e74c3c}.result-box.skipped{background-color:#3282f6}.result-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.result-action-btn{background-color:#3580bb;border:none;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:1.1rem;min-width:120px;padding:12px 25px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.result-action-btn:active,.result-action-btn:focus{background-color:#275e8a;outline:none}.play-again-link{color:#007bff;cursor:pointer;display:inline-block;font-family:CircularLight;font-size:1rem;margin-top:1rem;position:relative;text-align:center;text-decoration:none;transition:color .2s ease;z-index:10}.play-again-link:hover{color:#0056b3}.toast-notification{background-color:#333;border-radius:20px;bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;font-size:14px;left:50%;opacity:.9;padding:8px 16px;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:9999}.listen-deezer-btn{background-color:#24f053;border:none;color:#000;height:6vh}.result-share{background-color:#3580bb;border:none;border-radius:5vh;color:#fff;cursor:pointer;font-size:2vh;font-weight:700;padding:1.5vh 3vh;transition:background-color .3s ease}.result-share:active{background-color:#275e8a}.next-heardle-timer{bottom:5vh;font-family:CircularLight;position:absolute}.modal{background:#051f20;border:1px solid #888;bottom:auto;font-family:Helvetica;font-size:3vh;left:50%;margin-right:-50%;padding:2vh;position:fixed;right:auto;text-align:center;top:25%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);visibility:visible;width:37vw;z-index:500}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:0 3vh}.modal-title{flex:1 1;font-size:3.5vh;text-align:center}.new-line{white-space:pre-line}.modal-close{border:none;cursor:pointer;font-size:14px}.modal-stats-table{display:flex;justify-content:space-between;padding:0 3vw}.modal-stats-stack{align-items:center;display:flex;flex-direction:column}.modal-stats-stack>p{color:#fff;font-size:2vh}.modal-stats-stack>p.day{color:#888}.modal-stats-stack>img{align-items:center;display:flex}.modal-stats-result{height:20vh;margin-bottom:2vh;width:2vw}.modal-stats-result.correct{background-color:green}.modal-stats-result.wrong{background-color:red}.modal-stats-table-subtitle{color:#888;font-size:2vh;margin:0;padding-bottom:3vh}.modal-stats-footer{border-top:1px solid #888;display:flex;justify-content:space-between;padding:2vh 2vw 0}.modal-stats-div{display:flex;flex-direction:column;width:100%}.modal-stats-div *{margin:0}.modal-stats-num{font-size:3.5vh;font-weight:700}.modal-stats-title{color:#888;font-size:2vh}.modal-how-to{align-items:center;display:flex;flex-direction:column}.modal-how-to-line{align-items:center;display:flex;gap:2vh;height:10vh;text-align:left}.modal-play-btn{flex:1 1;text-align:center}@media only screen and (max-width:850px){.game-guess-title>input{width:80vw}.game-buttons>button{width:28vw}.result-album-cover{height:100px;width:100px}.result-song-title{font-size:4vh}.result-text{font-size:2.5vh}.modal{font-size:1.5vh;width:70vw}.modal-title{font-size:4vh}.modal-stats-stack>p,.modal-stats-table-subtitle{font-size:3vh}.modal-about,.modal-how-to{font-size:2.5vh}.modal-how-to-icon{height:25px;width:25px}.modal-stats-num{font-size:2.5vh}.modal-stats-title{font-size:1.5vh}.modal-stats-result{height:10vh;margin-bottom:2vh;width:2vw}}
/*# sourceMappingURL=main.3c7280b5.css.map*/