@import url(https://fonts.googleapis.com/css2?family=Inter&family=Karla:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--main-bg:#0b2434;--board-bg:#f5f5f5;--text-clr:#4a4e74;--heading-clr:#2b283a;--btn-bg:#5035ff}body{align-items:center;background:#0b2434;background:var(--main-bg);display:flex;font-family:Inter,sans-serif;font-size:.8rem;justify-content:center;min-height:100vh;overflow:hidden;text-align:center}.board,body{position:relative}.board{background:#f5f5f5;background:var(--board-bg);border-radius:.5rem;max-width:365px;padding:2rem}.board h1{color:#2b283a;color:var(--heading-clr);font-family:Karla,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.board .die-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto;margin:1.5rem 0}.die-container .die{align-items:center;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.die:hover{box-shadow:0 5px 5px rgba(0,0,0,.15);-webkit-transform:scale(1.005);transform:scale(1.005)}.die span{color:#2b283a;color:var(--heading-clr);font-size:1.3rem}.board button,.die span,.scoreboard .close{font-family:Karla,sans-serif;font-weight:700}.board button,.scoreboard .close{background:#5035ff;background:var(--btn-bg);border:none;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.18);color:#fff;cursor:pointer;margin-bottom:1rem;padding:.5rem 1.5rem;transition:all .3s linear;z-index:12}button:hover{opacity:.8}button:active{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.board .mute-btn{background:transparent;box-shadow:none;font-size:1rem;height:-webkit-max-content;height:max-content;padding:0;position:absolute;right:1.5rem;top:1.5rem;width:-webkit-max-content;width:max-content;z-index:0}.board .scoreboard{background:#fff;border-radius:.5rem;height:100%;left:0;padding:2rem;position:absolute;top:0;width:100%;z-index:10}.scoreboard h2{font-size:1.5rem;margin-bottom:2rem}.scoreboard p{font-size:1rem;line-height:1.5}.scoreboard .score{align-items:center;display:flex;justify-content:space-between;margin:2rem 0}.confetti{height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}@media(max-width:350px){.board{margin:1rem;padding:1rem}}
/*# sourceMappingURL=main.c3be1f18.css.map*/