#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.board{display:grid;grid-template-columns:repeat(3,6rem);grid-template-rows:repeat(3,6rem);justify-content:center;gap:.5em}.square{width:100%;height:100%;border-radius:.3em;font-size:4rem;background-color:#000000b3;cursor:pointer;display:grid;place-items:center}.square:hover{background-color:#000c}.turn{margin-block:3em;margin-inline:auto;display:flex;justify-content:center;gap:.5em}.turn .square{width:6rem;height:6rem}.is-selected{box-shadow:0 0 0 2px #0f0}.winner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;padding:2rem .5rem 3rem;border-radius:.3em;background-color:#1a1a1a;display:grid}.winner h3{margin-top:0;font-weight:400;font-size:2.5rem;color:#fff}.winner-button{padding:1em 1.25em;border:none;border-radius:.3em;font-size:inherit;font-weight:700;background-color:#ffd500;cursor:pointer;color:#000}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:url(/assets/bosque-ca5f7685.png);background-repeat:no-repeat;background-size:cover;background-position:center;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;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}