@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none;font-family:Roboto,sans-serif}.red{color:red}.green{color:#0f0}.settings{position:fixed;top:0;right:0;width:100%;height:100vh;background:#fff;box-shadow:0 0 10px #00000080;z-index:100}.settings .close{position:absolute;margin:24px;top:0;right:0;width:40px;height:40px;background:#fff;border-radius:50%;cursor:pointer;z-index:105;box-shadow:0 0 3px #00000080}.settings-container{margin-top:5rem}.settings-container .setting{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #eee}.settings-container .setting .switch{flex-shrink:0}.settings-container .setting .content .title{font-size:1.3rem;font-weight:500}.settings-container .setting .content .description{font-size:1rem;font-weight:300;opacity:.7}header{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#000;height:40px;border-bottom:1px solid #000}header button,header a{display:block;border:0;margin:0;background-color:#eee;color:#000;font-weight:500;text-decoration:none;padding:8px;width:90px;text-align:center;height:100%}header h1{font-size:1.5rem;font-weight:500;margin:0}@media screen and (max-width: 280px){header h1{font-size:1.2rem}}@keyframes openModal{0%{transform:translateY(35vh)}to{transform:translateY(0)}}@keyframes closeModal{0%{transform:translateY(0)}to{transform:translateY(35vh)}}.clearAll{display:flex;align-items:center;justify-content:center;text-align:center;max-width:360px;margin:20px auto auto;flex-direction:column}.clearAll p{opacity:.8}.clearAll button{margin-top:10px;background:#f00;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}.modal{position:fixed;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:35vh;border-top-left-radius:50px;border-top-right-radius:50px;background:rgba(0,0,0,.7)}.modal.hidden{animation:closeModal .5s forwards}.modal.show{display:flex;animation:openModal .4s ease-in-out}.modal>.close{font-size:.7rem;position:absolute;opacity:.4;font-weight:300;border:0;padding:12px;color:#fff;bottom:0}.modal>.content{text-align:center;z-index:99}.modal>.content>h1{color:#fff}.modal>.content>p{color:#fff;opacity:.4}.count{font-size:2rem;font-weight:700;text-align:center;margin-top:2.75rem;margin-bottom:0}.message{font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:20px}.tay-container{padding:8px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.stone{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:45px;height:60px;background-color:#fcfcfc;border:1px solid #000;margin-bottom:4px;margin-right:4px;font-weight:700;font-size:1.5rem;user-select:none;cursor:pointer}.empty{background-color:#fff;opacity:.7;border-style:dashed}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}