@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/raleway-cyrillic-ext-wght-normal-Dc5xu4We.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/raleway-cyrillic-wght-normal-CqKTn0sv.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/raleway-vietnamese-wght-normal-wikBsL6_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/raleway-latin-ext-wght-normal-Dm8rnUUK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/raleway-latin-wght-normal-B0Bc4KU0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;font-family:Raleway Variable,sans-serif}@keyframes ecogame{0%{opacity:0}to{opacity:1}}.fullscreen-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5eeeb;z-index:200}.fullscreen-box{width:100%;margin:auto;animation-name:ecogame;animation-delay:0s;animation-duration:1.5s;animation-iteration-count:1;animation-timing-function:ease-in-out}.container-h1h2{width:80%;height:auto;margin:auto;color:#115348;text-shadow:1px 1px 2px #777}.div-h1{width:100%;text-align:center;font-size:1.2rem;font-weight:700;margin:auto}.div-h2{width:100%;text-align:center;font-size:1rem;font-weight:700;margin:auto}.div-imgbtnp{width:100%;margin:0 auto auto}.div-ecopot-img{display:flex;align-items:center;justify-content:center;max-width:450px;height:auto;margin:auto;animation-name:ecogame;animation-delay:0s;animation-duration:1.5s;animation-iteration-count:1;animation-timing-function:ease-in-out}.ecopot-img{width:100%;height:auto;opacity:.8;object-fit:cover}.div-btn{width:100%;display:flex;align-items:center;justify-content:center;animation-name:ecogame;animation-delay:0s;animation-duration:1.5s;animation-iteration-count:1;animation-timing-function:ease-in-out}.btn-fullscreen{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;background:#115348;border:none;border-radius:5px;box-shadow:inset 0 0 10px #d3d3d3;color:#fffc;cursor:pointer;padding:12px 18px;transform:scale(1);transition:all .25s ease-in-out}.btn-fullscreen:hover{background:#115348;box-shadow:0 0 7px #0006;color:#f5f5f5;transform:scale(1.05)}.btn-fullscreen:active{background:#11534880;box-shadow:0 0 #00000080;color:#ffffff80;transform:scale(.975)}.div-p{text-align:center}.div-p p{color:#115348}.div-p a{text-decoration:none;color:#00f}.div-p a:hover{color:#191970}.div-p a:active{color:#87ceeb}@media screen and (min-width: 400px) and (max-width: 1000px){.ecopot-img{max-width:300px;height:auto}}@keyframes displayWelcome{0%{opacity:0}to{opacity:1}}.div-languages{position:absolute;top:50%;left:50%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#115348cc;border:none;border-radius:10px;box-shadow:0 0 10px #000;padding-bottom:20px;z-index:60;transform:translate(-50%,-50%);animation-name:displayWelcome;animation-delay:0s;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out}.div-languages h1{padding:0 20px;font-size:2rem;font-weight:700;color:#fffc;text-shadow:1px 1px 1px #333}.main-flag{width:50px;height:100%;display:flex;align-items:center;justify-content:center;margin-top:-20px}.flag{width:35px}.custom-option{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:start;font-size:.8rem;font-weight:700;background:#11534880;color:#f5f5f5;cursor:pointer;padding:5px 0;transition:background .25s ease-in-out}.custom-option:hover{background:#115348bf;color:#fff}@keyframes displayRules{0%{opacity:0}to{opacity:1}}.rules-div{position:absolute;top:50%;left:50%;width:600px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-family:Open Sans,sans-serif;background:#115348cc;border:none;border-radius:10px;box-shadow:0 0 10px #000;z-index:55;transform:translate(-50%,-50%);animation-name:displayRules;animation-delay:0s;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out}.rules-div h1{font-size:2rem;font-weight:700;color:#fffc;text-shadow:1px 1px 1px #333;margin:20px auto;padding:0}@supports (-webkit-appearance: none){.div-explanations>ol>li{font-size:1.2rem;text-align:justify;margin:10px 40px 10px 20px}}@supports not (-moz-appearance: none){.div-explanations li{font-size:1rem;text-align:justify;margin:10px 40px 10px 20px}}.btn-rules{font-size:1.1rem;font-weight:700;color:#fffc;background:#1153481a;border:none;border-radius:5px;box-shadow:inset 0 0 10px #d3d3d3;cursor:pointer;margin-top:20px;margin-bottom:20px;padding:10px 30px;transform:scale(1);transition:all .25s ease-in-out}.btn-rules:hover{color:#f5f5f5;background:#115348;box-shadow:inset 0 0 5px #d3d3d3;transform:scale(1.05)}.btn-rules:active{color:#ffffff80;background:#115348;box-shadow:inset 0 0 50px #d3d3d3;transform:scale(.95)}@keyframes displayPlayersNbr{0%{opacity:0}to{opacity:1}}.player-displayer{position:absolute;top:50%;left:50%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#115348cc;border:none;border-radius:10px;box-shadow:0 0 10px #000;z-index:50;transform:translate(-50%,-50%);animation-name:displayPlayersNbr;animation-delay:0s;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out}.div-labelInputPlayer{width:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:20px 20px 10px}.div-labelInputPlayer label{display:flex;align-items:center;text-align:justify;font-size:2rem;font-weight:700;color:#fffc;text-shadow:1px 1px 1px #333}.div-labelInputPlayer input{width:30px;height:30px;font-size:1.6rem;background:#d3d3d3;border:none;border-radius:5px;box-shadow:0 0 10px #333;margin-left:10px;padding-left:5px;transition:border-color .3s,box-shadow .3s}.div-labelInputPlayer input:focus{background:#f5f5f5;border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.div-labelInputPlayer input::placeholder{color:#333;font-style:italic}.error{text-align:justify;font-size:1rem;font-weight:700;background:#ffffff80;border:none;border-radius:3px;color:#ff4500;padding:10px 20px}.div-btnPlayer{width:100%;display:flex;align-items:center;justify-content:center}.div-btnPlayer button{font-size:1.1rem;font-weight:700;color:#fffc;background:#1153481a;border:none;border-radius:5px;box-shadow:inset 0 0 10px #d3d3d3;cursor:pointer;margin-top:20px;margin-bottom:20px;padding:10px 30px;transform:scale(1);transition:all .25s ease-in-out}.div-btnPlayer button:hover{color:#f5f5f5;background:#115348;box-shadow:inset 0 0 5px #d3d3d3;transform:scale(1.05)}.div-btnPlayer button:active{color:#ffffff80;background:#115348;box-shadow:inset 0 0 50px #d3d3d3;transform:scale(.95)}.lvl-title{width:500px;text-align:center;font-size:2rem;font-weight:700;color:#fffc;text-shadow:1px 1px 1px #333}.lvl-container{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:20px}.lvl-container label{text-align:center;font-size:1.4rem;font-weight:700;color:#fffc;text-shadow:1px 1px 1px #333}.lvl-container input{width:20px;height:20px;font-size:.5rem;background:#d3d3d3;border:none;border-radius:5px;box-shadow:0 0 10px #333;margin:0 10px;transition:border-color .3s,box-shadow .3s}@keyframes displayReady{0%{opacity:0}to{opacity:1}}.div-ready{position:absolute;top:50%;left:50%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#115348cc;border:none;border-radius:10px;box-shadow:0 0 10px #000;z-index:50;transform:translate(-50%,-50%);animation-name:displayReady;animation-delay:0s;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out}.div-contentready{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffc;text-shadow:1px 1px 1px #333}.div-contentready h1{font-size:2rem;font-weight:700;margin:20px}.div-contentready h2{font-size:1.5rem;margin:auto}.div-btnready{width:100%;display:flex;align-items:center;justify-content:center}.div-btnready button{font-size:1.1rem;font-weight:700;color:#fffc;background:#1153481a;border:none;border-radius:5px;box-shadow:inset 0 0 10px #d3d3d3;cursor:pointer;margin-top:20px;margin-bottom:20px;padding:10px 30px;transform:scale(1);transition:all .25s ease-in-out}.div-btnready button:hover{color:#f5f5f5;background:#115348;box-shadow:inset 0 0 7px #d3d3d3;transform:scale(1.05)}.div-btnready button:active{color:#ffffff80;background:#115348;box-shadow:inset 0 0 50px #d3d3d3;transform:scale(.95)}@keyframes animation-card{0%{opacity:.75;transform:scale(0) rotate3d(0,0,0,0)}to{opacity:1;transform:scale(1) rotate3d(3,-1,3,360deg)}}.card-displayer{position:absolute;top:20%;right:25%;bottom:20%;left:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border:none;border-radius:5px;box-shadow:0 0 50px #000000b3;margin:auto;z-index:50;transform:scale(1) rotate3d(0,0,0,0);animation-name:animation-card;animation-duration:1s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:ease-in-out}.card-hidden{display:none}.img-card{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:5px;margin:auto;opacity:.6;z-index:-1}.card-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:1.4rem;font-weight:700;color:#06804d;text-shadow:0px 1px 1px #005332}.div-card-item{width:100%}.p-card-first{background:#f5eeeb99;border-radius:5px 5px 0 0;margin:auto;padding:20px}.p-card-second{background:#f5eeeb99;border-radius:3px;text-align:justify;margin:40px 20px 20px;padding:20px}.div-mainValidate{display:flex;align-items:center;justify-content:space-around;background:#f5eeeb4d;border-radius:3px;margin:auto 20px 40px;padding:20px;opacity:1;overflow:hidden;transition:padding .3s ease-in-out,opacity .3s ease-in-out}.div-mainValidate.collapsed-second{padding:0;opacity:0}.validate-error{display:flex;align-items:center;justify-content:center;background:#f5eeeb99;border-radius:5px;box-shadow:0 0 7px #777;color:#06804d;text-shadow:0px 1px 1px #005332}.validate-error label{margin:10px 0 10px 20px}.validate-error input{margin:10px 20px 10px 10px}.btn-validate-div{display:flex;align-items:center;justify-content:center;max-height:100px;background:#f5eeeb4d;border-radius:3px;margin:auto 20px 40px;padding:20px;opacity:1;overflow:hidden;transition:padding .3s ease-in-out,opacity .3s ease-in-out}.btn-validate-div.collapsed{padding:0;opacity:0}.btn-validate-div button{display:flex;align-items:center;justify-content:center;width:120px;height:40px;font-size:1rem;font-weight:700;background:linear-gradient(30deg,#11534880 10%,#115348 90%);border:none;border-radius:5px;box-shadow:0 0 10px #d3d3d3;cursor:pointer;transform:scale(1);transition:background .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out}.btn-validate-div button:hover{background:#115348;box-shadow:inset 0 0 5px #d3d3d3;transform:scale(1.05)}.btn-validate-div button:active{background:#115348;box-shadow:inset 0 0 50px #d3d3d3;transform:scale(.95)}.btn-response-div{display:flex;align-items:center;justify-content:center;width:auto;height:50px;margin:20px}.btn-response-div button{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;background:linear-gradient(30deg,#11534880 10%,#115348 90%);border:none;border-radius:5px;box-shadow:0 0 20px #d3d3d3;cursor:pointer;padding:1.5% 3%;transform:scale(1);transition:background .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out}.btn-response-div button:hover{background:#115348;box-shadow:inset 0 0 5px #d3d3d3;transform:scale(1.05)}.btn-response-div button:active{background:#115348;box-shadow:inset 0 0 50px #d3d3d3;transform:scale(.95)}.p-card-third{text-align:justify;color:#06804d;text-shadow:0px 1px 1px #005332;background:#f5eeeb99;border-radius:0 0 5px 5px;margin-top:20px;margin-bottom:0;padding:20px;opacity:1;overflow:hidden;transition:padding .3s ease-in-out,opacity .3s ease-in-out}.p-card-third.collapsed-third{padding:0;opacity:0}.display-winloose{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:200}@keyframes joker-anim{0%{text-shadow:0 0 5px #ff7f00,0 0 10px #ff7f00,0 0 15px #cc6b00,0 0 20px #cc6b00,0 0 25px #cc6b00;opacity:1}10%{opacity:1}20%{text-shadow:0 0 5px #ff7f00,0 0 10px #ff7f00,0 0 15px #cc6b00,0 0 20px #cc6b00,0 0 25px #cc6b00;opacity:.5}30%{opacity:1}40%{text-shadow:0 0 5px #ff7f00,0 0 10px #ff7f00,0 0 15px #cc6b00,0 0 20px #cc6b00,0 0 25px #cc6b00;opacity:.3}50%{opacity:1}60%{text-shadow:0 0 5px #ff7f00,0 0 10px #ff7f00,0 0 15px #cc6b00,0 0 20px #cc6b00,0 0 25px #cc6b00;opacity:.7}70%{opacity:1}80%{text-shadow:0 0 5px #ff7f00,0 0 10px #ff7f00,0 0 15px #cc6b00,0 0 20px #cc6b00,0 0 25px #cc6b00;opacity:.2}90%{opacity:1}to{opacity:1}}.display-joker{position:absolute;top:45%;left:50%;display:flex;align-items:center;justify-content:center;width:100%;font-size:2rem;text-shadow:1px 1px 1px #ff7f00;color:#f5f5f5;transform:translate(-50%,-50%);z-index:205;animation:joker-anim 2s ease-in-out infinite alternate}.display-next-player{position:absolute;top:50%;left:50%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(30deg,#11534899 10%,#115348,#115348 90%);border:none;border-radius:10px;box-shadow:0 0 10px #000;z-index:70;transform:translate(-50%,-50%)}.left-frame{width:10%;display:flex;flex-direction:column}.bottom-frame{display:flex;flex-direction:row;align-items:center;justify-content:center;height:10vh}.right-frame{width:10%;display:flex;flex-direction:column}.top-frame{display:flex;flex-direction:row;align-items:center;justify-content:center;height:10vh}.squares{width:12%;height:100%;background:#f5eeeb;border:none;border-right:1px solid #c1c1c1;color:#333}.squares h4{display:flex;align-items:center;justify-content:center;text-wrap:nowrap;text-align:justify}.squares:last-child{border-right:0 solid #c1c1c1;border-radius:0}.square-top{display:flex;flex-direction:column;border-bottom:1px solid #c1c1c1;border-radius:0 0 7px 7px}.square-top h4{margin:auto}.square-bottom{display:flex;flex-direction:column;border-top:1px solid #c1c1c1;border-radius:7px 7px 0 0}.square-bottom h4{margin:auto}.squares-side{width:99%;height:20%;background:#f5eeeb;border:none;border-top:1px solid #c1c1c1;color:#333;padding-top:4px}.squares-lside{display:flex;flex-direction:column;border-right:1px solid #c1c1c1;border-radius:0 7px 7px 0}.squares-lside h4{text-align:center;margin:auto}.squares-rside{display:flex;flex-direction:column;border-left:1px solid #c1c1c1;border-radius:7px 0 0 7px}.squares-rside h4{text-align:center;margin:auto}.caseNumberpawn-container{display:flex;flex-direction:row}.caseNumber-box{margin-top:2px;margin-left:2px}.pawns-box{width:auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.first-squares{width:12%;height:100%;background:#f5f5f5;border-right:1px solid #c1c1c1;border-radius:0;color:#333}.first-squares-pone{margin-top:4px;margin-bottom:8px;margin-left:4px}.first-squares-ptwo{text-align:center;font-size:1.2rem;font-weight:600;color:#f5f5f5;text-shadow:1px 1px 2px #777;margin:10px auto auto}.span-pawn-firstcase{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;margin-top:-50px}.sanction-color,.action-color,.quiz-color,.defi-color{text-shadow:1px 1px 1px #333;background:linear-gradient(30deg,#11534899,#115348);color:#f5f5f5;opacity:.8}.div-pawn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;background:none;border-radius:100%;filter:drop-shadow(7px -5px 1px rgba(0,0,0,.3));color:#fff;margin:auto}.div-pawn .number-span{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:100%;filter:drop-shadow(2px -2px 1px rgba(0,0,0,.3))}@keyframes displayDonation{0%{opacity:0}to{opacity:1}}.game-over{position:absolute;top:50%;left:50%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(30deg,#11534899 10%,#115348,#115348 90%);border:none;border-radius:10px;box-shadow:0 0 10px #000;margin-top:40px;z-index:300;transform:translate(-50%,-50%);animation-name:displayDonation;animation-delay:0s;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out}.game-over h1{text-align:center;font-size:3rem;color:#f5f5f5;text-shadow:1px 1px 1px #444;margin:20px auto auto}.winner-box{display:flex;align-items:center;justify-content:center;width:100%;margin:20px auto 40px}@keyframes neon-winner{0%{text-shadow:0 0 5px #00ffcc,0 0 10px #00ffcc,0 0 15px #00ccff,0 0 20px #00ccff,0 0 25px #00ccff;opacity:1}10%{opacity:1}20%{text-shadow:0 0 5px #00ffcc,0 0 10px #00ffcc,0 0 15px #00ccff,0 0 20px #00ccff,0 0 25px #00ccff;opacity:.5}30%{opacity:1}40%{text-shadow:0 0 5px #00ffcc,0 0 10px #00ffcc,0 0 15px #00ccff,0 0 20px #00ccff,0 0 25px #00ccff;opacity:.3}50%{opacity:1}60%{text-shadow:0 0 5px #00ffcc,0 0 10px #00ffcc,0 0 15px #00ccff,0 0 20px #00ccff,0 0 25px #00ccff;opacity:.7}70%{opacity:1}80%{text-shadow:0 0 5px #00ffcc,0 0 10px #00ffcc,0 0 15px #00ccff,0 0 20px #00ccff,0 0 25px #00ccff;opacity:.2}90%{opacity:1}to{opacity:1}}.winner{display:flex;align-items:center;justify-content:center;font-size:2rem;text-shadow:1px 1px 1px #00ffcc;color:#f5f5f5;margin:auto;animation:neon-winner 1.5s ease-in-out infinite alternate}.game-over p{text-align:justify;font-size:1.2rem;border-radius:5px;box-shadow:inset 0 0 10px #00000080;margin:0 40px 50px;padding:20px}.donation-box{display:flex;align-items:center;justify-content:center;width:100%;height:auto;margin:auto}@keyframes neon-donation{0%{box-shadow:inset 0 0 5px #0fc,0 0 10px #0fc,0 0 15px #0cf,0 0 20px #0cf,0 0 25px #0cf;opacity:1}10%{opacity:1}20%{box-shadow:inset 0 0 5px #0fc,0 0 10px #0fc,0 0 15px #0cf,0 0 20px #0cf,0 0 25px #0cf;opacity:.5}30%{opacity:1}40%{box-shadow:inset 0 0 5px #0fc,0 0 10px #0fc,0 0 15px #0cf,0 0 20px #0cf,0 0 25px #0cf;opacity:.3}50%{opacity:1}60%{box-shadow:inset 0 0 5px #0fc,0 0 10px #0fc,0 0 15px #0cf,0 0 20px #0cf,0 0 25px #0cf;opacity:.7}70%{opacity:1}80%{box-shadow:inset 0 0 5px #0fc,0 0 10px #0fc,0 0 15px #0cf,0 0 20px #0cf,0 0 25px #0cf;opacity:.2}90%{opacity:1}to{opacity:1}}.btn-donation{display:flex;align-items:center;justify-content:center;width:auto;height:60px;text-decoration:none;font-size:1rem;text-transform:uppercase;font-weight:700;color:#0cf;background:#2e2ec8;border-radius:5px;box-shadow:inset 0 0 5px #0fc;padding:0 30px;animation:neon-donation 1.5s ease-in-out infinite alternate;transform:scale(1);transition:box-shadow .2s ease-in-out,color .2s ease-in-out,animation .2s ease-in-out,transform .2s ease-in-out}.btn-donation:hover{box-shadow:inset 0 0 10px #0fc,0 0 20px #0006;transform:scale(1.05);animation:none}.btn-donation:active{box-shadow:inset 0 0 30px #0fc;color:#ffffff80;transform:scale(.95)}.btn-restart{font-size:1.2rem;font-weight:700;background:#1153481a;border:none;border-radius:5px;box-shadow:inset 0 0 10px #00000080;color:#d3d3d366;margin:40px auto;padding:10px 20px;cursor:pointer;transition:background .25s ease-in-out}.btn-restart:hover{background:#115348;box-shadow:inset 0 0 5px #d3d3d3;color:#f5f5f5}.btn-restart:active{background:#115348;box-shadow:inset 0 0 50px #fff;color:#bebebe}.endofgame-box{position:fixed;top:0;right:0;bottom:0;left:0;opacity:1;background:#f5eeeb;z-index:200}.dice-container{width:100%;height:auto;display:flex;align-items:center;justify-content:center;padding:20px}.dice-box{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.dice{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(30deg,#c8c8c8,#fff,#fff,#c8c8c8);border:2px solid #c1c1c1;border-radius:10px;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.dice_2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(30deg,#c8c8c8,#fff,#fff,#c8c8c8);border:2px solid #c1c1c1;border-radius:10px;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;animation-name:rotate;animation-duration:1s;animation-iteration-count:1;animation-timing-function:linear}.dice_2 div{position:absolute;width:150px;height:150px;background:linear-gradient(30deg,#c8c8c8,#fff,#fff,#c8c8c8);border:2px solid #c1c1c1;color:#333}.front{transform:rotateY(0) translateZ(75px)}.back{transform:rotateY(180deg) translateZ(75px)}.left{transform:rotateY(-90deg) translateZ(75px)}.right{transform:rotateY(90deg) translateZ(75px)}.top{transform:rotateX(90deg) translateZ(75px)}.bottom{transform:rotateX(-90deg) translateZ(75px)}@keyframes rotate{0%{transform:rotateY(0)}to{transform:rotate3d(3,-1,-3,360deg)}}.faceOfDice1{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:10px}.faceOfDice1 span{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto}.faceOfDice2{width:100%;height:100%;display:flex;font-size:2rem;font-weight:700;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);border-radius:10px}.faceOfDice2 .span-nbr1{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:10px auto auto 10px}.faceOfDice2 .span-nbr2{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto 10px 10px auto}.faceOfDice3{width:100%;height:100%;display:flex;font-size:2rem;font-weight:700;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border-radius:10px}.faceOfDice3 .span-nbr1{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:10px auto auto}.faceOfDice3 .span-nbr2{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto}.faceOfDice3 .span-nbr3{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto auto 10px}.faceOfDice4{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;font-size:2rem;font-weight:700;border-radius:10px;margin:auto}.faceOfDice4 span{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto}.faceOfDice5{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);font-size:2rem;font-weight:700;border-radius:10px;margin:auto}.faceOfDice5 .span-nbr{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto}.faceOfDice5 .span-nbr_3{position:absolute;top:0;right:0;bottom:0;left:0;width:20px;height:20px;font-size:2rem;font-weight:700;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto}.faceOfDice6{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;font-size:2rem;font-weight:700;border-radius:10px;margin:auto}.faceOfDice6 span{width:20px;height:20px;background:#000;border-radius:50%;box-shadow:inset 0 0 7px #f5f5f5;margin:auto}@keyframes next-player{0%{opacity:0;visibility:visible}50%{opacity:1}to{opacity:0;visibility:hidden}}.dice-player{position:absolute;top:50%;left:50%;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:3rem;font-weight:700;color:#f5f5f5;opacity:0;visibility:hidden;z-index:40;transform:translate(-50%,-50%);animation-name:next-player;animation-delay:0s;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease-in-out}.dice-player p{display:flex;align-items:center;justify-content:center;width:100%;text-shadow:0px 1px 1px #115348;margin:auto}.dice-player .dice-player-span{text-shadow:1px 1px 20px #115348;padding:15px}.audio-container{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;height:auto;margin:auto;overflow:hidden;z-index:130}.audio-display{opacity:1;transition:transform .3s ease,opacity .3s ease-in-out;transform:translateY(0)}.audio-hide{opacity:.5;transition:transform .3s ease,opacity .3s ease-in-out;transform:translateY(50px)}.div-audio p{margin:auto auto 10px}.box-params{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#115348;border-radius:7px 7px 0 0;padding:10px}.params{display:flex;align-items:center;justify-content:center}.params span{margin:0 5px}.params span:hover{color:#add8e6}.params span:active{color:#90ee90}.params p{margin:0 5px}.frame{display:flex;flex-direction:column;overflow:hidden}.middle-frames{width:100%;height:80vh;display:flex;flex-direction:row;justify-content:space-between}.container-cards{display:flex;width:100%;height:100%}.div-bgImg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fefee3;z-index:-10}.div-bgImg img{width:100%;height:100%;opacity:.2;object-fit:cover}.cards-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.cards-box-left{align-items:start}.cards-box-right{align-items:end}.card{width:200px;height:150px;display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;text-wrap:nowrap;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #333;background:linear-gradient(30deg,#11534880 10%,#115348 90%);border:none;box-shadow:0 0 10px #777}.card-one{border-radius:0 0 7px}.card-two{border-radius:0 7px 0 0}.card-three{border-radius:0 0 0 7px}.card-four{border-radius:7px 0 0}.div-dice{width:400px;display:flex;align-items:center;justify-content:center}.number-laps{position:absolute;top:16%;left:50%;width:auto;font-family:Open Sans,sans-serif;z-index:10;transform:translate(-50%,-50%)}.number-laps h2{font-size:3rem;font-weight:700;background:linear-gradient(30deg,#115348b3 10%,#115348 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:auto}.number-laps h3{text-align:center;font-size:1.4rem;font-weight:700;background:linear-gradient(30deg,#115348b3 10%,#115348 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:auto}.number-lvl{position:absolute;bottom:9%;left:50%;width:auto;font-family:Open Sans,sans-serif;z-index:10;transform:translate(-50%,-50%)}.number-lvl h2{font-size:3rem;font-weight:700;background:linear-gradient(30deg,#115348b3 10%,#115348 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:auto}.div-jeudesociete{width:100%;height:100%;display:flex;flex-direction:column;align-items:start}.div-jeudesociete h2{font-size:2rem;background:linear-gradient(30deg,#115348b3 10%,#115348 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:auto}.div-monecopote{width:100%;height:100%;display:flex;flex-direction:column;align-items:end}.div-monecopote h2{font-size:2rem;background:linear-gradient(30deg,#115348b3 10%,#115348 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:auto}.mascotte-img{width:50%;height:50%;margin-bottom:15%;margin-left:25%}.myecobestfriend-img{width:50%;height:50%;margin-bottom:15%;margin-right:25%}.pawn-player-1{color:#ff4500}.pawn-player-2{color:orange}.pawn-player-3{color:green}.pawn-player-4{color:#8a2be2}.pawn-player-5{color:#5f9ea0}.pawn-player-6{color:#1e90ff}