*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;font-family:Segoe UI,system-ui,sans-serif;color:#e2e8f0}#app{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#38bdf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#status{font-size:1.25rem;min-height:2rem;color:#94a3b8}#status.winner{color:#4ade80;font-weight:600}#status.draw{color:#facc15;font-weight:600}#board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:320px;height:320px}.cell{background:#1e293b;border:none;border-radius:12px;font-size:2.8rem;font-weight:700;color:#e2e8f0;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}.cell:hover:not(.taken){background:#334155;transform:scale(1.04)}.cell.taken{cursor:default}.cell.x{color:#38bdf8}.cell.o{color:#a78bfa}.cell.win{background:#1e3a2f}#restart{padding:.7rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:#334155;color:#e2e8f0;cursor:pointer;transition:background .15s}#restart:hover{background:#475569}