*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:BenchNine,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem}html:not(.dark-mode) .light-mode-hidden{display:none}@media screen and (min-width:450px)and (min-height:450px){html{font-size:1.3rem}}@media screen and (min-width:600px)and (min-height:600px){html{font-size:1.8rem}}@media screen and (min-width:900px)and (min-height:900px){html{font-size:2.1rem}}@media screen and (min-width:1300px)and (min-height:1300px){html{font-size:2.5rem}}@media screen and (min-width:1600px)and (min-height:1600px){html{font-size:2.9rem}}body{margin:0}body.winner-one{background:#c1ffe4}body.winner-two{background:#d6c4ff}body.death{background:#131313}body:before{background:linear-gradient(90deg,#c1ffe4,#d6c4ff);bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity 2s ease;z-index:-1}body.death:before,body.winner-one:before,body.winner-two:before{opacity:0}header{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;letter-spacing:27px;padding:10px 0 10px 25px;text-align:center;text-shadow:1px 1px #4a2afb;text-transform:uppercase}.winner-one header{color:#1bb36e;text-shadow:1px 1px #fff}.winner-two header{color:#8e41f3;text-shadow:1px 1px #fff}.death header{color:#000;text-shadow:1px 1px #fff}header .team-1{color:#1bb36e;text-shadow:1px 1px #fff}header .team-2{color:#8e41f3;text-shadow:1px 1px #fff}@media screen and (max-width:500px){header{letter-spacing:15px}}button{-webkit-appearance:none;appearance:none;cursor:pointer;outline:none}.game-board{display:flex;flex-wrap:wrap;margin:0 auto;max-width:calc(100vh - 5rem);padding:2px;width:100%}.game-board li{height:0;list-style-type:none;margin:1px;padding-top:calc(20% - 2px);position:relative;width:calc(20% - 2px)}.game-board li button{align-items:center;background-color:hsla(0,0%,100%,.33);border:0;border-radius:0;bottom:0;color:#274292;display:flex;font-family:inherit;font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;justify-content:center;left:0;margin:0;padding:2px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;transition:background-color .4s ease,color .4s ease,box-shadow .2s ease;width:100%}.game-board li button.active-one{background-color:#8ad2b3;color:#19543f}.game-board li button.active-two{background-color:#bfb6e2;color:#482382}.game-board li button.active-neutral{background-color:#fff7bb;color:#695c19}.game-board li button.active-death{background-color:#000;color:#fff}.game-board li button:hover{box-shadow:0 0 14px rgba(14,0,230,.15)}.game-board li button:disabled{cursor:not-allowed}nav{margin-top:.5rem;text-align:center}nav button{background-color:hsla(0,0%,100%,.5);border:0;border-radius:2em;color:#4a2afb;font-size:.6rem;font-weight:700;margin:0 .5rem;padding:.4rem .5rem;text-transform:uppercase;transition:all .4s ease}nav button:hover{box-shadow:1px 1px 6px rgba(35,20,158,.15)}.modal{align-items:center;background-color:hsla(0,0%,100%,.95);bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;left:0;opacity:0;right:0;transition:opacity .4s ease;z-index:-1}.modal,.modal button{position:absolute;top:0}.modal button{background:none;border:0;font-size:3rem;line-height:1;margin:0;padding:0;right:1rem}.modal-open{opacity:1;z-index:1}.modal-inner{max-width:25rem;padding:1rem;width:100%}.modal-inner ul{padding-left:1.2rem}.text-center{text-align:center}html.dark-mode .dark-mode-hidden{display:none}html.dark-mode body{background:#131313}html.dark-mode body:before{background:linear-gradient(90deg,#032317,#14082f)}html.dark-mode body.winner-one{background:#032317}html.dark-mode body.winner-two{background:#14082f}html.dark-mode header{color:#f6f5ff;text-shadow:1px 1px #2300eb}.winner-one html.dark-mode header{color:#63b96a;text-shadow:1px 1px #000}.winner-two html.dark-mode header{color:#a16ce7;text-shadow:1px 1px #000}.death html.dark-mode header{color:#000;text-shadow:1px 1px #000}html.dark-mode header .team-1{color:#63b96a;text-shadow:1px 1px #000}html.dark-mode header .team-2{color:#a16ce7;text-shadow:1px 1px #000}html.dark-mode .game-board li button{background-color:rgba(0,0,0,.33);color:#7091f6}html.dark-mode .game-board li button.active-one{background-color:#0b452c;color:#b6efda}html.dark-mode .game-board li button.active-two{background-color:#453164;color:#e9e0fb}html.dark-mode .game-board li button.active-neutral{background-color:#5c4c04;color:#f6e48c}html.dark-mode .game-board li button.active-death{background-color:#000;color:#fff}html.dark-mode .game-board li button:hover{box-shadow:0 0 14px rgba(192,188,255,.2)}html.dark-mode nav button{background-color:hsla(0,0%,100%,.1);color:#bfb4ff}html.dark-mode nav button:hover{box-shadow:1px 1px 6px hsla(0,0%,93%,.15)}html.dark-mode .modal{background-color:rgba(0,0,0,.95);color:#fff}html.dark-mode .modal button{color:#fff}
/*# sourceMappingURL=main.b70eb011.css.map*/