@font-face{font-family:lalezar;src:url(font/Local.ttf)}.board{display:flex;justify-content:space-between;align-items:center;column-gap:10px}.cross-icon{position:absolute;padding:2px;width:25px;height:25px;background:rgba(255,255,255,.2);top:20px;right:20px;border-radius:50%;aspect-ratio:1;visibility:hidden;z-index:100}.cross-icon>img{width:100%}.rules-board .install-section{background:rgba(0,0,0,.5);width:100%;padding:clamp(6px,2vw,10px) 0;display:flex;align-items:center;justify-content:space-between;margin-top:clamp(6px,2vw,10px);width:clamp(280px,100vw,500px);margin-left:clamp(-20px,-3vw,-9px)}.rules-board .install-section .install-btn{margin-top:0!important;background:#1da51d;border-radius:clamp(9px,3vw,15px);font-family:lalezar;font-size:clamp(15px, 5vw, 25px);top:0;color:#fff;flex:1;max-width:40%;margin-right:clamp(9px,3vw,15px)}.rules-board .install-section .game-title-icon{font-size:clamp(15px, 5vw, 25px);color:#fff;flex:1;text-align:right;display:flex;align-items:center;column-gap:clamp(6px,2vw,10px);justify-content:flex-end;margin-left:clamp(9px,3vw,15px)}.rules-board .install-section .game-title-icon>img{width:clamp(30px,10vw,50px)}.main-content{flex:1;max-width:500px;min-height:100vh;background-image:url("Sprites/MainBackground.jpg");background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;overflow:hidden;position:relative}.main{flex:1;overflow:hidden;display:flex;flex-direction:column}*{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body{display:flex;margin:0!important;font-family:lalezar;min-height:100vh;align-items:center;justify-content:center;background:#000}.play-section{transition:left .4s;left:0;position:relative;margin:clamp(9px,3vw,20px);margin-bottom:0;top:0;display:flex;flex-direction:column;justify-content:space-between;flex:1;row-gap:1vw}.content-section{position:relative;border:10px solid;width:100%;overflow:hidden;flex-grow:1}.play-section-final-state{left:-100vw}.leaderboard-section-final-state{left:0!important;display:flex}.leaderboard-section{display:flex;flex-direction:column;width:95%;top:2vh;margin:auto;position:relative;transition:left .4s;left:100vw}.leaderboard-section .rank{display:grid;border-radius:clamp(11px,4vw,20px);align-items:center;background:#fce3c3;direction:rtl;justify-content:space-between;grid-template-columns:2fr 3fr 2fr 8fr 3fr;padding:clamp(3px,1vw,5px);box-shadow:0 clamp(4px,1.6vw,8px) #a3937d;height:clamp(45px,16vw,80px);column-gap:clamp(3px,1vw,5px)}.leaderboard-section .rank .rank-name-score{display:flex;flex-direction:column;align-items:center}.leaderboard-section .rank .rank-name-score .rank-score{font-size:clamp(17px, 6vw, 30px)}.leaderboard-section .rank .rank-name-score .rank-name{font-size:clamp(12px, 4vw, 20px)}.leaderboard-section .rank .rank-avatar{display:flex;align-items:center}.leaderboard-section .rank .rank-avatar>img{width:100%}.leaderboard-section .rank .rank-number{font-size:clamp(12px, 4vw, 20px);background:#887966;color:#fff;border-radius:clamp(9px,3vw,15px);height:fit-content;display:flex;align-items:center;justify-content:center}.leaderboard-section .rank .rank-prize{display:flex;align-items:center;justify-content:center}.leaderboard-section .rank .rank-prize>img{width:75%}.dynamic-leaderboard-container{display:flex;flex-direction:column;row-gap:clamp(7.5px,2.5vw,12.5px);width:100%;position:absolute;top:0}.dynamic-leaderboard-container-animation{animation-name:dynamic-leaderboard-container-animate;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s}@keyframes dynamic-leaderboard-container-animate{from{top:0}to{top:clamp(61.5px,20.5vw,101.5px)}}.dynamic-rank{position:absolute;top:clamp(186px,62vw,310px);background:#5eee5e!important;box-shadow:0 clamp(4px,1.6vw,8px) #36c036!important}.dynamic-rank .rank-number{background:#2dad2d!important}.dynamic-rank-animation{animation-name:dynamic-rank-animate;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s}@keyframes dynamic-rank-animate{from{top:clamp(186px,62vw,310px)}to{top:0}}.btn{width:100%;margin-top:10px;border-radius:clamp(11px,4vw,20px);font-family:lalezar;font-size:clamp(20px, 7vw, 35px);position:relative;top:0;color:#fff}.btn:after{content:'';position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:50%;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.2));border-radius:clamp(11px,4vw,20px)}.btn-container{width:100%;overflow:hidden;position:relative;border-radius:clamp(11px,4vw,20px);padding-bottom:clamp(6px,1.8vw,10px)}.btn-disabled{opacity:.7}.btn-animation{animation-name:btn-animation;animation-duration:.5s;animation-iteration-count:infinite}@keyframes btn-animation{from{top:0}to{top:clamp(6px,1.8vw,10px)}}.throw-dice-btn{background:#0e97f1;box-shadow:0 clamp(4px,1.6vw,8px) #045891}.play-btn{background:#1da51d;box-shadow:0 .7vh #126912}.dice-container{display:flex;flex-grow:1;justify-content:center;align-items:center;position:relative}.dice-bg{width:100%}.dice{width:90%;position:absolute;transition:ease all .7s;top:5%;right:5%;animation-name:dice-animation;animation-duration:.3s}@keyframes dice-animation{from{transform:rotate(-90deg)}to{transform:rotate(0)}}.final-dice{width:20%!important}.rules-container{display:flex;flex-direction:column;border:1px solid;background:#deb887;padding:8px 8px;border-radius:20px}.row{display:flex;flex:1;height:100%}.rule{display:flex;flex:1;column-gap:3%;align-items:center}.player-rule-score{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.rule-score{position:absolute;font-size:clamp(20px, 8vw, 40px)}.rule>*>img{width:100%;flex-grow:1}.rule-icon{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.opponent-rule-score{flex:1;display:flex;align-items:center;justify-content:center;border-radius:10%;background:brown;aspect-ratio:1}.players{display:flex;align-items:center;width:100%;column-gap:clamp(28px,10vw,50px)}.player{flex-grow:1;display:flex;align-items:center}.player .name-score{display:flex;flex-direction:column;row-gap:clamp(3px,2vw,5px);margin-left:-20%;flex:1;position:relative}.opponent{flex-grow:1;display:flex;align-items:center}.opponent .name-score{display:flex;flex-direction:column;row-gap:clamp(6px,2vw,8px);margin-right:-20%;flex:1;position:relative}.player-detail-holder{border-radius:clamp(6px,2vw,10px);background:#492222;color:#fff;font-size:clamp(16px, 5vw, 25px)}.player-detail-holder>div{margin-left:clamp(9px,3vw,15px);margin-right:clamp(9px,3vw,15px);overflow:hidden;width:clamp(21px,7vw,35px)}.avatar{display:flex;align-items:center;justify-content:center;flex:1;position:relative;z-index:2}.avatar>img{width:100%}.vl{background:brown;flex:1;margin-left:1%;margin-right:1%;max-width:1%}.stages{display:flex;align-items:flex-end;border-bottom:8px solid brown;width:90%;overflow:hidden;column-gap:clamp(22px,8vw,40px)}.stage{display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;margin-left:9px;margin-right:9px;align-items:center;overflow:hidden;height:100%}.stage-container{align-items:center;display:flex;flex-direction:column;position:relative;row-gap:1vw;justify-content:center}.stage-container>img{max-width:100%;width:100%;flex-grow:1}.stage-1{margin-bottom:-100%}.stage-2{margin-bottom:-130%}.stage-3{margin-bottom:-160%}.stage-text{position:absolute;color:#fff;font-size:clamp(15px, 4.4vw, 22px);margin-bottom:clamp(3px,1vw,5px);text-shadow:2px 2px #111}.stages-text{color:#fff;font-size:clamp(18px, 6vw, 30px);margin-top:5px;text-shadow:2px 2px 8px red}.stages-container{width:100%;display:flex;justify-content:center;background:url('Sprites/Background.png');background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center}.glow{position:absolute;width:100%}.arrow{position:absolute;top:-55%;width:clamp(28px,10vw,50px)!important;animation-name:arrow-animation;animation-duration:1s;animation-iteration-count:infinite;z-index:1}@keyframes arrow-animation{0%{top:-70%}50%{top:-55%}100%{top:-70%}}.btns{width:100%;position:relative;display:flex;justify-content:center;align-items:center}.win-screen{background:rgba(0,0,0,.8);top:0;right:0;left:0;bottom:0;position:absolute;height:0;width:0;transition:width .4s,height .4s;margin:auto;z-index:10;display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:space-between}.win-screen .win-top-container{display:flex;width:100%;align-items:flex-end;justify-content:center}.win-screen .win-top-container .happy-papers{width:100%;position:absolute;top:0}.win-screen .win-top-container .happy-strings{width:100%}.win-screen .reward-greet-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:70%}.win-screen .reward-greet-container .greeting-txt{color:#fff;font-size:clamp(36px, 13vw, 65px)}.win-screen .reward-greet-container .reward-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.win-screen .reward-greet-container .reward-container .winner-reward{position:relative;z-index:1;width:70%}.win-screen .win-txt-btn-container{display:flex;flex-direction:column;align-items:center;row-gap:2vh;margin-bottom:4vh;position:relative}.win-screen .win-txt-btn-container .install-btn{background:#1da51d;box-shadow:0 clamp(4px,1.6vw,8px) #126912;width:90%;margin-top:10px;border-radius:clamp(11px,4vw,20px);font-family:lalezar;font-size:clamp(25px, 7vw, 35px);top:0;color:#fff}.win-screen .win-txt-btn-container .win-text{font-size:clamp(25px, 9vw, 45px);color:#fff;text-wrap:nowrap}.win-screen .win-txt-btn-container .win-text .winner-word{color:gold}.win-screen-final{height:100%;width:100%}.sparkle-1{position:absolute;animation-name:sparkle-animation-1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;flex-grow:1;width:100%}.sparkle-2{position:absolute;animation-name:sparkle-animation-2;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;width:90%}@keyframes sparkle-animation-1{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle-animation-2{from{transform:rotate(45deg)}to{transform:rotate(405deg)}}.yatzy-screen{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:0;left:0;background:#8b00f1;z-index:10;overflow:hidden;width:0;height:0;transition:width .3s,height .3s;margin:auto;flex-direction:column}.yatzy-screen .yatzy-text{color:#fff;font-size:clamp(25px, 9vw, 45px);text-align:center;position:relative;z-index:100;margin-top:10vh}.yatzy-screen .yatzy-container{position:relative;display:flex;align-items:center;justify-content:center;width:90%}.yatzy-screen .yatzy-container .yatzy-icon{transform:rotate(-22deg);width:55%;z-index:1;margin-top:-3vh}.yatzy-screen-show{width:100%;height:100%}