:root{font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Poppins,system-ui,sans-serif;background:linear-gradient(145deg,#141e30,#243b55);color:#ffffffe6}body{cursor:url(https://cdn-icons-png.flaticon.com/512/2989/2989988.png) 16 16,auto;margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}*{padding:0;margin:0;box-sizing:border-box}.board{width:fit-content;margin:40px auto;text-align:center}.board h1{color:#eee;margin-bottom:16px}.board button{margin:1rem;padding:10px 18px;background:#00d8ff;color:#000;font-weight:700;border-radius:8px;border:none;transition:.2s;box-shadow:0 4px 10px #00d8ff55}.board button:hover{background:#00bcd4;transform:scale(1.05);color:#fff}.board .game{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.turn{display:flex;justify-content:center;margin:15px auto;width:fit-content;position:relative;border-radius:10px;gap:1rem}.turn .square,.winner .square{width:70px;height:70px;pointer-events:none;border-color:transparent}.square.is-selected{color:#fff;background:#09f}.winner{position:absolute;width:100vw;height:100vh;top:0;left:0;display:grid;place-items:center;background-color:#000000b3}.winner .text{background:linear-gradient(135deg,#1a1a1a,#333);border:3px solid #00d8ff;box-shadow:0 0 20px #00d8ff88;display:flex;flex-direction:column;align-items:center}.winner .win{padding:15px 20px;background-color:#00d8ff22;font-size:2rem}.square{width:100px;height:100px;border:2px solid #00d8ff;border-radius:12px;display:grid;place-items:center;cursor:pointer;font-size:48px;background-color:#1e1e1e;transition:transform .15s ease-in-out,background-color .3s;box-shadow:0 0 8px #00d8ff55}.square.played{animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.square:hover{transform:scale(1.05);background-color:#2e2e2e}