@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;700;800&display=swap";.ui-icon{width:30px;height:30px;font-size:18px;display:flex;justify-content:center;align-items:center}.game-dashboard .start-container .card.player-scoreboard{position:relative;min-height:0;flex:1 1 0;overflow:hidden;padding:0 20px 15px;width:100%;display:flex;flex-direction:column;gap:10px}.game-dashboard .start-container .card.player-scoreboard .players-empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700}.game-dashboard .start-container .card.player-scoreboard .players-empty p{opacity:.3}.game-dashboard .start-container .card.player-scoreboard div.players-list{overflow:auto;height:100%}.game-dashboard .start-container .card.player-scoreboard h2.label{position:sticky;top:0;background-color:#fff;padding-top:15px;z-index:10}.player-entry{display:flex;align-items:center;font-size:16px;margin-bottom:10px}.player-entry p{margin:0}.player-entry .place-badge,.player-entry .player-name{font-weight:700}.player-entry .player-name{margin-right:10px}.player-entry .place-badge{width:20px;height:20px;border-radius:100px;display:flex;justify-content:center;align-items:center;margin-right:5px}.player-entry .place-badge.first{background-color:#5a82fc;color:#fff}.player-entry .player-score{margin-left:auto}.player-entry .player-guess{opacity:.3}.player-entry .player-guess.received{opacity:1;color:#fc5ad8}.player-entry .kick-player{width:30px;height:30px;background-color:#ff5151;color:#fff;border-radius:8px}@media only screen and (max-height: 949px){.game-dashboard .start-container{flex-wrap:wrap;flex-grow:0!important}.game-dashboard .start-container .card.player-scoreboard{flex-grow:0}}.player-join-notificiation{z-index:2;background:#FC5AD8;color:#fff;border-radius:15px;font-size:24px;padding:0 25px;position:absolute;bottom:0;right:50%;transform:translate(50%,-50%)}.game-dashboard{width:100%;height:100%;padding:20px 25px;display:flex;flex-direction:column}.game-dashboard .dashboard{width:100%;height:100%;display:flex;gap:15px}.game-dashboard .dashboard .start-container{display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;flex-grow:0;width:350px}.game-dashboard .dashboard .reveal-container{flex-grow:1;display:flex;flex-direction:column;gap:20px}.game-dashboard .dashboard .reveal-container .card{width:100%}.game-dashboard .dashboard .reveal-container .card.track{display:flex;flex-direction:column;align-items:center;padding:40px 0;background-color:#5a82fc;color:#fff}.game-dashboard .dashboard .reveal-container .card.track p{margin:0}.game-dashboard .dashboard .reveal-container .card.track p.track-info{font-size:40px;font-weight:700}.game-dashboard .dashboard .reveal-container .card.track p.track-info-artist{font-size:35px;font-weight:400}.game-dashboard .dashboard .reveal-container .card.track p.track-year{font-size:64px}.game-dashboard .dashboard .reveal-container .card.score-card{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:35px 10px}.game-dashboard .dashboard .reveal-container .card.score-card .score-row{display:flex;gap:40px}.game-dashboard .dashboard .reveal-container .card.score-card .score-row .player-score-entry{border-radius:15px;width:225px;display:flex;flex-direction:column;align-items:center;padding:5px 0}.game-dashboard .dashboard .reveal-container .card.score-card .score-row .player-score-entry.win{background-color:#5a82fc;color:#fff}.game-dashboard .dashboard .reveal-container .card.score-card .score-row .player-score-entry p{margin:0}.game-dashboard .dashboard .reveal-container .card.score-card .score-row .player-score-entry p.player-name{font-size:20px;font-weight:700}.game-dashboard .dashboard .reveal-container .card.score-card .score-row .player-score-entry p.guess{font-size:36px}.game-dashboard .dashboard .reveal-container .card.score-card .score-row .player-score-entry p.guess span.small{font-size:24px}.game-dashboard .logo-container{width:100%}.game-dashboard .logo-container img{display:block;margin-left:auto;margin-right:auto}.game-dashboard .card{background-color:#fff;border-radius:20px;width:max-content}.game-dashboard .card.room-info{display:flex;flex-direction:column;gap:30px;padding:15px 20px;width:100%}.game-dashboard .card.game-controls{display:flex;flex-direction:column;gap:15px;padding:15px 20px;width:100%}.game-dashboard .card.game-controls .ui-icon{width:75px;height:75px;font-size:75px}.game-dashboard .card.game-controls .sound-control{width:100%;display:flex;justify-content:center;color:#fc5ad8;cursor:pointer}.game-dashboard .card.game-controls .sound-control.disabled{opacity:.3;cursor:default}.game-dashboard .card.game-controls .button-bar{display:flex;gap:15px}.game-dashboard .card h2.label{font-weight:700;font-size:20px;margin:0}.game-dashboard .card p.content{font-weight:400;font-size:36px;margin:0}button.ui-button{border:none;border-radius:10px;height:47px;padding:10px 15px;font-weight:700;color:#fff;background-color:#5a82fc;font-size:18px;display:block}button.ui-button[disabled]{opacity:.3}p.tagline{color:#fff;font-weight:700;font-size:16px}input.button.submit-button{font-size:16px;padding:10px 15px;background-color:#5a82fc;border:none;height:47px;border-radius:10px;font-weight:700;color:#fff}.ui-text-input-container input{padding:10px 15px;font-size:16px;display:flex;align-items:center;border-radius:10px}.ui-text-input-container p{color:#fff;margin:0;padding:0;font-weight:700}.ui-text-input-container input[type=text]{width:100%;box-sizing:border-box}.create-room-form{margin-top:40px}.create-room-form input.button.submit-button{margin-top:20px;display:block;margin-left:auto;margin-right:auto}.create-room-form span.error{display:block;color:#fc5a5a;font-weight:700;margin-top:5px}.create-room-step{max-width:260px}.create-room-step img{display:block;margin-left:auto;margin-right:auto}.connect-spotify-button{color:#fff;background-color:#1db954;padding:15px 10px;border-radius:15px;font-size:24px;cursor:pointer}.pubify-manager-container .backdrop{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100;backdrop-filter:blur(8px);color:#5afc7e;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;pointer-events:none}.pubify-manager-container .backdrop-enter{opacity:0}.pubify-manager-container .backdrop-enter-active{opacity:1;transition:opacity .2s}.pubify-manager-container .backdrop-enter-done,.pubify-manager-container .backdrop-exit{opacity:1}.pubify-manager-container .backdrop-exit-active{opacity:0;transition:opacity .2s}.pubify-manager-container .backdrop-exit-done{opacity:0}.pubify-manager-container .backdrop .ui-icon{width:fit-content;height:fit-content;font-size:128px}.pubify-manager-container .backdrop p{font-size:64px;font-weight:700;margin-top:10px}.pubify-manager-container .backdrop.hidden{top:-100%}.join-room-container{width:100%;height:100%;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.join-room-container .join-room-form-intro{display:flex;flex-direction:column;align-items:center}.join-room-container form div.ui-text-input-container{margin-bottom:15px}.join-room-container form input.submit-button{margin-top:10px}.player-info{color:#fff;display:flex;flex-direction:column;align-items:center}.player-info h1{margin-bottom:5px}.player-info p{text-align:center;margin-top:0}div.send-guess-screen{color:#fff}div.send-guess-screen h1{margin-bottom:0;text-align:center}div.send-guess-screen p{margin-top:0}div.send-guess-screen input.button.submit-button.send-guess-button{margin-top:25px;text-align:center;background-color:#5afc7e;margin-left:auto;margin-right:auto;display:block}div.send-guess-screen input.button.submit-button.send-guess-button[disabled]{opacity:30%}div.player-game-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}div.player-game-container img{width:30%}div.player-game-container div.room-name{color:#fff}div.player-game-container div.room-name p{margin:0}div.player-game-container div.room-name p span{background-color:#fc5ad8;padding:0 5px;border-radius:8px;font-weight:700}div.player-game-container div.game-state-info{color:#fff;display:flex;flex-direction:column;align-items:center;margin:20px 0}div.player-game-container div.game-state-info p{margin:0}div.player-game-container div.game-state-info p.main-info{font-weight:700;font-size:18px}div.player-game-container div.game-state-info.guess-sent p.waiting-message{margin-top:20px}div.player-game-container div.game-state-info.guess-sent p.smaller{width:100%;font-size:12px;font-style:italic;margin-top:10px}div.player-game-container div.game-state-info.guess-sent h1{margin-bottom:5px}div.player-game-container div.scorecard-container{width:100%;position:absolute;bottom:0}div.player-game-container div.scorecard-container p.scorecard-container-header{font-weight:600;color:#fff;margin-bottom:5px;margin-top:0;font-size:18px}div.player-game-container div.scorecard-container div.card.player-scoreboard{width:100%;padding:10px;background-color:#fff;border-radius:15px}div.player-game-container div.scorecard-container div.card.player-scoreboard h2{margin-top:0;margin-bottom:5px}div.player-game-container div.scorecard-container div.card.player-scoreboard .players-list{max-height:150px;overflow:auto}pre{width:290px;height:200px;overflow:auto}.pubify-manager-container{height:100%;position:relative}.pubify-manager-container.host .bubbles-container svg circle.top-end,.pubify-manager-container.host .bubbles-container svg circle.bottom-start{fill:#283557}.pubify-manager-container.center{display:flex;justify-content:center;align-items:center}.pubify-manager-container .bubbles-container{height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.pubify-manager-container .bubbles-container svg{height:100%;width:100%}.pubify-manager-container .bubbles-container svg circle{transition:.2s linear fill}.pubify-manager-container .connection-status{display:flex;align-items:center;gap:5px;position:absolute;bottom:20px;background-color:#fff;padding:5px 10px 5px 0;border-radius:5px}.pubify-manager-container .connection-status p{margin:0;padding:0}.pubify-manager-container .connection-status .ui-icon.connected{color:#5afc7e}.pubify-manager-container .connection-status .ui-icon.error{color:#fc5a5a}@media only screen and (max-width: 1000px){.bubbles-container svg circle.top-start,.bubbles-container svg circle.top-end{display:none}.bubbles-container svg circle.bottom-end{r:250}}@media only screen and (max-width: 400px){.bubbles-container svg circle.top-start,.bubbles-container svg circle.top-end{display:none}.bubbles-container svg circle.bottom-end{r:230}.bubbles-container svg circle.bottom-start{r:200}}.client-type-selector{max-width:260px}.client-type-selector img{display:block;margin-left:auto;margin-right:auto}.client-type-selector p.tagline{color:#fff;font-weight:700;font-size:16px;margin-top:0;margin-bottom:50px}.client-type-selector div.button-container{display:flex;flex-direction:column;gap:20px}.client-type-selector div.button-container button.big{padding:25px 35px;font-size:32px;color:#fff;font-weight:700;border-radius:25px;border:none}.client-type-selector div.button-container button.big.join-game{background-color:#fc5ad8}.client-type-selector div.button-container button.big.host-game{background-color:#5a82fc}.client-type-selector div.button-container button.big[disabled]{opacity:.3}@media only screen and (max-width: 1000px){.client-type-selector{margin-top:-200px}}body{font-family:Prompt,sans-serif;background-color:#212226}html{height:100%}html body{height:100%;margin:0}html body #root,html body #root .App,html body #root .App .manager-container{height:100%}.full-size{width:100%;height:100%}*{box-sizing:border-box}