@font-face{font-family:GamePlay;src:local("GamePlay"),url(/fonts/game.woff2) format("opentype")}@font-face{font-family:FontGameDefault;src:local("FontGameDefault"),url(/fonts/ClassiqueSaigon\ Full.otf) format("opentype")}@font-face{font-family:JandaFont;src:local("JandaFont"),url(/fonts/JandaSparkleandShine.ttf) format("opentype")}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-animation{animation:spin 9s linear infinite}.animation-glow{animation:moveCircle 2s linear infinite;animation-delay:0s;background:radial-gradient(#4fc075,#4fc075,transparent);filter:blur(8px)}.animation-glow-1{animation:moveCircle 2s linear infinite;animation-delay:1s;background:radial-gradient(#00a8f7,#75d3ff,transparent);filter:blur(8px)}.hunter-animation-glow{animation:moveCircle 2s linear infinite;animation-delay:0s;background:radial-gradient(#4fc075,#4fc075,transparent);filter:blur(8px)}.hunter-animation-glow-1{animation:moveCircle 2s linear infinite;animation-delay:1s;background:radial-gradient(#00a8f7,#75d3ff,transparent);filter:blur(8px)}@keyframes moveCircle{0%{transform:rotate(0deg) translateX(59px) rotate(0deg)}to{transform:rotate(1turn) translateX(59px) rotate(-1turn)}}.animation-active-player{animation:moveCircle 2s linear infinite;animation-delay:0s;background:#7e0808;filter:blur(8px)}.animation-active-player-1{animation:moveCircle 2s linear infinite;animation-delay:1s;background:#7e0808;filter:blur(8px)}.animation-active-player-dragon{animation:moveCircle 2s linear infinite;animation-delay:0s;background:#e7e6b8;filter:blur(8px)}.animation-active-player-dragon-1{animation:moveCircle 2s linear infinite;animation-delay:1s;background:#e7e6b8;filter:blur(8px)}@media screen and (max-width:1100px){.hunter-animation-glow{animation:moveCircle 2s linear infinite;animation-delay:0s;background:radial-gradient(#4fc075,#4fc075,transparent);filter:blur(4px)}.hunter-animation-glow-1{animation:moveCircle 2s linear infinite;animation-delay:.9s;background:radial-gradient(#00a8f7,#75d3ff,transparent);filter:blur(4px)}}.diceFace{box-sizing:border-box;position:absolute;width:60px;height:60px;background-color:#f6f3f0;border:.6px solid #fff;border-radius:12px;transform-style:preserve-3d;transition:.5s;&:before{width:100%;height:100%;background-color:#fff;border-radius:12px;transform:translateZ(-.3px)}&:after,&:before{position:absolute;content:""}&:after{width:12px;height:12px;top:50%;left:50%;margin:-6px 0 0 -6px;background-color:#131210;border-radius:100%;transform:translateZ(.3px)}}.front{transform:translateZ(30px);&:after{width:24px;height:24px;margin:-12px 0 0 -12px;background-color:#f63330}}.up{transform:rotateX(90deg) translateZ(30px);&:after{margin:-18px 0 0 -18px;box-shadow:24px 24px #131210}}.left{transform:rotateY(-90deg) translateZ(30px);&:after{margin:-24px 0 0 -24px;box-shadow:18px 18px #131210,36px 36px #131210}}.right{transform:rotateY(90deg) translateZ(30px);&:after{margin:-18px 0 0 -18px;background-color:#f63330;box-shadow:24px 0 #f63330,0 24px #f63330,24px 24px #f63330}}.bottom{transform:rotateX(-90deg) translateZ(30px);&:after{margin:-21.6px 0 0 -21.6px;box-shadow:15.6px 15.6px #131210,31.2px 31.2px #131210,31.2px 0 #131210,0 31.2px #131210}}.back{transform:rotateX(180deg) translateZ(30px);&:after{margin:-24px 0 0 -18px;box-shadow:24px 0 #131210,0 18px #131210,24px 18px #131210,0 36px #131210,24px 36px #131210}}.dice{position:absolute;width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px);transform-style:preserve-3d;transform:rotate3d(0,.9,.9,90deg);transition:.5s cubic-bezier(.42,1.57,.62,.86);&.rolling{animation:rotatePerFace 3s cubic-bezier(.42,1.57,.62,.86) infinite}&.throw{animation:rotateDice 1s ease-in reverse,throwDice 1s linear}}.diceWrap{position:absolute;width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px);&:before{position:absolute;content:"";width:70%;height:5%;top:90%;left:15%;background:rgba(0,0,0,.2);border-radius:100%;filter:blur(3px)}}@keyframes rotateDice{30%{transform:rotate3d(1,1,1,0deg)}to{transform:rotate3d(1,1,1,2turn)}}@keyframes rotatePerFace{16%{transform:rotate3d(-.1,.6,-.4,180deg)}32%{transform:rotate3d(-.85,-.42,.73,180deg)}48%{transform:rotate3d(-.8,.3,-.75,180deg)}64%{transform:rotate3d(.3,.45,.9,180deg)}80%{transform:rotate3d(-.16,.6,.18,180deg)}to{transform:rotate3d(-.1,.3,-1,180deg)}}@keyframes throwDice{20%{margin-top:-90px}40%{margin-top:0}60%{margin-top:-27px}80%{margin-top:0}85%{margin-top:-9px}90%{margin-top:0}95%{margin-top:-2.7px}to{margin-top:0}}@keyframes activeThrow{0%{transform:scale(0);opacity:1;background-color:#fff}70%{transform:scale(8);opacity:0;background-color:hsla(0,0%,100%,0)}to{transform:scale(8);opacity:0;background-color:hsla(0,0%,100%,.2)}}.activeThrow{z-index:0;animation:activeThrow 2.2s ease-in-out .2s infinite;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}@keyframes highlight{0%{opacity:1}50%{opacity:0}to{opacity:1}}.highlight{animation:highlight 2s linear infinite}