@font-face{font-family:Karrik;src:local(Karrik),url(/static/media/Karrik-Regular.7f3178fd17d03fc98cfe.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191919;margin:0}body,code{font-family:Karrik,sans-serif}.header-container{background-color:#141414;box-shadow:0 .2rem 1rem #f8f8ff0d;height:4rem;margin:0 0 1.5rem;width:100%}.header{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.header,.section{align-items:center;height:100%}.section{display:flex}.section.left{justify-self:left}.section.center{display:flex;flex-direction:column;justify-content:center;justify-self:center}.section.right{justify-self:right}.header-icon{cursor:pointer;filter:invert(100%);height:2rem}.header-text{color:#f8f8ff;margin:0 0 0 .25rem}.header-text.title{font-size:1.75rem;font-weight:700}.header-icon.left{height:1.25rem;margin:0 0 0 1rem}.header-icon.right{margin:0 2rem 0 0}@media (max-width:560px){.header-icon{height:1.5rem}.header-text{color:#f8f8ff;font-size:.8rem;margin:0 0 0 .25rem}.header-text.title{font-size:1.3rem;font-weight:700}}@media (max-width:500px){.header-icon{height:1.5rem}.header-text{color:#f8f8ff;font-size:.8rem;margin:0 0 0 .25rem}.header-text.title{font-size:1rem;font-weight:700}}.board{background-color:#555;border:.09rem solid #ccc;border-top-style:none;display:inline-block;position:relative}.cell{background-color:#191919;border:.09rem solid #555;box-sizing:border-box}.scoreboard-container{justify-content:center;margin:-3.5px 0 0;position:relative;width:100%;z-index:1}.scoreboard{display:flex;flex-direction:row}.score-domino{background-color:#555;border:.09rem solid #ccc;border-radius:4px;flex:1 1;height:15px;overflow:hidden;position:relative;transition:all .3s ease;width:30px}.score-domino-fill{background-color:#4caf50;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-in-out;width:100%}.score-domino.filled .score-domino-fill{transform:scaleX(1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.domino-pip-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:70%;padding:4px;position:relative;width:70%}.pip{background-color:#000;border-radius:50%;height:8px;position:absolute;width:8px}.pip-top-left{left:15%;top:15%}.pip-top-right{right:15%;top:15%}.pip-middle-left{left:15%;top:50%;transform:translateY(-50%)}.pip-center{left:50%;top:50%;transform:translate(-50%,-50%)}.pip-middle-right{right:15%;top:50%;transform:translateY(-50%)}.pip-bottom-left{bottom:15%;left:15%}.pip-bottom-right{bottom:15%;right:15%}.domino-wrapper{height:100%;position:relative;width:100%}.domino{border-radius:.5rem;display:flex;position:absolute;-webkit-user-select:none;user-select:none}.domino-half{align-items:center;border:.2rem solid #ccc;box-sizing:border-box;color:#191919;display:flex;font-weight:700;justify-content:center}.top-half-domino{border-style:none}.domino-divider{background-color:#ccc}.bot-half-domino{border-style:none none solid}.domino-holder{background-color:#333;border:.09rem solid #555;border-radius:1rem;box-sizing:border-box;margin:1.5rem 0 10px;padding:20px;width:100%}.domino-holder-dominos{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly;position:relative}.modal{align-items:center;display:flex;height:100%;justify-content:center;max-height:100vh;width:100%;z-index:2000}.modal,.modal-background{left:0;position:fixed;top:0}.modal-background{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000080;height:100vh;width:100vw;z-index:0}.modal-content{align-items:center;background-color:#191919;border:1px solid #f8f8ff;color:#f8f8ff;display:flex;flex-direction:column;height:20rem;margin:10% auto;padding:2rem;width:15rem;z-index:3000}.modal-text{font-size:1rem;font-weight:400;margin:.4rem}.modal-subtext{color:#ccc;font-size:.8rem;font-weight:400}.modal-header{font-size:1.7rem;font-weight:700;margin:.4rem}.modal-logo{filter:invert(100%);margin:0 0 20px}.modal-icon{margin:0 0 .5rem}.modal-sub-button{background:none;border:none;color:#aaa;cursor:pointer;font-family:Karrik,sans-serif;font-size:.8rem;margin:0;padding:0}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-evenly;margin:1rem 0 0;white-space:nowrap;width:100%}.stat-number{font-size:1.25rem;font-weight:700}.stat-label{font-size:.7rem;font-weight:400;margin:.4rem}.grid{color:#4caf50;font-family:monospace;font-size:1.5rem;line-height:59%;margin:0}.button-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cancel-button{background-color:#333;border:2px solid #ccc;border-radius:.75rem;cursor:pointer;display:inline-flex;font-family:Karrik,sans-serif;font-size:1rem;font-weight:700;padding:15px 40px}.cancel-button,.tutorial-content{align-items:center;color:#f8f8ff;justify-content:center}.tutorial-content{background-color:#191919;border:1px solid #fff;display:flex;flex-direction:column;height:40rem;margin:10% auto;padding:2rem;position:relative;width:20rem;z-index:100}.tutorial-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:auto}.tutorial-header{font-size:.995rem;font-weight:700;line-height:1.5rem;margin:.5rem 0 0}.tutorial-text{font-size:.9rem;line-height:1.5rem;margin:.3rem}.tutorial-text-container{height:1.5rem;line-height:1.5rem;margin:.25rem;overflow-y:auto}.tutorial-domino-holder{align-items:center;background-color:#333;border:.09rem solid #555;border-radius:1rem;box-sizing:border-box;display:flex;justify-content:center;margin:10px 0 0;width:100%}.tutorial-domino-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;position:relative}.tutorial-domino-wrapper{height:100%;position:relative;width:100%}.example-area{align-items:center;display:flex;height:1.888rem;justify-content:center;width:11.25rem}.root{--black-color:#191919;--white-color:#f8f8ff;--dark-gray-color:#333;--gray-color:#ccc}body,html{height:100vh;margin:0;overflow:hidden;padding:0;width:100%}#root{overflow:hidden;width:100vw}#root,.loading{display:flex;height:100vh;justify-content:center}.loading{align-items:center;width:100%}.window{height:100vh;width:100vw}.domino-train{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;max-height:100vh;max-width:100vw;text-align:center;transform-origin:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:-webkit-max-content;width:max-content}.logo{filter:invert(100%);margin:20px 0 40px}.score{color:#f8f8ff;font-size:18px}.button{align-items:center;background-color:#f8f8ff;border:none;border-radius:.75rem;color:#191919;cursor:pointer;display:inline-flex;font-family:Karrik,sans-serif;font-size:1rem;font-weight:700;justify-content:center;margin:1rem 0;padding:15px 25px;white-space:nowrap}button:hover{box-shadow:0 0 .5rem #f8f8ff}.sub-button-container{align-items:center;color:#ccc;display:flex;flex-direction:row;gap:20px;justify-content:center}.sub-button{background:none;border:none;color:#ccc;cursor:pointer;font-family:Karrik,sans-serif;font-size:.8rem;font-weight:700;padding:0}a:hover{color:#f8f8ff;text-decoration:underline}.grid{display:inline-block;margin:0 50px;position:relative}.starting-tile{pointer-events:none;position:absolute}.starting-tile-domino{background-color:#f8f8ff;border-radius:.5rem;border-style:none none solid;font-size:15px}
/*# sourceMappingURL=main.2266a011.css.map*/