body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.header-container{margin-bottom:10px;text-align:center}.board-container{display:flex;flex-grow:1;justify-content:center;margin-bottom:20px}.bottom-container{align-items:center;background-color:khaki;display:flex;flex-direction:column;gap:10px;max-width:500px;width:100%}body,html{margin:0;max-width:100%;overflow-x:hidden;padding:0}.board{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);height:100vw;margin:20px auto;max-height:500px;max-width:500px;width:100vw}.cell{align-items:center;background-color:khaki;border:1px solid #ccc;cursor:pointer;display:flex;font-size:2.5vw;height:100%;justify-content:center;position:relative;width:100%}.snake{background-color:red}.ladder{background-color:green}.destination-portal{opacity:.5}.highlight{animation:glow 1s infinite alternate}.bounce{animation:bounce .5s ease}@keyframes glow{0%{box-shadow:0 0 10px #ffff0080}to{box-shadow:0 0 20px #ff0}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.dice-result{font-size:3vw;font-weight:700;margin-top:10px;text-align:center}.add-player{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.add-player input{border-radius:5px;font-size:4vw;padding-bottom:8px;padding-top:8px;width:auto}.add-player-button{align-items:center;background-color:#61dafb;border-radius:5px;font-size:4vw;font-weight:700;margin-left:5px;padding:4px 8px}.player-icon{align-items:center;border-radius:100%;color:#fff;display:flex;font-size:2.5vw;height:60%;justify-content:center;width:60%}.player-list{font-size:3.5vw;font-weight:700;margin-top:10px;text-align:center}.reset-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:3vw;margin-bottom:20px;margin-top:10px;max-width:220px;padding:10px 0;transition:background-color .3s ease;width:90%}@media (max-width:700px){.cell{font-size:3vw}.dice-result,.player-list{font-size:5vw}.add-player button,.reset-button{font-size:4.5vw}}.dice{align-items:center;background-color:#fff;border:2px solid #333;border-radius:10px;display:flex;height:60px;justify-content:center;margin-top:20px;position:relative;transition:background-color .3s ease;width:60px}.dice.rolling{animation:shake .5s;background-color:tomato}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.dot-container{height:100%;position:relative;width:100%}.dot{background-color:#000;border-radius:50%;display:none;height:10px;position:absolute;width:10px}.dot1{left:50%;top:50%;transform:translate(-50%,-50%)}.dot2{left:20%;top:20%}.dot3{right:20%;top:20%}.dot4{bottom:20%;left:20%}.dot5{bottom:20%;right:20%}.dot6{left:20%}.dot6,.dot7{top:50%;transform:translateY(-50%)}.dot7{right:20%}.dot-container.dot-1 .dot1,.dot-container.dot-2 .dot2,.dot-container.dot-2 .dot5,.dot-container.dot-3 .dot1,.dot-container.dot-3 .dot2,.dot-container.dot-3 .dot5,.dot-container.dot-4 .dot2,.dot-container.dot-4 .dot3,.dot-container.dot-4 .dot4,.dot-container.dot-4 .dot5,.dot-container.dot-5 .dot1,.dot-container.dot-5 .dot2,.dot-container.dot-5 .dot3,.dot-container.dot-5 .dot4,.dot-container.dot-5 .dot5,.dot-container.dot-6 .dot2,.dot-container.dot-6 .dot3,.dot-container.dot-6 .dot4,.dot-container.dot-6 .dot5,.dot-container.dot-6 .dot6,.dot-container.dot-6 .dot7{display:block}
/*# sourceMappingURL=main.67e2dc1c.css.map*/