@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Tilt+Neon&display=swap);:root{--color:#efeb06;--color--lighter:#8b8904;--color-alt:#354234;--font-main:"Montserrat",sans-serif;--font-alt:"Tilt Neon",sans-serif;background-color:#354234;background-color:var(--color-alt);color:#efeb06;color:var(--color);font-optical-sizing:auto;font-style:normal}*,:after,:before{box-sizing:border-box;position:relative}body,html{height:100%;min-height:100%;min-width:320px}body{font-family:Montserrat,sans-serif;font-family:var(--font-main);margin:0;padding:0}:where(h1,h2,h3,h4,h5,h6){font-family:Tilt Neon,sans-serif;font-family:var(--font-alt);font-variation-settings:"XROT" 0,"YROT" 0;font-weight:400}h1{font-size:3.815rem;margin-block:0 1rem;text-transform:uppercase}h2{font-size:3.052rem}h3{font-size:2.441rem}h4{font-size:1.953rem}h5{font-size:1.563rem}h6{font-size:1.25rem}p{font-size:1rem}.small{font-size:.8rem}.x-small{font-size:.64rem}a{color:#efeb06;color:var(--color)}a:focus,a:hover{outline:0;text-decoration:none}a:focus,a:focus-visible,a:focus-within{border-bottom:1px dotted #efeb06;border-bottom:1px dotted var(--color)}a:active{border:0;color:#fff}button{background:#354234;background:var(--color-alt);border:1px solid #efeb06;border:1px solid var(--color);color:#efeb06;color:var(--color);cursor:pointer;padding:.5rem;text-transform:uppercase;width:100%}button:focus,button:focus-visible,button:focus-within,button:hover{background-color:#8b8904;background-color:var(--color--lighter)}button:focus,button:focus-visible,button:focus-within{outline:1px solid #efeb06;outline:1px solid var(--color)}#root{display:flex;flex-direction:column;height:100%;justify-content:center}footer,header,main{padding:4rem 2rem}footer,header{text-align:center;width:100%}header{padding-bottom:1rem}main{flex-grow:1}footer{border-top:1px solid #efeb06;border-top:1px solid var(--color);padding-block:1rem;text-align:right}.game-actions,.game-board,main .content{display:flex;gap:2rem;justify-content:center}.game-board{flex-direction:column;justify-content:flex-start}#game-table{display:grid;grid-template-columns:repeat(3,1fr);max-width:141px}.square{background-color:initial;font-family:Tilt Neon,sans-serif;font-family:var(--font-alt);font-size:1.4em;margin-bottom:-1px;margin-right:-1px;min-height:48px;min-width:48px;text-align:center}.game-over .square:not(.active){background:none}.square.active{background-color:#8b8904;background-color:var(--color--lighter);color:#fff;transition:background-color .5s ease-in-out}.status{width:100%}.game-actions{flex-direction:column}.game-plays{flex-grow:1;width:100%}.game-actions button{min-width:140px;text-transform:none;width:100%}.game-plays ul{column-gap:1rem;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.game-plays li button:not(.active){background-color:#354234;background-color:var(--color-alt);border-color:#8b8904;border-color:var(--color--lighter);color:#8b8904;color:var(--color--lighter)}.game-plays li button:not(.active):active,.game-plays li button:not(.active):hover{background-color:#8b8904;background-color:var(--color--lighter);color:#354234;color:var(--color-alt)}.game-plays li button:not(.active):active{color:#354234;color:var(--color-alt)}@media screen and (min-width:800px){footer,header,main{padding-inline:4rem}}
/*# sourceMappingURL=main.69a5071f.css.map*/