@font-face{font-family:"Yellowtail";src:url("/fonts/Yellowtail/Yellowtail-Regular.ttf") format("truetype")}html{display:flex;margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(to right,#4c1ae3,#6236ec);font-family:Yellowtail,sans-serif}body{display:flex;margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(to right,#4c1ae3,#6236ec);font-family:Yellowtail,sans-serif}body #player-icons{position:fixed;display:flex;top:20px;right:40px}@media all and (max-width:800px){body #player-icons{right:10px}}body #player-icons>div{height:40px;margin:auto 5px;cursor:pointer}@media all and (max-width:800px){body #player-icons>div{height:30px}}body #player-icons>div img{height:100%}body #player-help #player-help-overlay{position:fixed;display:none;width:100vw;height:100vh;background-color:rgba(60,60,60,0.9);z-index:400}body #player-help #player-help-modal{position:fixed;display:none;flex-direction:column;padding:5px 8px;top:50%;left:50%;max-height:85vh;transform:translate(-50%,-50%);border-radius:8px;background-color:#FFF;overflow:auto;z-index:401}@media all and (max-width:800px){body #player-help #player-help-modal{width:90%}}@media all and (min-width:801px){body #player-help #player-help-modal{min-width:300px}}body #player-help #player-help-modal h2{margin:auto auto;font-size:2em;font-weight:500}body #player-help #player-help-modal div{padding:3px 0;border-top:1px solid #505050}@media all and (min-width:801px){body #player-help #player-help-modal div h3{font-size:1.8em}body #player-help #player-help-modal div p{font-size:1.6em}}body #player-help #player-help-modal div h3{margin:2px auto 2px 4px;font-size:1.4em;font-weight:500;text-decoration:underline}body #player-help #player-help-modal div p{margin:1px auto 1px 8px;font-size:1.2em}body #player-settings #player-settings-overlay{position:fixed;display:none;width:100vw;height:100vh;background-color:rgba(60,60,60,0.9);z-index:400}body #player-settings #player-settings-modal{position:fixed;display:none;flex-direction:column;padding:5px 8px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;background-color:#FFF;z-index:401}@media all and (max-width:800px){body #player-settings #player-settings-modal{width:90%}}@media all and (min-width:801px){body #player-settings #player-settings-modal{min-width:300px}}body #player-settings #player-settings-modal h2{margin:auto auto;font-size:2em;font-weight:500}body #player-settings #player-settings-modal .player-setting{margin:5px 0}body #player-settings #player-settings-modal .player-setting.hide{display:none}body #player-settings #player-settings-modal .player-setting h3{margin:auto auto auto 5px;font-size:1.4em;font-weight:500}body #player-settings #player-settings-modal .player-setting .player-setting-description{font-size:15px;margin:0 auto 5px 10px}body #player-settings #player-settings-modal .player-setting .player-setting-input{display:flex}body #player-settings #player-settings-modal .player-setting .player-setting-input input{display:flex;flex:1 0 auto;outline:0;border:2px solid black;border-radius:5px}body #player-settings #player-settings-modal .player-setting .player-setting-input button{margin:auto 5px;padding:4px 6px;font-size:18px;color:#000;border:2px solid #000;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #player-settings #player-settings-modal .player-setting .player-setting-input button:hover{color:white;background-color:#000}body #starter-party{display:flex;flex-direction:column;margin:auto}body #starter-party div{display:flex}@media all and (max-width:800px){body #starter-party div{max-width:95%;margin:auto}}body #starter-party div button{margin:12px auto;padding:10px 16px;color:white;font-size:3em;border:2px solid white;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #starter-party div button:hover{color:black;background-color:white}body #join-party-modal{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column}@media all and (max-width:800px){body #join-party-modal{width:95%}}body #join-party-modal div#join-party-input{width:100%}body #join-party-modal div#join-party-input input{width:100%;font-size:3em;margin:0;padding:0;border:0;outline:0}body #join-party-modal div#join-party-numpad{display:grid;grid-template-columns:1fr 1fr 1fr;background:white}body #join-party-modal div#join-party-numpad button{font-size:4em;padding:5px 25px;border:0;background-color:transparent;cursor:pointer;outline:0;transition:background-color .2s}body #join-party-modal div#join-party-numpad button:hover{background-color:rgba(200,200,200,0.8)}body #join-party-modal div#join-party-numpad button.btn-text{font-size:2em}@media all and (max-width:800px){body #join-party-modal div#join-party-numpad button.btn-text{font-size:1.6em}}body #wait-party-modal{position:absolute;display:none;flex-direction:column;padding:10px 20px;top:50%;left:50%;max-width:95%;max-height:80%;transform:translate(-50%,-50%);border-radius:3px;background-color:white}@media all and (max-width:800px){body #wait-party-modal{width:80%}}body #wait-party-modal>div{display:flex}body #wait-party-modal div#wait-party-number h2{margin:auto;font-size:2em}body #wait-party-modal div#wait-party-number h2 span{margin-left:10px;color:grey}body #wait-party-modal div#wait-party-players{display:flex;flex-direction:column;margin:15px 0;overflow:auto}body #wait-party-modal div#wait-party-players span{display:block;width:95%;margin:auto;font-size:1.8em;transition:color .2s}body #wait-party-modal div#wait-party-players span.ready{color:#269d26 !important}body #wait-party-modal div#wait-party-players span.me{color:#41bbe7}body #wait-party-modal div#wait-party-players span.me:after{content:" (Vous)"}body #wait-party-modal div#wait-party-start{display:flex;flex-direction:column}body #wait-party-modal div#wait-party-start button{margin:10px auto 0 auto;padding:10px 16px;font-size:1.5em;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #wait-party-modal div#wait-party-start button#wait-party-ready-btn{color:#31b531;border:2px solid #31b531}body #wait-party-modal div#wait-party-start button#wait-party-ready-btn:hover,body #wait-party-modal div#wait-party-start button#wait-party-ready-btn.block{color:white;background-color:#31b531}body #wait-party-modal div#wait-party-start button#wait-party-quit-btn{color:#e91f1f;border:2px solid #e91f1f}body #wait-party-modal div#wait-party-start button#wait-party-quit-btn:hover{color:white;background-color:#e91f1f}body #room-party{position:absolute;display:none;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 25px;background-color:white;border-radius:3px;z-index:200}@media all and (max-width:800px){body #room-party{flex-direction:column;width:95%;padding:10px 0;margin:auto}}body #room-party #room-party-number{display:flex}body #room-party #room-party-number h1{margin:5px auto 20px auto}body #room-party #room-party-number h1 span{font-weight:500}body #room-party #room-party-number h1 span#room-party-number_span{margin-left:5px;color:grey}body #room-party #room-party-player{display:flex}@media all and (max-width:800px){body #room-party #room-party-player{flex-direction:column;width:95%;margin:auto}}body #room-party #room-party-player>div{margin:0 7px}body #room-party #room-party-player #room-party-players{display:flex;flex-direction:column;margin-right:25px;min-width:100px}@media all and (max-width:800px){body #room-party #room-party-player #room-party-players{flex-direction:row}body #room-party #room-party-player #room-party-players span{width:45%;margin:auto 2.5%}}body #room-party #room-party-player #room-party-players span{font-size:1.6em}body #room-party #room-party-player #room-party-players span.asker{color:#446be9}body #room-party #room-party-player #room-party-themes{display:flex;flex-wrap:wrap}body #room-party #room-party-player #room-party-themes button{margin:12px 2.5%;padding:10px 16px;width:45%;font-size:1.8em;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #room-party #room-party-player #room-party-themes button.yellow{color:#c7b410;border:2px solid #c7b410}body #room-party #room-party-player #room-party-themes button.yellow.block.force{color:white !important;border:2px solid #c7b410 !important}body #room-party #room-party-player #room-party-themes button.yellow:hover:not(.block),body #room-party #room-party-player #room-party-themes button.yellow.force{color:white !important;background-color:#c7b410 !important}body #room-party #room-party-player #room-party-themes button.blue{color:#1746da;border:2px solid #1746da}body #room-party #room-party-player #room-party-themes button.blue.block.force{color:white !important;border:2px solid #1746da !important}body #room-party #room-party-player #room-party-themes button.blue:hover:not(.block),body #room-party #room-party-player #room-party-themes button.blue.force{color:white !important;background-color:#1746da !important}body #room-party #room-party-player #room-party-themes button.pink{color:#d153bf;border:2px solid #d153bf}body #room-party #room-party-player #room-party-themes button.pink.block.force{color:white !important;border:2px solid #d153bf !important}body #room-party #room-party-player #room-party-themes button.pink:hover:not(.block),body #room-party #room-party-player #room-party-themes button.pink.force{color:white !important;background-color:#d153bf !important}body #room-party #room-party-player #room-party-themes button.green{color:#25b61f;border:2px solid #25b61f}body #room-party #room-party-player #room-party-themes button.green.block.force{color:white !important;border:2px solid #25b61f !important}body #room-party #room-party-player #room-party-themes button.green:hover:not(.block),body #room-party #room-party-player #room-party-themes button.green.force{color:white !important;background-color:#25b61f !important}body #room-party #room-party-player #room-party-themes button.block{color:white;border:2px solid grey;background-color:grey;cursor:default}body #room-party #room-party-player #room-party-timer{display:flex;flex-direction:column;width:150px;height:200px;user-select:none}@media all and (max-width:800px){body #room-party #room-party-player #room-party-timer{flex-direction:row;width:auto;height:auto}}@media all and (max-width:800px){body #room-party #room-party-player #room-party-timer>div{width:45%;margin:auto 2.5%}}body #room-party #room-party-player #room-party-timer #room-party-timer-numeric{display:flex;margin-bottom:18px}@media all and (max-width:800px){body #room-party #room-party-player #room-party-timer #room-party-timer-numeric{margin-bottom:auto}}body #room-party #room-party-player #room-party-timer #room-party-timer-numeric span{margin:auto;font-size:1.6em}body #room-party #room-party-player #room-party-timer #room-party-progress{position:relative;width:130px;height:130px}body #room-party #room-party-player #room-party-timer #room-party-progress #room-party-progress-image{position:absolute;top:10px;left:10px;width:110px}body #room-party #room-party-player #room-party-timer #room-party-progress #room-party-progress-circle{position:absolute;transform:rotate(-90deg);width:130px;height:130px}body #room-party #room-party-player #room-party-timer #room-party-progress #room-party-progress-circle circle{fill:none}body #room-party #room-party-player #room-party-timer #room-party-progress #room-party-progress-circle circle#progress__meter{stroke:#e6e6e6}body #room-party #room-party-player #room-party-timer #room-party-progress #room-party-progress-circle circle#progress__value{stroke:#f77a52;stroke-linecap:round;transition:all .5s}body #room-party #room-party-actions{display:flex;margin-top:20px;justify-content:flex-end}body #room-party #room-party-actions button{margin:auto 5px;padding:10px 16px;font-size:1.3em;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #room-party #room-party-actions button#room-party-pause-btn{display:none;color:#d98b27;border:2px solid #d98b27}body #room-party #room-party-actions button#room-party-pause-btn:hover{color:white;background-color:#d98b27}body #room-party #room-party-actions button#room-party-next-btn{display:none;color:#2a8d30;border:2px solid #2a8d30}body #room-party #room-party-actions button#room-party-next-btn:hover{color:white;background-color:#2a8d30}body #room-party #room-party-actions button#room-party-leave-btn{color:#e91f1f;border:2px solid #e91f1f}body #room-party #room-party-actions button#room-party-leave-btn:hover{color:white;background-color:#e91f1f}body #room-party-theme-card{position:fixed;display:none;flex-direction:column;padding:6px 5px;border-radius:5px;background-color:white;left:50%;transform:translateX(-50%);bottom:-100%;z-index:300;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}body #room-party-theme-card #room-party-theme-card-word{display:flex;padding:5px 0}body #room-party-theme-card #room-party-theme-card-word span{margin:auto;font-size:1.6em}body #room-party-theme-card #room-party-theme-card-actions #room-party-theme-card-action-ok{padding:5px 8px;font-size:1.1em;color:#2ed231;border:2px solid #2ed231;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #room-party-theme-card #room-party-theme-card-actions #room-party-theme-card-action-ok:hover{color:white;background-color:#2ed231}body #room-party-theme-card #room-party-theme-card-actions #room-party-theme-card-action-change{padding:5px 8px;font-size:1.1em;color:#efa812;border:2px solid #efa812;border-radius:7px;background-color:transparent;cursor:pointer;transition:color .2s,background-color .2s;outline:0}body #room-party-theme-card #room-party-theme-card-actions #room-party-theme-card-action-change:hover{color:white;background-color:#efa812}body #toast-container{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:9999;width:200px;max-width:90%}body #toast-container div.toast{margin:5px 0;padding:10px 15px;font-size:1.5em;border-radius:8px;z-index:100;overflow:hidden}body #toast-container div.toast.info{color:white;background-color:#2952e7}body #toast-container div.toast.warn{color:white;background-color:#c89627}body #toast-container div.toast.error{color:white;background-color:#ef4949}button,input{font-family:Yellowtail,sans-serif}