@import "https://fonts.googleapis.com/css2?family=Germania+One&display=swap";.button-light{text-align:center;color:var(--text);background-color:var(--secondary);cursor:pointer;border:2px solid #0000;border-radius:10px;margin:2px 8px;padding:10px 25px;font-family:Germania One,cursive;font-size:calc(6px + 4vmin);transition:all .12s ease-in-out;position:relative;top:0;box-shadow:0 5px #b4431a}.button-light:active{background-color:var(--primary);top:5px}.button-light:hover{background-color:var(--secondary)}.button-dark{border:2px solid var(--primary);background-color:var(--secondary);text-align:center;color:var(--text);cursor:pointer;border-radius:10px;margin:2px 8px;padding:10px 25px;font-family:Germania One,cursive;font-size:calc(6px + 4vmin);transition:all .12s ease-in-out;position:relative;top:0}.button-dark:active{top:5px}.button-dark:hover{background-color:var(--secondary)}#root{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:0 1em;display:flex}.app-wrapper{color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.app-wrapper img#banner{border-radius:16px;width:50%}.actions-buttons{display:flex}.join-modal{border-radius:8px;flex-direction:column;display:flex;box-shadow:0 0 10px #0000001a}.modal-content{background-color:var(--tertiary);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:300px;margin:auto;padding:20px;display:flex}.input-field{width:100%;color:var(--tertiary);margin:10px 0;padding:8px}.join-button{color:#fff;background-color:var(--background);border:none;border-radius:4px;padding:10px 20px}footer{flex-direction:row;align-items:center;gap:8px;display:flex;position:absolute;bottom:8px}footer a{color:var(--text);border:2px solid #0000;border-radius:8px;padding:2px 4px;text-decoration:none;transition:all .2s ease-in-out}footer a:hover{background-color:var(--tertiary);border:2px solid var(--primary);border-radius:8px}#mailto{color:var(--text);border:2px solid #0000;border-radius:8px;padding:2px 4px;text-decoration:none;transition:all .2s ease-in-out}#mailto:hover{background-color:var(--tertiary);border:2px solid var(--primary);border-radius:8px}@media screen and (width<=768px){#root{padding:8px}.actions-button{flex-direction:column;gap:8px;margin-top:24px;display:flex}.actions-button button{font-size:32px}.app-wrapper img#banner{width:100%}}.game-container{flex-direction:column;justify-content:flex-start;align-items:center;max-height:100%;display:flex}.game-view{flex-direction:column;justify-content:center;align-items:center;margin-top:24px;display:flex}.votingPhase{-o-transition:all .3s ease;flex-direction:column;justify-content:space-around;align-items:center;gap:8px;max-width:600px;transition:all .3s;display:flex}.voting-cards{flex-direction:row;justify-content:space-between;gap:16px;width:100%;display:flex}.item{-o-transition:transform .2s ease, opacity .5s ease;transition:transform .2s,opacity .5s}.selected{transform:scale(1.08)}.not-selected{opacity:.8;transform:scale(1)}.votingPhase .item:hover{cursor:pointer}.game-view .display-players{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;margin:16px 0;display:flex}.resultContainer{text-align:center;text-wrap:nowrap}.messages-container{border-radius:12px 0 0 12px;align-items:flex-start;max-width:75%;padding:12px;display:flex;position:fixed;bottom:72px;right:0;overflow:hidden}.messages-container #expand-messages{position:relative;top:0}.messages-container:hover{cursor:pointer}.messages-container.light{border:2px solid var(--primary);border-right-color:var(--tertiary);background-color:var(--tertiary)}.messages-container.dark{background-color:var(--secondary);border:2px solid var(--primary);border-right-color:var(--secondary)}.messages-container#expand-messages{position:relative;top:0}.messages-drawer-container{padding:4px 12px}#messages-drawer-header p{margin:2px 0;font-size:18px;text-decoration:underline}.message-input{flex-direction:row;gap:4px;display:flex}.messages-list{height:250px;overflow:scroll}.messages-list p{margin:8px}.message{flex-direction:row;gap:4px;display:flex}.message #username{font-weight:700}.message #content{text-wrap:wrap;font-size:16px;font-weight:400;overflow:hidden}.message p{margin:0}.send-message{box-shadow:none;font-family:var(--text);border:none;border-radius:4px;margin:0;font-size:16px}.send-message.light{background-color:var(--tertiary);color:#fff;border:2px solid var(--primary)}.send-message.dark{background-color:var(--tertiary);color:#fff;border:2px solid #0000}.host-wrapper{flex-direction:column;align-items:center;height:100%;padding:24px;display:flex}input{color:var(--secondary);font-family:var(--textFont);border:2px solid #0000;border-radius:5px;outline:none;width:100%;height:fit-content;padding:5px;font-size:calc(4px + 3vmin)}#content{flex-direction:column;align-items:center;gap:8px;height:fit-content;display:flex}h1#page-title{text-align:center;margin-top:42px}#error-message{margin-top:16px}.resultContainer{width:360px;margin-top:16px}.winnerCard{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.winnerCard p{margin:auto}.winnerCard img{border-radius:8px;width:100%;height:250px}.display-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.game-view{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}#roomId{font-size:42px!important}.display-players{display:-ms-grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:auto;justify-content:center;align-items:start;gap:16px;display:grid}.display-players .item{flex-direction:row;align-items:center;gap:2px;font-size:24px;display:flex}.display-players .item p{margin:2px 0}#kick-player{-o-transition:all .2s;background-color:#0000;border:1px solid;padding:4px 12px;font-size:24px;transition:all .2s}#kick-player:hover{background-color:#383733;border:1px solid #0000}.display-results{flex-direction:column;gap:4px;display:flex}.display-results .item{flex-direction:row;align-items:center;gap:8px;display:flex}.cardresult{flex-direction:row;justify-content:center;gap:32px;display:flex}.cardresult .item{flex-direction:column;gap:4px;display:flex}#countPlayers{margin:auto;font-size:24px}div#page-title{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}div#page-title h1{margin-bottom:4px}div#page-title span{font-size:32px}@media screen and (width<=768px){.desktop-restrict{display:none!important}}@media screen and (width>=768px){.mobile-restrict{display:none!important}}.desktop-restrict{display:none}.players-container{flex-direction:row;display:flex}#expand-players{-webkit-box-shadow:none;box-shadow:none;color:#fff;border:none}#expand-players:active{top:0}.player-dropdown{-o-transition:height .3s ease-out;border:1px solid var(--tertiary);background-color:var(--tertiary);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;margin-top:8px;margin-bottom:16px;padding:16px;transition:height .3s ease-out;display:flex;overflow:hidden}.player-dropdown .item{flex-direction:row;align-items:center;gap:4px;display:flex}.player-dropdown .item button#kick-player{-webkit-box-shadow:none;box-shadow:none;margin:0;padding:4px 8px;font-size:16px}.player-dropdown .item p{margin:0}.waiting-data{z-index:100;text-wrap:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notFoundPage{flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:2em;display:flex}.notFoundPage *{margin:0;padding:0}.notFoundPage #backToHome{color:#fff;-o-transition:all .3s ease-in-out;border-radius:10px;padding:10px 20px;font-size:1.4rem;transition:all .3s ease-in-out}.notFoundPage #backToHome:hover{color:var(--secondary);background-color:#fff}:root{--background:#e3644b;--primary:#e3644b;--secondary:#383733;--tertiary:#5e584a;--dark-tertiary:#383733;--text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Germania one,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{color:#fff;flex-direction:column;justify-content:flex-start;width:100%;min-width:320px;height:100%;min-height:100vh;margin:0;display:flex;overflow:hidden}body.light{background-color:var(--background)}body.dark{background-color:var(--dark-tertiary)}html,body,#root{flex-direction:column;width:100%;height:100%;display:flex}button{cursor:pointer}a{color:#646cff;font-weight:500;text-decoration:none}h1{font-size:3.2em;line-height:1.1}.default-layout{flex-direction:column;width:100%;height:100%;display:flex}.bmc-button{display:none}.menu-buttons{color:#fff;border-radius:24px;align-items:center;padding:2px 8px;display:flex;position:fixed;top:16px;right:16px}.menu-buttons.light{border:2px solid var(--tertiary);background-color:var(--tertiary)}.menu-buttons.dark{border:2px solid var(--primary)}.porte-gobelet-container{border-radius:12px 0 0 12px;align-items:center;padding:12px;display:flex;position:fixed;bottom:48px;right:0}.porte-gobelet-container:hover{cursor:pointer}.porte-gobelet-container.light{background-color:var(--tertiary)}.porte-gobelet-container.dark{background-color:var(--primary)}.coffee-collapse{text-wrap:nowrap;text-align:right;flex-direction:column;align-items:flex-start;gap:2px;padding-left:12px;display:flex}.coffee-collapse p{color:var(--text);margin:0;font-size:16px}.coffee-button{text-align:center;color:#fff;background-color:#0000;border-radius:8px;padding:8px 12px;transition:all .1s}.coffee-button.light:hover{background-color:var(--primary)}.coffee-button.light{border:2px solid var(--primary)}.coffee-button.dark:hover{background-color:var(--secondary)}.coffee-button.dark{border:2px solid var(--secondary)}