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;-webkit-user-select:none;user-select:none}body,html{background-color:#302121;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button-bar{position:relative;text-align:center;z-index:1}.button-bar button{background-color:#5b4444;border:1px solid #000;box-shadow:5px 5px #000b;color:#fff;display:inline-flex;font-size:20px;height:57px;justify-content:center;line-height:20px;margin:8px;min-width:120px;padding:10px;text-align:center;transition:background-color .5s ease,box-shadow .5s ease,-webkit-filter .2s ease;transition:background-color .5s ease,box-shadow .5s ease,filter .2s ease;transition:background-color .5s ease,box-shadow .5s ease,filter .2s ease,-webkit-filter .2s ease}.button-bar button:disabled{background-color:initial;box-shadow:none;color:#aaa;transition:background-color .5s ease,box-shadow .5s ease}@media (hover:hover) and (pointer:fine){.button-bar button:disabled:hover{-webkit-filter:none;filter:none}.button-bar button:hover{-webkit-filter:contrast(150%);filter:contrast(150%)}}.button-bar .small{font-size:15px;padding:10px}.active{background-color:#116262!important;box-shadow:8px 8px #111!important;transition:background-color .5s ease,box-shadow .5s ease}.icon{padding-right:5px}.icon,.text{display:inline-block;line-height:32px;vertical-align:middle;white-space:nowrap}.timer{color:#fff;font-size:100px;max-height:500px;opacity:1;text-align:center}.timer,.timer.hidden-timer{transition:opacity .5s ease,max-height .5s ease}.timer.hidden-timer{max-height:0;opacity:0}.grid{-webkit-filter:brightness(100%);filter:brightness(100%);text-align:center;transition:-webkit-filter 1s ease;transition:filter 1s ease;transition:filter 1s ease,-webkit-filter 1s ease}.die{background-color:#3a3a3a;border:2px solid #000;box-shadow:5px 5px #000b;color:#fff;display:inline-block;font-size:40px;height:56px;line-height:54px;margin:5px;padding:0;text-shadow:-1px -1px #000;text-transform:capitalize;transition:box-shadow 1s ease;width:56px}@media (min-width:360px){.die{font-size:56px;padding:10px}.button-bar button{font-size:16px;min-width:160px;padding:10px}}@media (min-width:412px){.die{font-size:64px;padding:16px}.button-bar button{min-width:160px}.button-bar .small,.button-bar button{font-size:20px;padding:10px}}.container{display:grid}.hidden-symbol,.unhidden-symbol{grid-area:1/1;margin-left:-100px;margin-right:-100px;opacity:1;text-align:center}.o-0{opacity:0}.d-none{display:none}.underline{text-decoration:underline}.r-0{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:opacity .2s ease,-webkit-transform .45s;transition:transform .45s,opacity .2s ease;transition:transform .45s,opacity .2s ease,-webkit-transform .45s}.r-1{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:opacity .2s ease-in,-webkit-transform .2s;transition:transform .2s,opacity .2s ease-in;transition:transform .2s,opacity .2s ease-in,-webkit-transform .2s}.r-2{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:opacity .2s ease-out,-webkit-transform .25s;transition:transform .25s,opacity .2s ease-out;transition:transform .25s,opacity .2s ease-out,-webkit-transform .25s}.r-3{-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:opacity .2s linear,-webkit-transform .3s;transition:transform .3s,opacity .2s linear;transition:transform .3s,opacity .2s linear,-webkit-transform .3s}.r-4{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:opacity .2s ease-out,-webkit-transform .35s;transition:transform .35s,opacity .2s ease-out;transition:transform .35s,opacity .2s ease-out,-webkit-transform .35s}.r-5{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transition:opacity .2s ease,-webkit-transform .4s;transition:transform .4s,opacity .2s ease;transition:transform .4s,opacity .2s ease,-webkit-transform .4s}.r-6{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);transition:opacity .2s ease,-webkit-transform .45s;transition:transform .45s,opacity .2s ease;transition:transform .45s,opacity .2s ease,-webkit-transform .45s}.blink{-webkit-animation:blinker 2s ease-in-out infinite;animation:blinker 2s ease-in-out infinite}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.game-over{-webkit-filter:brightness(40%) invert(20%) contrast(180%);filter:brightness(40%) invert(20%) contrast(180%);transition:-webkit-filter 1s ease;transition:filter 1s ease;transition:filter 1s ease,-webkit-filter 1s ease}.game-over .die{box-shadow:5px 5px #0005;-webkit-filter:none;filter:none;transition:box-shadow 1s ease}.hypnotic-8{-webkit-animation:h8 20s linear infinite;animation:h8 20s linear infinite;background:linear-gradient(currentColor 0 0) top/100% 2px,radial-gradient(farthest-side at top,#0000 calc(100% - 2px),currentColor calc(100% - 1px),#0000) top,linear-gradient(currentColor 0 0) bottom/100% 2px,radial-gradient(farthest-side at bottom,#0000 calc(100% - 2px),currentColor calc(100% - 1px),#0000) bottom;background-repeat:no-repeat;background-size:100% 1px,100% 50%;display:grid;min-height:32px;width:15px}.hypnotic-8:after,.hypnotic-8:before{-webkit-animation:inherit;animation:inherit;background:inherit;border:inherit;content:"";grid-area:1/1}.hypnotic-8:after{-webkit-animation-duration:10s;animation-duration:10s}@-webkit-keyframes h8{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes h8{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bars-10{--c:conic-gradient(from -90deg,#fff 90deg,#fff0 0);-webkit-animation:b10 1.35s infinite;animation:b10 1.35s infinite;aspect-ratio:1;background:var(--c),var(--c);background-size:40% 40%;display:grid;min-height:32px}@-webkit-keyframes b10{0%,20%{background-position:0 0,0 33.33333%}33%{background-position:0 0,33.33333% 33.33333%}66%{background-position:0 33.33333%,33.33333% 0}80%,to{background-position:0 33.33333%,0 0}}@keyframes b10{0%,20%{background-position:0 0,0 33.33333%}33%{background-position:0 0,33.33333% 33.33333%}66%{background-position:0 33.33333%,33.33333% 0}80%,to{background-position:0 33.33333%,0 0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.30824f3e.css.map*/