body{color:#d89216;font-family:Courier New,Courier,monospace}html{font-size:18px}a:link,a:visited{color:#d89216;text-decoration:none}a:active,a:hover{color:#696969;text-decoration:none}@media only screen and (max-width:768px){html{font-size:14px}}@media only screen and (max-width:600px){html{font-size:12px}}.about{display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center;width:40%}.about p{margin:2px}.about hr{border:1.5px solid #d89216;margin:40px auto 25px;width:100%}@media only screen and (max-width:768px){.about{width:60%}}@media only screen and (max-width:600px){.about{width:80%}.about hr{border:1px solid #d89216;margin:30px auto 15px}}.game-container{padding:0 10px}.game{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;text-align:center}.game-left{font-size:1.1rem}.game-left,.game-right{flex-shrink:0;width:220px}.game-table{border:3px solid #8b6914;border-collapse:collapse;border-radius:4px;margin:10px auto;table-layout:fixed;width:min(500px,60vw)}.game-table td{background-color:#f5f0e1;border:3px solid #8b6914;padding-bottom:0;padding-top:0;position:relative;transition:background-color .15s ease}.game-table td:after{content:"";display:block;margin-top:100%}.dark-background .game-table td,.game-table.dark-background td{background-color:#2a2a2a}.game-table td:hover{background-color:#e8dfc8}.dark-background .game-table td:hover,.game-table.dark-background td:hover{background-color:#333}.game-table td>div{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.cell-content.clickable{cursor:pointer}.piece{height:80%;max-height:80%;max-width:80%;object-fit:contain;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:80%}.piece:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.piece-selected{-webkit-animation:pulse-selected .8s ease-in-out infinite;animation:pulse-selected .8s ease-in-out infinite;-webkit-filter:drop-shadow(0 0 6px rgba(216,146,22,.8));filter:drop-shadow(0 0 6px rgba(216,146,22,.8))}@-webkit-keyframes pulse-selected{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.12);transform:scale(1.12)}}@keyframes pulse-selected{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.12);transform:scale(1.12)}}.winning-cell{-webkit-animation:win-glow 1s ease-in-out infinite alternate;animation:win-glow 1s ease-in-out infinite alternate}.winning-cell td,td.winning-cell{background-color:#fff3cd!important;box-shadow:inset 0 0 12px rgba(216,146,22,.5)}@-webkit-keyframes win-glow{0%{box-shadow:inset 0 0 8px rgba(216,146,22,.3)}to{box-shadow:inset 0 0 16px rgba(216,146,22,.7)}}@keyframes win-glow{0%{box-shadow:inset 0 0 8px rgba(216,146,22,.3)}to{box-shadow:inset 0 0 16px rgba(216,146,22,.7)}}.piece-win{-webkit-animation:piece-win-bounce .6s ease-in-out infinite alternate;animation:piece-win-bounce .6s ease-in-out infinite alternate;-webkit-filter:drop-shadow(0 0 8px rgba(216,146,22,.9));filter:drop-shadow(0 0 8px rgba(216,146,22,.9))}@-webkit-keyframes piece-win-bounce{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes piece-win-bounce{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.15);transform:scale(1.15)}}.valid-move{cursor:pointer}.valid-move-light{background-color:#d4edda!important}.valid-move-dark{background-color:#1a3a1a!important}.valid-move-dot{background-color:rgba(46,204,64,.5);border:2px solid rgba(46,204,64,.7);border-radius:50%;height:30%;transition:opacity .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,opacity .15s ease;transition:transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;width:30%}.valid-move:hover .valid-move-dot{opacity:.8;-webkit-transform:scale(1.3);transform:scale(1.3)}.btn{background-color:#eee;border:3px solid #d89216;border-radius:8px;color:#d89216;cursor:pointer;display:block;font-family:inherit;font-size:1.1rem;font-weight:700;height:50px;margin:12px auto;transition:all .15s ease;width:80%}.btn:hover:not(:disabled){background-color:#d89216;color:#fff}.btn:active:not(:disabled){-webkit-transform:scale(.97);transform:scale(.97)}.btn-hidden,.btn:disabled{visibility:hidden}.btn-confirm{-webkit-animation:pulse-confirm .6s ease-in-out infinite alternate;animation:pulse-confirm .6s ease-in-out infinite alternate;background-color:#ff4136;border-color:#ff4136;color:#fff}@-webkit-keyframes pulse-confirm{0%{opacity:1}to{opacity:.7}}@keyframes pulse-confirm{0%{opacity:1}to{opacity:.7}}.text-block{margin-top:10px}.info{margin:8px 0;min-height:1.5em}.player-indicator{font-size:1.1rem;font-weight:700}.player-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:2px 12px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.winner-badge{-webkit-animation:winner-pulse .8s ease-in-out infinite alternate;animation:winner-pulse .8s ease-in-out infinite alternate}@-webkit-keyframes winner-pulse{0%{box-shadow:0 0 0 0 rgba(216,146,22,.4);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 12px 4px rgba(216,146,22,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes winner-pulse{0%{box-shadow:0 0 0 0 rgba(216,146,22,.4);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 12px 4px rgba(216,146,22,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}}.phase-info{font-size:.85rem;opacity:.7}.log{font-weight:700;min-height:1.5em;transition:color .15s ease}.log-active{color:#ff4136}.rolled-number-container{align-items:center;display:flex;flex-direction:column;margin-top:10px;min-height:120px}.rolled-number{-webkit-animation:die-appear .3s ease-out;animation:die-appear .3s ease-out;color:#d89216;font-size:3.5rem;font-weight:700}.rolled-number-placeholder{min-height:80px}@-webkit-keyframes die-appear{0%{opacity:0;-webkit-transform:scale(.5) rotate(-10deg);transform:scale(.5) rotate(-10deg)}60%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes die-appear{0%{opacity:0;-webkit-transform:scale(.5) rotate(-10deg);transform:scale(.5) rotate(-10deg)}60%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.hide{display:none}.game-over{justify-content:center;margin:10px auto;min-height:400px;width:100%}.game-over,.game-over-content{align-items:center;display:flex}.game-over-content{flex-direction:column;gap:20px;text-align:center}.game-over-title{color:#d89216;font-size:2.5rem;font-weight:700}.game-over-badge{font-size:1.4rem;padding:6px 24px}.game-over-btn{margin:10px auto;width:180px}.dark-mode,.light-mode{color:inherit}@media only screen and (max-width:900px){.game{align-items:center;flex-direction:column}.game-left,.game-right{max-width:400px;width:90%}.game-left{order:-1}.game-right{order:1}.game-table{width:min(90vw,500px)}.rolled-number-container{flex-direction:row;gap:15px;min-height:auto}.btn{margin:8px;width:120px}}@media only screen and (max-width:600px){.game-table,.game-table td{border-width:2px}.btn{font-size:1rem;height:40px}.rolled-number{font-size:2.5rem}}.home{display:flex;flex-direction:column;justify-content:center;text-align:center}.play-button{border:4px solid #d89216;border-radius:8px;color:#d89216;font-size:1.2rem;height:60px;margin:auto;width:30%}.play-button:hover{background-color:gray;cursor:pointer}.rules{display:flex;flex-direction:column;justify-content:center;text-align:center}.rules-list{font-size:1.2rem;list-style-type:none;margin:auto;padding:0;text-align:left;width:50%}@media only screen and (max-width:768px){.play-button{width:45%}.rules-list{width:60%}}@media only screen and (max-width:600px){.play-button{width:65%}.rules-list{width:80%}}.no-page{display:flex;flex-direction:column;justify-content:center;text-align:center}.navigation-header{align-items:center;border-bottom:3px solid #d89216;display:flex;height:70px;margin-bottom:10px}.navigation-header-left{flex-shrink:0;text-align:center;width:70px}.navigation-header-center{flex:1 1;text-align:center}.navigation-header-center h1{font-size:1.5rem;margin:0}.navigation-header-right{flex-shrink:0;text-align:center;width:70px}.icon{cursor:pointer;font-size:1.5rem;transition:color .15s ease;-webkit-user-select:none;user-select:none}.icon:hover{color:gray}.menu-overlay{background:rgba(0,0,0,.5);display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:90}.menu-overlay.menu-open{-webkit-animation:fade-in .2s ease;animation:fade-in .2s ease;display:block}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.links{box-shadow:2px 0 12px rgba(0,0,0,.3);height:100vh;left:0;overflow-y:auto;position:fixed;text-align:center;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:280px;z-index:100}.links.menu-open{-webkit-transform:translateX(0);transform:translateX(0)}.links>ul{font-size:1.5rem;list-style-type:none;margin:0;padding:80px 0 20px}.links>ul>li{margin:12px 0}.links>ul>li>a{border-radius:4px;display:block;margin:0 10px;padding:10px 20px;text-decoration:none;transition:background-color .15s ease}.links>ul>li>a:hover{background-color:rgba(216,146,22,.15)}.light-background{background-color:#eee}.dark-background{background-color:#191a19}
/*# sourceMappingURL=main.97ff55c9.css.map*/