html,body{overscroll-behavior:none}*{color:#fff;box-sizing:border-box;-webkit-user-select:none;user-select:none;--color-success:#158822;--color-warning:#aa1;--color-danger:#bb1515;margin:0;padding:0;font-size:1rem}:before,:after{box-sizing:border-box}input{color:inherit;cursor:text;-webkit-rtl-ordering:logical;background-color:inherit;border-width:0;border-style:unset;border-color:#0000;border-image:unset;outline:none;padding:0}body{width:100dvw;height:100dvh}#root{background-color:#001;width:100dvw;height:100dvh;font-family:Roboto Mono,monospace!important}input,button,textarea,select{font-family:inherit}.page-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.page-header{border-bottom:.25rem solid #fff;width:100%;height:3rem;display:flex}.page-header>span{cursor:pointer;border-left:.125rem solid #fff;justify-content:center;align-items:center;padding:0 2rem;display:flex}.page-header>span:last-of-type{border-right:.125rem solid #fff}.page-header>span{flex:none}.page-header>img{object-fit:contain;cursor:pointer;width:auto;min-width:0;height:100%;margin-left:auto;margin-right:2rem}.page-header>img.mobile{margin-right:0}.page-body{flex-direction:column;flex:1;align-items:center;gap:.5rem;width:100%;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.page-title{padding:1rem;font-size:2.5rem}.page-title.mobile{padding:.5rem;font-size:1.5rem}.home-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100%;display:flex}.home-wrapper .title{text-align:center;font-size:2rem}.buttons-wrapper{gap:.5rem;display:flex}.buttons-wrapper.mobile{flex-direction:column}.play-button{text-align:center;cursor:pointer;background-color:#158822;border-radius:.5rem;justify-content:center;align-items:center;padding:2rem 4rem;font-size:2rem;display:flex}.play-button.mobile{padding:1rem 2rem;font-size:1.5rem}.spinner{border:.15em solid #0000001a;border-top-color:currentColor;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#mobile-page-wrapper{--mobile-header-height:3rem;--daily-color:#06b;--lyricle-color:#a44;--unlimited-color:#44a;--stats-color:#394;--archive-color:#414;flex-direction:column;width:100dvw;height:100dvh;transition:background-color .5s;display:flex}#mobile-homepage-header{border-bottom:.125rem solid #fff;justify-content:space-between;align-items:center;height:3rem;padding:.25rem .5rem;display:flex}#mobile-homepage-header>img{height:100%}#mobile-header{height:var(--mobile-header-height);border-bottom:.125rem solid #fff;justify-content:center;align-items:center;display:flex;position:relative}#mobile-back-button{font-size:2rem;position:absolute;left:0}#mobile-body-wrapper{--game-button-height:9rem;--button-description-color:#bbb;--button-border-radius:1rem;--button-padding:1rem 1rem;flex-direction:column;flex:1;gap:1rem;width:100%;padding:1rem;display:flex;overflow-y:auto}#mobile-page-wrapper,#mobile-page-wrapper *{scrollbar-width:none}#mobile-page-wrapper::-webkit-scrollbar{display:none}#mobile-page-wrapper ::-webkit-scrollbar{display:none}#mobile-dailies-wrapper{overscroll-behavior-x:auto;-webkit-overflow-scrolling:touch;gap:1rem;padding-top:.5rem;padding-right:1rem;display:flex;overflow-x:auto}#mobile-daily-button-main{background-color:var(--daily-color);border-radius:var(--button-border-radius);padding:var(--button-padding);width:min(100%,20rem);height:var(--game-button-height);flex-shrink:0;gap:1rem;padding-right:.25rem;display:flex;position:relative}#mobile-daily-button-main,.mobile-daily-button-small{border:.125rem solid #fff}#mdb-info-wrapper{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}#mdb-info-wrapper>.title{white-space:nowrap;width:100%;font-size:1.5rem;font-weight:700;overflow:visible}#mdb-info-wrapper>.description{width:min(20rem,100%);color:var(--button-description-color);font-size:.8rem}#mdb-info-wrapper>.date{font-size:1rem}.mdb-icon-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:5rem;display:flex}.mdb-icon-wrapper>*{color:inherit}.mdb-icon-wrapper>#mdb-icon{font-size:4rem}.mdb-icon-wrapper>.attempt-info{text-align:center;max-height:2rem;font-size:.75rem;overflow:hidden}@media (width<=22rem){#mobile-daily-button-main>.mdb-icon-wrapper{display:none}}.mobile-daily-button-small{height:var(--game-button-height);width:var(--game-button-height);background-color:var(--daily-color);border-radius:var(--button-border-radius);flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;padding-bottom:.75rem;display:flex;position:relative}.mobile-daily-button-small>.mdb-icon-wrapper{top:.5rem;left:0;bottom:unset;width:100%}.mobile-daily-button-small>.mdb-icon-wrapper.archive{padding-bottom:.25rem}.mobile-daily-button-small>.mdb-icon-wrapper>.icon{font-size:5rem}.mobile-daily-button-small>.date{font-size:1rem}#mobile-stats-button{background-color:var(--stats-color)}#mobile-unlimited-button{background-color:var(--unlimited-color)}#mobile-lyricle-button{background-color:var(--lyricle-color)}#mobile-archive-button,#mobile-archive-button-big{background-color:var(--archive-color)}#mobile-other-buttons{justify-content:center;gap:1rem;display:flex}.mobile-game-button{border-radius:var(--button-border-radius);width:100%;padding:var(--button-padding);border:.125rem solid #fff;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.mobile-game-button.tiny{gap:1rem;padding:.5rem 1rem}.mobile-game-button.tiny>.info-wrapper>.title{font-size:1.25rem}.mobile-game-button.tiny>.icon-wrapper>.icon{font-size:2rem;line-height:2.5rem}.mobile-game-button>.info-wrapper{flex-direction:column;gap:.5rem;display:flex}.mobile-game-button>.info-wrapper>.title{font-size:1.5rem;font-weight:700}.mobile-game-button>.info-wrapper>.title>.subtitle{flex:1;font-size:1.25rem}.mobile-game-button>.info-wrapper>.description{width:min(10rem,75%);color:var(--button-description-color);font-size:.8rem}.mobile-game-button>.icon-wrapper>.icon{font-size:4rem}#game-launch-screen{z-index:30;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100dvh;transition:height .5s,opacity .5s;display:flex;position:absolute;bottom:0;left:0}#game-launch-screen.closed{opacity:0;height:0}#ls-back{font-size:2rem;position:absolute;top:.5rem;left:.5rem}#ls-title{font-size:2rem}#ls-icon{font-size:5rem}#ls-description{text-align:center;width:min(100%,15rem)}.ls-button{text-align:center;border:.125rem solid #fff;border-radius:2000rem;width:min(100%,15rem);padding:1rem}.game-wrapper{flex-direction:column;align-items:center;gap:1rem;width:50%;min-width:30rem;padding:1rem;display:flex}.game-wrapper>.title-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.game-wrapper>.title-wrapper>.title{font-size:2rem}.game-wrapper>.title-wrapper>.subtitle{font-size:1.25rem}.search-container{gap:.5rem;width:100%;display:flex}.game-wrapper.mobile{justify-content:center;align-items:center;width:100%;min-width:0;padding:0}.completed-game-image{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:max(20rem,50%)}.completed-game-image.mobile{max-width:min(20dvh,100%)}.ending-message{flex-direction:column;display:flex}.ending-message>span{text-align:center;justify-content:center;align-items:center;display:flex}.share-button{cursor:pointer;background-color:#444;border:.125rem solid #0000;border-radius:.5rem;justify-content:space-evenly;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.share-button.mobile{padding:.5rem 1rem}.share-button:hover{background-color:#666;border-color:#fff}.share-button>*{justify-content:center;align-items:center;display:flex}.share-button>.copied-message{color:#0000;width:0;transition:color .5s;position:absolute;right:-3rem}.share-button>.copied-message.visible{color:#fff;transition:color}.gd-wrapper{flex-direction:column;gap:.5rem;width:100%;height:fit-content;display:flex}.guess-wrapper{border:.125rem solid #fff;width:100%;height:3rem;display:flex}.guess-inner-wrapper{flex:auto;align-items:center;gap:1rem;width:100%;height:100%;padding:0 1rem;display:flex}.guess-inner-wrapper>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.25rem;font-weight:700;overflow:hidden}.guess-inner-wrapper.mobile>span{font-size:1rem}.guess-value.skipped{color:gray}.guess-inner-wrapper.correct{background-color:#040}.guess-inner-wrapper.incorrect{background-color:#400}.guess-inner-wrapper.skipped{background-color:#222}.ap-outer-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.ap-wrapper{cursor:pointer;border:.25rem solid #fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.progress-wrapper{width:100%;height:1rem;position:relative}.progress-wrapper.mobile{height:.5rem}.progress-bar{background:#e0e0e0;border-radius:999px;position:absolute;inset:0;overflow:hidden}.progress-fill{background:#4caf50;width:0%;height:100%;transition:width .3s}.progress-marks{position:absolute;inset:0}.mark{background:#000;width:.25rem;height:100%;position:absolute;top:0;transform:translate(-50%)}.search-wrapper{border:.125rem solid #fff;width:100%;display:flex;position:relative}.search-input-wrapper{flex:1;align-items:center;gap:.5rem;height:3rem;padding:.5rem;display:flex}.search-input-wrapper span{font-size:1.25rem}.search-input-wrapper .close{cursor:pointer}.search-input{flex:1;width:100%;font-size:1.25rem}.search-options-wrapper{z-index:1000;scrollbar-width:none;background-color:#fff;border:.125rem solid #fff;flex-direction:column;align-items:flex-start;max-height:8rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto}.search-options-wrapper::-webkit-scrollbar{display:none}.skip-button{cursor:pointer;border-left:.125rem solid #fff;justify-content:center;align-items:center;width:min-content;padding:.5rem 1rem;line-height:1;display:flex}.search-option span{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-size:1.25rem;font-weight:700}.search-option{box-sizing:border-box;cursor:pointer;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:.125rem solid #fff;flex:0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem .5rem;display:flex}.search-option img{object-fit:cover;width:auto;height:100%}.archive-wrapper{flex-direction:column;gap:2rem;width:min(80rem,100%);display:flex}.archive-wrapper h1{text-align:center;margin-bottom:30px}.archive-section{flex-direction:column;gap:1rem;display:flex}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.5rem;display:grid}.archive-grid.small{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.archive-button{cursor:pointer;background:0 0;border:2px solid #ccc;border-radius:.5rem;flex-direction:column;justify-content:space-evenly;align-items:center;height:3rem;display:flex}.archive-button.small{height:auto;padding:.5rem 0}.archive-button>.info{color:#aaa;padding:.25rem;font-size:.75rem}.archive-date{justify-content:center;align-items:center;font-weight:700;display:flex}.archive-status{font-size:.9em}.archive-button.selected{color:#5ff}.archive-button.future{opacity:.35;cursor:default}.archive-button.not-attempted{border-color:#ccc}.archive-button.not-attempted .archive-status{color:#777}.archive-button.in-progress{border-color:#d9a441}.archive-button.in-progress .archive-status{color:#a87816}.archive-button.complete-success{border-color:#4caf50}.archive-button.complete-success .archive-status{color:#388e3c}.archive-button.complete-failure{border-color:#d9534f}.archive-button.complete-failure .archive-status{color:#c03935}.archive-date>span{height:100%;display:flex}.day-suffix{font-size:.75rem;font-weight:400}.stats-wrapper{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;display:flex}.stats-section{flex-direction:column;gap:1rem;display:flex}.stats-section h2{padding-left:.25rem;font-size:1.4rem}.stats-grid{flex-wrap:wrap;gap:.5rem;display:flex}.stat{box-sizing:border-box;border:.125rem solid #ddd;border-radius:.625rem;flex-direction:column;flex:calc(25% - .75rem);justify-content:center;align-items:center;min-height:6.25rem;padding:1rem;display:flex}.stat-value{font-size:1.8rem;font-weight:700}.stat-label{text-align:center;opacity:.7;margin-top:.375rem;font-size:.85rem}.guess-distribution{flex-direction:column;gap:.625rem;display:flex}.guess-row{align-items:center;gap:.625rem;display:flex}.guess-number{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;font-weight:600;display:flex}.guess-bar-wrapper{background:#eee;border-radius:.3125rem;flex:1;min-width:0;height:1.5rem;display:flex;overflow:hidden}.guess-bar{background:#0c5;border-radius:.3125rem;min-width:0;height:100%;transition:width .2s;display:flex}.guess-count{flex-shrink:0;justify-content:flex-end;align-items:center;width:1.875rem;display:flex}.album-stats{flex-direction:column;gap:.5rem;display:flex}.album-stat{border:.0625rem solid #ddd;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.album-selector{flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.25rem;display:grid}.album-button{cursor:pointer;background:0 0;border:.125rem solid #0000;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.album-button img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}.album-button:hover{border-color:#fff}.album-button.selected{border-color:#5ff}.selected-album{flex-direction:column;gap:1.25rem;min-height:21rem;display:flex}.selected-album-header{align-items:center;gap:1rem;display:flex}.selected-album-logo{object-fit:cover;border-radius:.5rem;width:5rem;height:5rem}.selected-album-header h3{margin:0;font-size:1.3rem}.album-stat-grid{flex-wrap:wrap;gap:.5rem;display:flex}.album-stat-grid .stat{flex:8rem}.album-no-games{opacity:.6;justify-content:center;align-items:center;min-height:5rem;display:flex}#lyric-game-wrapper{flex-direction:column;gap:1rem;width:100%;height:100%;display:flex}#lyric-header-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}#lyric-header-wrapper>#infos{flex-direction:column;justify-content:center;align-items:center;display:flex}#lyric-header-wrapper>#infos>span{white-space:nowrap}.lyric-input{border-bottom:.125rem solid #fff;padding:.5rem}.lyrics-container{flex-direction:column;flex:1;gap:2rem;padding-bottom:50dvh;display:flex;overflow-y:scroll}.paragraph{flex-direction:column;gap:.5rem;display:flex}.word{white-space:nowrap}#lyric-scroll-indicator{justify-content:center;display:flex}#lyricle-win-screen{background-color:#338;border:.125rem solid #55a;border-bottom:none;width:calc(100dvw - 1rem);height:calc(100dvh - 3.5rem);max-height:calc(100dvh - 3.5rem);padding:.5rem;transition:max-height .5s;display:flex;position:absolute;bottom:0;left:.5rem;overflow:hidden}#lyricle-win-screen.closed{border:none;max-height:0;padding:0}#lyricle-win-screen>.close-button{position:absolute;top:.5rem;left:.5rem}#win-screen-body{flex-direction:column;flex:1;align-items:center;gap:1rem;height:100%;padding-top:4rem;display:flex}#ws-title{font-size:2.5rem}#ws-game-summary{flex-direction:column;align-items:center;width:100%;display:flex}#ws-other-games{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.ws-other-game{border:.125rem solid #fff;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.5rem;display:flex}#finished-buttons{flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:auto;padding-bottom:2rem;display:flex}.finished-button{border:.125rem solid #fff;border-radius:2000rem;justify-content:center;align-items:center;width:min(100%,15rem);padding:.75rem 0;display:flex}.user-page{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100%;display:flex}.user-page-content{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:25rem;display:flex}.user-page h1{margin:0}.user-page p{text-align:center;margin:0}.user-info{flex-direction:column;gap:.75rem;width:100%;margin:1rem 0;display:flex}.user-info-item{border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.user-info-label{color:#666;font-size:.8rem}.up-buttons{flex-direction:column;gap:.75rem;width:100%;display:flex}.up-button{cursor:pointer;background:#444;border:none;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem}#up-stats-button{background:var(--stats-color)}#up-logout-button{background:#a33}.user-button:hover{background:#333}.user-button:disabled{opacity:.6;cursor:default}.auth-form{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.auth-form h2{margin:0 0 .5rem}.auth-form input{box-sizing:border-box;border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem}.auth-form input:focus{border-color:#666;outline:none}.auth-message{font-size:.9rem}.auth-back-button{color:#666;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem}.auth-back-button:hover{color:#222}.auth-switch{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;font-size:.9rem;display:flex}.auth-link-text{font-size:inherit;text-decoration:underline}.google-signin-button{cursor:pointer;background:0 0;border:none;width:auto;padding:0;display:block}.google-signin-button img{object-fit:contain;width:auto;height:3rem;display:block}#footer-buttons{flex-direction:column;gap:.5rem;margin-top:auto;margin-bottom:0;display:flex}.privacy-policy-button{background:0 0;border:none;text-decoration:underline}.privacy-policy{max-width:50rem;margin:0 auto;padding:2rem 1.5rem 4rem;line-height:1.6}.privacy-policy h1{margin-bottom:.5rem}.privacy-policy h2{margin-top:2rem}.privacy-policy h3{margin-top:1.5rem}.privacy-policy p{margin:.75rem 0}.privacy-policy li{margin:.4rem 0}.terms-of-service{max-width:50rem;margin:0 auto;padding:2rem 1.5rem 4rem;line-height:1.6}.terms-of-service h1{margin-bottom:.5rem}.terms-of-service h2{margin-top:2rem}.terms-of-service h3{margin-top:1.5rem}.terms-of-service p{margin:.75rem 0}.terms-of-service li{margin:.4rem 0}