*,*::after,*::before{padding:0;margin:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}@media (max-width: 38em){html{font-size:50%}}@media (max-width: 30em){html{font-size:37.5%}}body{font-size:2.2rem;line-height:1}img{border-style:none;width:100%;height:auto;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}a{display:inline-block;background-color:transparent;text-decoration:none;color:inherit}button{border:none;cursor:pointer}button,input,label,optgroup,select,textarea{font-family:inherit;font-size:inherit}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.flat-shadow{box-shadow:0.7px 0.7px 0 #023047, 1.4px 1.4px 0 #023047,
 2.1px 2.1px 0 #023047, 2.8px 2.8px 0 #023047, 3.5px 3.5px 0 #023047,
 4.2px 4.2px 0 #023047, 4.9px 4.9px 0 #023047, 5.6px 5.6px 0 #023047,
 6.3px 6.3px 0 #023047, 7px 7px 0 #023047, 0.7px 0.7px 0 4px #fefae0,
 1.4px 1.4px 0 4px #fefae0, 2.1px 2.1px 0 4px #fefae0,
 2.8px 2.8px 0 4px #fefae0, 3.5px 3.5px 0 4px #fefae0,
 4.2px 4.2px 0 4px #fefae0, 4.9px 4.9px 0 4px #fefae0,
 5.6px 5.6px 0 4px #fefae0, 6.3px 6.3px 0 4px #fefae0, 7px 7px 0 4px #fefae0;transition:box-shadow, transform;transition-duration:0.2681s;transition-timing-function:cubic-bezier(0.51, 1.95, 0.5, 0.6)}.flat-shadow:hover{box-shadow:1px 1px 0 #023047, 2.1px 2.1px 0 #023047, 3.1px 3.1px 0 #023047,
 4.2px 4.2px 0 #023047, 5.2px 5.2px 0 #023047, 6.3px 6.3px 0 #023047,
 7.3px 7.3px 0 #023047, 8.4px 8.4px 0 #023047, 9.4px 9.4px 0 #023047,
 10.5px 10.5px 0 #023047, 1px 1px 0 4px #fefae0, 2.1px 2.1px 0 4px #fefae0,
 3.1px 3.1px 0 4px #fefae0, 4.2px 4.2px 0 4px #fefae0,
 5.2px 5.2px 0 4px #fefae0, 6.3px 6.3px 0 4px #fefae0,
 7.3px 7.3px 0 4px #fefae0, 8.4px 8.4px 0 4px #fefae0,
 9.4px 9.4px 0 4px #fefae0, 10.5px 10.5px 0 4px #fefae0;transform:translate(-50%, 0) translate(-1.6px, -1.6px)}.flat-shadow:active{box-shadow:0.4px 0.4px 0 #023047, 0.8px 0.8px 0 #023047,
 1.3px 1.3px 0 #023047, 1.7px 1.7px 0 #023047, 2.1px 2.1px 0 #023047,
 2.5px 2.5px 0 #023047, 2.9px 2.9px 0 #023047, 3.4px 3.4px 0 #023047,
 3.8px 3.8px 0 #023047, 4.2px 4.2px 0 #023047, 0.4px 0.4px 0 4px #fefae0,
 0.8px 0.8px 0 4px #fefae0, 1.3px 1.3px 0 4px #fefae0,
 1.7px 1.7px 0 4px #fefae0, 2.1px 2.1px 0 4px #fefae0,
 2.5px 2.5px 0 4px #fefae0, 2.9px 2.9px 0 4px #fefae0,
 3.4px 3.4px 0 4px #fefae0, 3.8px 3.8px 0 4px #fefae0,
 4.2px 4.2px 0 4px #fefae0;transform:translate(-50%, 0) translate(0, 0);transition:0.168s cubic-bezier(0.2, 0, 0.4, 1)}body{margin:0;font-family:'Pixelify Sans', sans-serif;font-size:2.8rem;color:#023047;display:flex;gap:7.2rem;flex-direction:column;align-items:center;position:relative;background-image:linear-gradient(to right bottom, #90e0ef, #67b8de);background-size:cover;background-repeat:no-repeat;min-height:100vh}header{display:flex;align-items:center;width:100%;padding-left:3rem;padding-top:3rem;padding-right:3rem;position:relative}header img{height:3.6rem;width:auto}header button{font-size:4.2rem;margin-left:auto;width:4.8rem;height:4.8rem;position:absolute;right:1rem}main{display:flex;width:100%;max-width:100rem;height:60rem;padding:0 3.2rem;position:relative}.player{height:100%;width:100%;padding:3.6rem 5.2rem;background-color:rgba(253,240,213,0.8);position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;transition:opacity 0.3681s cubic-bezier(0.2, 0, 0.4, 1)}@media (max-width: 30em){.player{padding:3.6rem 2.2rem}}.player--1{border-bottom-left-radius:2.8rem}@media (max-width: 30em){.player--1{display:flex;flex-direction:column;align-items:flex-start}}.player--2{border-bottom-right-radius:2.8rem}@media (max-width: 30em){.player--2{display:flex;flex-direction:column;align-items:flex-end}}.player__title{font-size:4.4rem}@media (max-width: 30em){.player__title{font-size:3.6rem}}@media (max-width: 38em){.player__title{font-size:4rem}}.player__main-score{font-size:4.6rem;font-family:'New Amsterdam', sans-serif}.player__current{margin-top:auto}.player__current-score{margin-bottom:2.2rem;font-family:'New Amsterdam', sans-serif}.player--active{background-color:rgba(253,240,213,0.8)}.player::before{content:'';position:absolute;width:100%;height:1.4rem;border-top-left-radius:10px;border-top-right-radius:10px;top:0;left:0;opacity:0;transform:translate(0, -100%);background-color:#f77f00;transition:opacity 0.3681s cubic-bezier(0.2, 0, 0.4, 1)}.player--active.player::before{opacity:1}.player:not(.player--active){opacity:0.5}.btn{position:absolute;left:50%;transform:translate(-50%, 0)}.btn-again{top:3rem}.btn-roll{bottom:10rem;margin-bottom:1.2rem}.btn-shunk{bottom:3rem}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%, -65%)}.middle svg{height:16rem;width:16rem}.message{text-align:center;font-weight:600}.how-to-play{font-size:2.2rem;background-color:#fefae0;max-width:100rem;height:40rem;overflow-y:scroll;padding:3.4rem 5.4rem;padding-left:5.6rem;border-radius:0.4rem;border-top-left-radius:1.2rem;border-bottom-left-radius:1.2rem;display:flex;flex-direction:column;gap:3.4rem;position:absolute;transform:translateY(50%);z-index:999}.how-to-play__close{font-size:4rem;position:fixed;top:3rem;right:3rem;line-height:0;cursor:pointer;transition:transform 0.2681s cubic-bezier(0.2, 0, 0.4, 1)}.how-to-play__close:hover{transform:scale(1.1)}.how-to-play__close:active{transform:scale(0.9)}.how-to-play .rules-list{display:flex;flex-direction:column;gap:2.4rem;padding-bottom:3.4rem;border-bottom:2px solid rgba(2,48,71,0.2)}.how-to-play .rules-list li>strong{font-weight:700;color:#023047;margin-bottom:0.8rem}.how-to-play .important-notes{display:flex;flex-direction:column;gap:2.4rem}.how-to-play .important-notes ul{display:flex;flex-direction:column;gap:1rem}.how-to-play .btn__rules{position:relative;align-self:flex-start;font-size:2.6rem}.how-to-play::-webkit-scrollbar{width:10px}.how-to-play::-webkit-scrollbar-track{background:#fdf0d5;border-radius:100px}.how-to-play::-webkit-scrollbar-thumb{background:#888;border-radius:100px}.how-to-play::-webkit-scrollbar-thumb:hover{background:#555}.modal__overlay{position:fixed;min-height:100vh;width:100%;background-color:rgba(253,240,213,0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998}strong{color:#f77f00;display:inline-block}.hidden{display:none}.shakeErr{animation:err 0.868s cubic-bezier(0.2, 0, 0.4, 1)}@keyframes err{0%{transform:translateX(0rem)}20%{transform:translateX(-1.2rem)}40%{transform:translateX(0.8rem)}60%{transform:translateX(-0.5rem)}80%{transform:translateX(0.3rem)}100%{transform:translateX(0rem)}}.btn--round,.btn--default{background-color:#f77f00;color:#fefae0;border:none;cursor:pointer}.btn--round{border-radius:100px;padding:1rem;display:flex;justify-content:center;align-items:center}.btn--default{border-radius:100px;padding:0.6rem 3.2rem;font-size:3.8rem}.btn-again svg{height:4.6rem;width:4.6rem;transition:transform 0.286s cubic-bezier(0.2, 0, 0.4, 1)}.btn-again:hover svg{transform:rotate(-15deg)}.btn-again:active svg{transform:rotate(190deg)}