:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{margin:0;padding:20px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);max-width:500px;width:100%}.game-header h1{margin:0 0 1.5rem;color:#fff;font-size:2.5rem;font-weight:300;text-align:center;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.status{margin-bottom:1rem;font-size:1.3rem;font-weight:600;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);min-height:1.5em}.reset{background:#fff3;color:#fff;border:none;padding:.8rem 1.6rem;font-size:1rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003;margin-bottom:2rem;width:100%}.reset:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.reset:active{transform:translateY(0)}.board-row{display:flex;justify-content:center;margin-bottom:1rem}.square{width:100px;height:100px;font-size:2.5rem;font-weight:700;background:#ffffff40;border:none;border-radius:12px;cursor:pointer;color:#333;font-family:inherit;box-shadow:8px 8px 16px #0003,-8px -8px 16px #ffffff1a;transition:all .2s ease;margin:0 .5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.square:hover{box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #fff3,inset 2px 2px 4px #0000001a;transform:scale(1.05)}.square:active{box-shadow:inset 4px 4px 8px #0000004d,inset -2px -2px 4px #ffffff1a;transform:scale(.98)}.square.x{color:#e74c3c}.square.o{color:#3498db}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.square.x:after{content:"";position:absolute;inset:10%;background:linear-gradient(45deg,transparent 49%,rgba(231,76,60,.1) 50%,transparent 51%);animation:pulse .6s ease-in-out;border-radius:inherit}.square.o:after{content:"";position:absolute;inset:10%;background:linear-gradient(45deg,transparent 49%,rgba(52,152,219,.1) 50%,transparent 51%);animation:pulse .6s ease-in-out;border-radius:inherit}@media(max-width:600px){.game{padding:1.5rem;margin:10px}.game-header h1{font-size:2rem}.square{width:80px;height:80px;font-size:2rem;margin:0 .3rem}.board-row{margin-bottom:.8rem}}@media(max-width:400px){.square{width:70px;height:70px;font-size:1.8rem}}