:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{margin:0 auto}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}h1{font-size:2.5rem;color:#f5a623;margin-bottom:.5rem}.choose-text{font-size:1.2rem;color:#ccc;margin-bottom:1.5rem}.side-buttons{display:flex;gap:1.5rem}.side-btn{padding:1rem 2.5rem;font-size:1.3rem;font-weight:700;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.x-btn{background:#f5a623;color:#1a1a2e}.x-btn:hover{background:#ffb84d;border-color:#f5a623}.o-btn{background:#2d7dd2;color:#fff}.o-btn:hover{background:#4a9ae6;border-color:#2d7dd2}.status{font-size:1.3rem;color:#ddd;margin-bottom:1rem;min-height:2rem}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#2d7dd2;padding:6px;border-radius:12px;box-shadow:0 8px 32px #2d7dd24d}.cell{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;background:#1a1a2e;border:none;border-radius:8px;cursor:pointer;transition:all .15s;color:#888}.cell:hover:not(:disabled){background:#252545}.cell:disabled{cursor:default}.cell.x{color:#f5a623}.cell.o{color:#2d7dd2}.cell.win-cell{background:#252545;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:inset 0 0 8px #f5a6234d}to{box-shadow:inset 0 0 20px #f5a62399}}.controls{display:flex;gap:1rem;margin-top:1.5rem}.control-btn{padding:.6rem 1.5rem;font-size:1rem;font-weight:600;background:transparent;color:#ccc;border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .2s}.control-btn:hover{border-color:#f5a623;color:#f5a623}