@font-face{font-display:swap;font-family:HaginCapsMedium;font-style:normal;font-weight:400;src:url(img/HaginCapsMedium.woff2) format("woff2"),url(img/HaginCapsMedium.woff) format("woff"),url(img/HaginCapsMedium.otf) format("opentype")}body{background-image:url(img/background2.png);background-repeat:repeat;background-size:500px 500px}#board_id{height:750px;margin:10px auto 100px;position:relative;width:750px}#dice_content{align-items:center;display:none;gap:30px;height:80px;justify-content:center;width:100%}.carre{height:180px;position:absolute;width:180px}#carre11{left:0;top:0}#carre12{left:190px;top:0}#carre13{left:380px;top:0}#carre14{right:0;top:0}#carre21{left:0;top:190px}#carre22{left:190px;top:190px}#carre23{left:380px;top:190px}#carre24{right:0;top:190px}#carre31{left:0;top:380px}#carre32{left:190px;top:380px}#carre33{left:380px;top:380px}#carre34{right:0;top:380px}#carre41{bottom:0;left:0}#carre42{bottom:0;left:190px}#carre43{bottom:0;left:380px}#carre44{bottom:0;right:0}.scene{height:50px;perspective:1000px;width:50px}.dice{height:100%;position:relative;transform-style:preserve-3d;transition:transform 2s cubic-bezier(.23,1,.32,1);width:100%}.face{align-items:center;backface-visibility:visible;color:#000;display:flex;height:50px;justify-content:center;position:absolute;width:50px}.face1{background-image:url(img/dice.png);background-position-x:0;background-size:600% 100%;transform:rotateY(0deg) translateZ(25px)}.face2{background-image:url(img/dice.png);background-position-x:-100%;background-size:600% 100%;transform:rotateY(90deg) translateZ(25px)}.face3{background-image:url(img/dice.png);background-position-x:-200%;background-size:600% 100%;transform:rotateY(180deg) translateZ(25px)}.face4{background-image:url(img/dice.png);background-position-x:-300%;background-size:600% 100%;transform:rotateY(-90deg) translateZ(25px)}.face5{background-image:url(img/dice.png);background-position-x:-400%;background-size:600% 100%;transform:rotateX(90deg) translateZ(25px)}.face6{background-image:url(img/dice.png);background-position-x:-500%;background-size:600% 100%;transform:rotateX(-90deg) translateZ(25px)}button{font-size:18px;padding:10px 20px;width:300px}.selectable,.selectable_dice,button{cursor:pointer}.selectable{border:3px dashed #fff}.selectable *{pointer-events:none}.selectable.token,.selectedtoken{animation:blink 1s infinite alternate}@keyframes blink{0%{filter:brightness(100%)}to{filter:brightness(50%)}}.selected{border:3px solid #fff}.selected2{border:3px dashed #fff}.noselectable{animation:scaleAndFilterIn 1s forwards;transform-origin:center center}@keyframes scaleAndFilterIn{0%{filter:brightness(1) drop-shadow(2px 2px 2px rgba(0,0,0,.9));transform:scale(1)}to{filter:brightness(.9) drop-shadow(2px 2px 2px rgba(0,0,0,.9));transform:scale(.8)}}.reverse-noselectable{animation:reverseScaleAndFilterIn 1s forwards;transform-origin:center center}@keyframes reverseScaleAndFilterIn{0%{filter:brightness(.9) drop-shadow(2px 2px 2px rgba(0,0,0,.9));transform:scale(.8)}to{filter:brightness(1) drop-shadow(2px 2px 2px rgba(0,0,0,.9));transform:scale(1)}}.blockdice{background-image:url(img/cadena.png);background-size:100% 100%;height:25px;left:100%;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translate(-50%,-50%) scale(.8);transition:opacity .5s ease,transform .3s ease;width:20px;z-index:10}.blockdice.block{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.bockA{background-image:url(img/faceA.jpg)}.bockA,.bockB{background-size:500% 500%;border-radius:8px;box-sizing:border-box;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.9));-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,.9));height:100%;position:absolute;width:100%;z-index:2}.bockB{background-image:url(img/faceB.jpg)}.rotate{transform:rotateY(180deg);z-index:1!important}.flipable,.rotate{backface-visibility:hidden;transform-style:preserve-3d;transition:transform 1s ease-in-out}.flipable.flip{transform:rotateY(180deg)}.rotate.flip{transform:rotateY(0deg)}.score1,.score2{border-radius:50%;height:33px;position:absolute;width:33px;z-index:10}.token{background-image:url(img/token.jpg);background-size:400% 100%;border:2px solid #fff;border-radius:10px;box-sizing:border-box;height:35px;width:35px;z-index:10}.tokenhover{opacity:1;transition:opacity .5s ease}.tokenhover:hover{opacity:0}.token_log{background-image:url(img/token.jpg);background-size:400% 100%;border:2px solid #fff;border-radius:10px;box-sizing:border-box;display:inline-block;height:35px;vertical-align:middle;width:35px}.token_log_1{background-position-x:0}.token_log_2{background-position-x:-100%}.token_log_3{background-position-x:-200%}.token_log_4{background-position-x:-300%}.reservetokencontainer{display:flex;gap:2px;justify-content:center;margin-bottom:5px;margin-top:10px;width:100%}#player_board_title{align-items:center;background-color:#ebd5bd;border-radius:8px 0 0 8px;box-shadow:0 3px 8px rgba(0,0,0,.3);display:flex;height:115px;justify-content:center;padding:5px 3px}#titre_1{background-image:url(img/titre_pannel.png)}#titre_1,#titre_2{background-size:100% 100%;height:119px;margin-left:auto;margin-right:auto;width:200px}#titre_2{background-image:url(img/titre_pannel_happy.png)}.first_1{background-image:url(img/first_v2.jpg);background-position-x:0;background-size:200% 100%}.first_1,.first_2{border-radius:5px;box-sizing:border-box;height:50px;width:50px;z-index:10}.first_2{background-image:url(img/first_v2.jpg);background-position-x:-100%;background-size:200% 100%;cursor:pointer}.firstplayercontainer{display:flex;justify-content:center;margin-top:10px;width:100%}.animScore{animation:animscore 1.5s forwards;color:#fff;font-family:HaginCapsMedium,Arial,sans-serif;font-size:50px;font-weight:700;left:50%;position:absolute;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000;top:50%;transform:translate(-50%,-50%);transform-origin:center center;z-index:20}@keyframes animscore{0%{filter:opacity(1);transform:translate(-50%,-50%) scale(1)}90%{filter:opacity(1);transform:translate(-50%,-50%) scale(2)}to{filter:opacity(0)}}#pina{animation:animpina 4s forwards;background-image:url(img/pina.png);background-size:100% 100%;height:415px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center center;width:700px;z-index:50}@keyframes animpina{0%{filter:opacity(0);transform:translate(-50%,-50%) scale(.5)}20%{filter:opacity(1)}80%{filter:opacity(1);transform:translate(-50%,-50%) scale(1)}to{filter:opacity(0)}}@media screen and (max-width:1154px){#player_board_title{display:none}}.ModalHelpHappy{align-items:center;background-color:#ebd5bd;border:3px solid #ca6714;border-radius:5%;display:none;flex-direction:column;height:auto;justify-content:space-around;left:50%;padding:20px 10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:100}#overlay_modal{display:none;height:100%;position:absolute;width:100%;z-index:90}#croix{background-image:url(img/croix.png);background-size:100% 100%;cursor:pointer;height:35px;position:absolute;right:5px;top:5px;width:35px;z-index:150}#croix:hover{background-image:url(img/croix_hover.png)}.help{align-items:center;display:flex;justify-content:space-around;width:100%}.dice_help_1{background-image:url(img/dice.png);background-position-x:0;background-size:600% 100%}.dice_help_1,.dice_help_2{border-radius:5px;height:50px;width:50px}.dice_help_2{background-image:url(img/dice.png);background-position-x:-100%;background-size:600% 100%}.dice_help_3{background-image:url(img/dice.png);background-position-x:-200%;background-size:600% 100%}.dice_help_3,.dice_help_4{border-radius:5px;height:50px;width:50px}.dice_help_4{background-image:url(img/dice.png);background-position-x:-300%;background-size:600% 100%}.dice_help_5{background-image:url(img/dice.png);background-position-x:-400%;background-size:600% 100%}.dice_help_5,.dice_help_6{border-radius:5px;height:50px;width:50px}.dice_help_6{background-image:url(img/dice.png);background-position-x:-500%;background-size:600% 100%}.description{font-family:HaginCapsMedium,Arial,sans-serif;text-align:justify;width:80%}#image_modal{background-image:url(img/titre_pannel_happy.png);background-size:100% 100%;height:119px;margin-bottom:10px;width:200px}.help_zone{display:flex;flex-direction:column;gap:20px}.help_zone1{background-color:rgba(255,0,0,.1);border:2px solid rgba(255,0,0,.5);border-radius:8px;margin-bottom:5px;padding:10px 0}.help_zone2{background-color:rgba(44,180,2,.1);border:2px solid rgba(44,180,2,.5);border-radius:8px;padding:10px 0}