:root{font-family:Roboto,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#fff;background-color:#202020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-color:#202020}*{padding:0;margin:0;box-sizing:border-box}.board{width:fit-content;margin:40px auto;text-align:center}.board h1{font-size:48px;font-weight:700;color:#3c3;text-shadow:0 2px 2px rgba(51,204,51,.4);letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;position:relative;animation:glow 3s infinite}@keyframes glow{0%{text-shadow:0 2px 4px rgba(51,204,51,.4)}50%{text-shadow:0 4px 6px rgba(51,204,51,.6),0 0 10px rgba(51,204,51,.4)}to{text-shadow:0 2px 4px rgba(51,204,51,.4)}}.board button{padding:8px 12px;margin:25px;background:linear-gradient(120deg,#33cc33,#ff3399,#9933ff);background-size:200% 200%;border:2px solid transparent;color:#fff;width:120px;border-radius:30px;transition:.2s;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 8px #0003}.board button:hover{background-position:right center}.board .game{display:grid;grid-template-columns:repeat(3,100px);gap:20px}.turn{display:flex;justify-content:center;margin:15px auto;width:fit-content;position:relative;border-radius:50px}.turn .square,.winner .square{width:100px;height:100px;pointer-events:none;border-color:transparent;background-color:#202020;border-radius:50px;display:grid;place-items:center;color:#fff;font-size:48px;transition:.2s}.turn .square:hover{background-color:#3c3}.square.is-selected{background-color:#f39}.winner{position:absolute;width:100vw;height:100vh;top:0;left:0;display:grid;place-items:center;background-color:#000000b3}.winner .text{background:#202020;height:300px;width:320px;border:2px solid #ffffff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;color:#fff;font-size:24px}.winner .win{margin:0 auto;width:fit-content;border:2px solid #ffffff;border-radius:20px;display:flex;gap:15px}.square{width:100px;height:100px;border:2px solid #9933ff;border-radius:50px;display:grid;place-items:center;cursor:pointer;font-size:48px;box-shadow:0 4px 8px #0003}