/*!
 * 
 *   simple-keyboard v3.7.34
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.scoreboard{margin:15vh auto}.scoreboard h3{text-align:center;margin-bottom:15px}.scoreboard>div{display:grid;grid-template-columns:1;gap:10px;max-height:30vh;overflow-y:scroll;padding-right:10px}.scoreboard>div>div{display:grid;place-items:center;grid-template-columns:repeat(3,1fr)}.scoreboard>div>div.scoreboardHead>span{font-weight:700}.scoreboard>div>div.scoreboardRow{position:relative;margin-bottom:15px}.scoreboard>div>div.scoreboardRow:after{content:"";display:block;width:100%;height:3px;position:absolute;bottom:-10px;left:0;background:var(--linear);border-radius:15px}@property --_gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.animated-rgb{display:grid;position:relative;background-color:var(--primary-color);border-radius:20px;transform:scale(1);transition:transform .3s ease-in-out,box-shadow .4s}.animated-rgb>div{display:grid;place-items:center;position:relative;background-color:inherit;border-radius:inherit}.animated-rgb>div:before,.animated-rgb>div:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background:conic-gradient(from var(--_gradient-angle),yellow,green,red,blue);border-radius:inherit;animation:rotation 5s linear infinite;filter:blur(1px)}@keyframes rotation{0%{--_gradient-angle: 0deg}to{--_gradient-angle: 360deg}}#game-container{height:100vh;position:relative}#game-container.one-players>.player{height:100%;width:100%}#game-container.two-players>.player{height:75%;width:100%}#game-container:is(.two-players,.three-players,.four-players)>.player{height:60%;width:100%}#game-container>.game-indications{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.player{overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.player.playing{z-index:100;-webkit-user-select:all;user-select:all;pointer-events:all}.player:nth-of-type(1){--_border-color: var(--red);bottom:0;left:50%;transform:translate(-50%)}.player:nth-of-type(2){--_border-color: var(--blue);transform:rotate(180deg) translate(50%);left:50%;top:0}.player:nth-of-type(3){--_border-color: var(--yellow);bottom:0;left:-50%;transform:rotate(90deg) translate(-20vh,-50%)}.player:nth-of-type(4){--_border-color: var(--green);bottom:0;right:-50%;transform:rotate(-90deg) translate(20vh,-50%)}.player-infos{display:grid;place-items:center}.player-infos>div{display:grid;place-items:center;grid-template-columns:1fr 1fr;gap:5rem;-webkit-user-select:none;user-select:none}.player-infos h2{font-size:clamp(1.6rem,1.6rem + 5vh,7rem)}.player-infos article{display:grid;place-items:center;gap:1rem;font-size:clamp(1.3rem,1.3rem + 1.95vh,5rem)}.player-infos>div h3{opacity:.45}.player>.player-infos{margin:10vh auto 0}.player>.player-infos>div{padding:4.25rem 3rem}.player>.player-board{max-height:110%;aspect-ratio:1/1;height:110%;max-width:90%;position:absolute;display:grid;place-items:center;clip-path:circle(50%);bottom:0;transform:translate(-50%,55%);left:50%}#game-container:not(.one-players) .player:after{content:"";position:absolute;left:50%;top:30%;width:0;height:0;transform:translate(-50%);border-left:3.5rem solid transparent;border-right:3.5rem solid transparent;border-top:5.5rem solid var(--_border-color);filter:brightness(.35);opacity:0;transition:all .35s ease-in-out}.player-board .player-circle{background-color:var(--primary-color);height:75%;aspect-ratio:1/1;clip-path:circle(50%);padding:5% 5rem 50%;display:grid;place-items:center;box-shadow:inset 0 0 139px var(--secondary-color-variantS)}.player-circle>.player-infos .over{font-size:clamp(1.25rem,1.25rem + 1.75vh,5rem);padding-bottom:.5rem}.player-circle>.player-infos h3{font-size:clamp(.8rem,.8rem + 1.55vh,5rem)}.player-circle .player-infos article{gap:.5rem}.player-board .player-buttons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.player-board button{background-color:var(--_button-color, white);position:absolute;height:100%;width:calc(100% / var(--_number-of-buttons));bottom:0;filter:brightness(.35);transition:filter .35s ease-in-out}.playing .player-board button:hover,#game-container:not(.one-players) .playing:after,.player-board button.activeColor{filter:brightness(1);opacity:1}.two-buttons .player-board button:nth-of-type(2){transform:translate(100%)}.four-buttons .player-board button:nth-of-type(1){left:0;transform:skew(25deg) rotate(-30deg) scale(1.5);transform-origin:left;z-index:2}.four-buttons .player-board button:nth-of-type(2){left:calc(100% / var(--_number-of-buttons));transform:rotateY(-287.5deg) rotateX(-320deg) skew(64deg) scale(40);transform-origin:left;z-index:1}.four-buttons .player-board button:nth-of-type(3){left:calc(100% / var(--_number-of-buttons) * 2);transform:rotateY(287.5deg) rotateX(320deg) skew(-64deg) scale(40);transform-origin:left;z-index:1}.four-buttons .player-board button:nth-of-type(4){left:calc(100% / var(--_number-of-buttons) * 3);transform:skew(-25deg) rotate(30deg) scale(1.5);transform-origin:right;z-index:2}.six-buttons .player-board button:nth-of-type(1){left:0;transform:skew(25deg) rotate(-30deg) scale(1.5);transform-origin:left;z-index:3}.six-buttons .player-board button:nth-of-type(2){right:calc(100% + 100% / 6);transform:rotateY(277.5deg) rotateX(-400deg) skew(-35deg) scale(39);transform-origin:left;z-index:2}.six-buttons .player-board button:nth-of-type(3){right:149.75%;transform:rotateY(-0deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:left;z-index:1}.six-buttons .player-board button:nth-of-type(4){left:149.75%;transform:rotateY(-0deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:right;z-index:1}.six-buttons .player-board button:nth-of-type(5){left:calc(100% + 100% / 6);transform:rotateY(277.5deg) rotateX(400deg) skew(35deg) scale(39);transform-origin:right;z-index:1}.six-buttons .player-board button:nth-of-type(6){right:0;transform:skew(-25deg) rotate(30deg) scale(1.5);transform-origin:right;z-index:3}#game-container>.game-indications{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.eight-buttons .player-board button:nth-of-type(1){right:124.75%;transform:rotateY(-45deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:left;z-index:5}.eight-buttons .player-board button:nth-of-type(2){right:124.75%;transform:rotateY(-29deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:left;z-index:4}.eight-buttons .player-board button:nth-of-type(3){right:124.75%;transform:rotateY(-14deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:left;z-index:3}.eight-buttons .player-board button:nth-of-type(4){right:124.75%;transform:rotateY(-0deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:left;z-index:1}.eight-buttons .player-board button:nth-of-type(5){left:124.75%;transform:rotateY(-0deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:right;z-index:1}.eight-buttons .player-board button:nth-of-type(6){left:124.75%;transform:rotateY(14deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:right;z-index:3}.eight-buttons .player-board button:nth-of-type(7){left:124.75%;transform:rotateY(29deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:right;z-index:3}.eight-buttons .player-board button:nth-of-type(8){left:124.75%;transform:rotateY(45deg) rotateX(300deg) skew(360deg) scale(7);transform-origin:right;z-index:5}.home{display:grid;grid-template-columns:repeat(3,1fr);height:100%}section.center{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;width:33vw}.circle{border-radius:50%}.animated-rgb.circle>div:before,.animated-rgb.circle>div:after{top:-5px;right:-5px;bottom:-5px;left:-5px;filter:blur(15px);animation-duration:30s}.logo{width:20vw}form{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-bottom:10vh}form fieldset{margin:5vh 0;display:flex;flex-direction:column;align-items:center;border:0;font-family:coda}form label{font-style:italic;opacity:.8}form fieldset>input[type=text]{text-align:center;font-size:20px;font-weight:700;font-family:coda;text-transform:uppercase}.svgNbPlayer{width:5vw}.nbplayerbutton{position:relative}.nbplayerbutton>input[type=number]{position:absolute;text-align:center;font-size:20px;bottom:5px;left:55%;transform:translate(-50%)}.nbplayerbutton>button{position:absolute;z-index:5;top:50%;transform:translateY(-50%);background-color:var(--primary-color);font-size:25px;font-weight:700;padding:10px}.nbplayerbutton>button:first-of-type{left:-35px}.nbplayerbutton>button:last-of-type{right:-35px}.play-button{font-size:35px;font-weight:700}.allPlayerInput{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:80vw}.choiceDifficultyRadio,.modal .modal-content .choiceDifficultyRadio{display:flex;margin:5vh 0 2vh}.radioButton{position:absolute;display:none}.radioButton+label{float:left;padding:.5em 1em;cursor:pointer;border:2px solid;border-width:1px;border-left:0;border-right:0;border-top:0;margin-right:-1px;color:#fff;font-weight:700;-webkit-user-select:none;user-select:none}.radioButton+label:first-of-type{border-color:var(--green);border-radius:10px 0 0 10px}.radioButton+label:nth-of-type(2){border-color:var(--blue)}.radioButton+label:nth-of-type(3){border-color:var(--yellow)}.radioButton+label:nth-of-type(4){border-color:var(--red);border-radius:0 10px 10px 0}.radioButton:checked+label:first-of-type{background:var(--green)}.radioButton:checked+label:nth-of-type(2){background:var(--blue)}.radioButton:checked+label:nth-of-type(3){background:var(--yellow);color:#000}.radioButton:checked+label:nth-of-type(4){background:var(--red)}.simple-keyboard{color:#fff;position:fixed;width:50%;height:30vh;left:50%;bottom:0;transform:translate(-50%);transition:.2s;z-index:10;display:none}.simple-keyboard.hg-theme-default{background-color:var(--grey)}.simple-keyboard>div{height:100%}.simple-keyboard .hg-rows .hg-row .hg-button{background-color:var(--primary-color)}.simple-keyboard>div>div>div{height:6vh}.simple-keyboard>div>div>div>div{height:100%!important}.simple-keyboard>div>div>div>div>span{font-size:50px}.retry{position:fixed;z-index:100000000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;color:#fff}.modal-content{margin:5vh;display:flex;flex-direction:column;justify-content:start;align-items:center}.modal .scoreboard>div>div{grid-template-columns:repeat(4,1fr)}.modal .modal-content .retryButtons{margin-top:5vh;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.modal .modal-content .retryButtons>button{padding:2vh;border:solid #fff 2px}*,:before,:after{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:coda;src:url(/assets/fonts/coda.ttf)}:root{--primary-color: #101010;--grey: #222222;--primary-color-variant: #1010109f;--secondary-color: #ffffff;--secondary-color-variant: #ffffff1c;--red: #ff0000;--green: #00ff00;--blue: #0000ff;--yellow: #ffff00;--purple: purple;--orange: orange;--brown: brown;--cyan: cyan;--linear: linear-gradient(5deg, #0000ff, #00ff00, #ffff00, #ff0000);--linear2: linear-gradient(45deg, #0000ff, #00ff00, #ffff00, #ff0000)}::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:20px;border:3px solid var(--primary-color)}::-webkit-scrollbar{width:12px;background:var(--primary-color)}html{scroll-behavior:smooth}main{height:100%}body{background-color:var(--primary-color);color:var(--secondary-color);font-family:coda}#app{height:100vh;overflow:hidden}button{border:0;background-color:transparent;cursor:pointer;color:inherit}a{text-decoration:none;color:inherit}input{color:inherit;border:none;outline:none;background-color:inherit;width:100%;border-radius:inherit;padding:5px}h1,h2,h3{text-transform:uppercase;letter-spacing:1.3px;font-weight:500}h2{font-size:clamp(1.4rem,1.4rem + 2vh,5rem)}.play-button{padding:.35rem 1.3rem}.hidden{display:none}