@import"https://fonts.googleapis.com/css?family=Noto+Color+Emoji";*{box-sizing:border-box}body{font-weight:900;margin:20px;padding:0;background-color:#282722;color:#d1cec7;line-height:1.5}h1{margin-top:0;font-size:22px}h2{margin-top:0;font-size:20px}h3{margin-top:0;font-size:18px}h4{margin-top:0;font-size:16px}h5{margin-top:0;font-size:14px}h6{margin-top:0;font-size:12px}code{font-size:1.2em}ul{padding-left:20px}.square{background:linear-gradient(300deg,rgb(54,54,58) 0%,rgb(76,84,87) 100%);border-radius:calc(100% / 3);display:flex;align-items:center;justify-content:center;font-size:90px;box-shadow:14px 14px 40px #0003;aspect-ratio:1}.avatar{width:75%;height:75%;display:flex;object-fit:contain;align-items:center;justify-content:center;filter:drop-shadow(5px 5px 20px rgba(0,0,0,.4))}.square.player1{background:linear-gradient(135deg,rgba(135,114,255,1) 0%,rgba(172,112,255,1) 100%)}.square.player2{background:linear-gradient(291deg,rgba(145,255,36,1) 0%,rgba(224,255,36,1) 100%)}.board{display:grid;width:min(98.75%,85vh);gap:1.25%;margin:auto}@keyframes fadeIn{0% {opacity: 0; backdrop-filter: blur(0px)}; 100% {opacity: .2; backdrop-filter: blur(20px)};}@keyframes slideIn{0% {transform: translateY(-100%)}; 100% {transform: translateY(0)};}.menu-bg{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:ease-out fadeIn .5s}.menu{background-color:#282722b3;border-radius:10px;margin:25% auto;max-width:800px;padding:3%;width:95%;animation:ease-out fadeIn .5s,ease-out slideIn .5s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header{display:flex;justify-content:center;gap:1.25%;width:100%}.logo-square{border-width:5px;border-color:#d1cec7;background:transparent;border-style:solid;border-radius:calc(100% / 3);display:flex;align-items:center;justify-content:center;font-size:70px;box-shadow:14px 14px 40px #0003;aspect-ratio:1;width:100px;height:100px}.logo-letter{width:75%;height:75%;display:flex;object-fit:contain;align-items:center;justify-content:center;filter:drop-shadow(14px 14px 40px rgba(0,0,0,.2))}.start-button{border-style:none;border-radius:5px;background:linear-gradient(290deg,rgba(145,255,36,1) 0%,rgba(224,255,36,1) 100%);font-size:20px;font:inherit;font-style:italic;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.2)}.reset-button{border-style:none;border-radius:5px;background:linear-gradient(290deg,rgb(255,36,36) 0%,rgb(255,124,36) 100%);font-size:20px;font:inherit;font-style:italic;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.2)}.center-horiz{display:flex;justify-content:center;align-items:center;text-align:center}.timer{font-size:40px;text-align:center}.status{width:min(98.75%,85vh);display:flex;margin:auto;justify-content:space-between;align-content:center;align-items:end;height:40px}.score{font-size:40px;text-align:center}.score.player1{text-align:left}.score.player2{text-align:right}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}